/* Banhammer Tower.css v1.1 Jeff Starr @ Monzilla Media https://monzillamedia.com/ https://plugin-planet.com/ */ .banhammer-header { box-sizing: border-box; width: 100%; overflow: hidden; margin: 1px 0 10px 0; padding: 10px; background-color: #3c505e; } .banhammer-header-item { box-sizing: border-box; float: left; width: 50%; } .banhammer-header-item:last-child { text-align: right; } .banhammer-header a, .banhammer-header span { display: inline-block; vertical-align: middle; } .banhammer-sep { padding: 0 2px; opacity: 0.3; } .banhammer-row { box-sizing: border-box; width: 100%; overflow: hidden; margin: 10px 0 0 0; color: #a1b2b3; background-color: #22323b; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .banhammer-col { float: left; background-image: url('../img/banhammer-bg-fade.png'); background-repeat: repeat-y; } .banhammer-col1 { width: 380px; background-repeat: no-repeat, repeat-y; background-size: 80px 80px, 250px 1px; background-position: -20px -20px, 0 0; } .banhammer-col2 { width: 120px; } .banhammer-col3 { width: -moz-calc(100% - 500px); width: -webkit-calc(100% - 500px); width: calc(100% - 500px); background-color: #3c505e; } .banhammer-status-1 .banhammer-col1, .banhammer-status-2 .banhammer-col1 { background-image: url('../img/banhammer-bg-warn.png'), url('../img/banhammer-bg-fade.png'); } .banhammer-status-3 .banhammer-col1, .banhammer-status-4 .banhammer-col1 { background-image: url('../img/banhammer-bg-ban.png'), url('../img/banhammer-bg-fade.png'); } .banhammer-status-5 .banhammer-col1, .banhammer-status-6 .banhammer-col1 { background-image: url('../img/banhammer-bg-restored.png'), url('../img/banhammer-bg-fade.png'); } .banhammer-status-1 .banhammer-col2, .banhammer-status-2 .banhammer-col2 { background-color: #ae672c; } .banhammer-status-3 .banhammer-col2, .banhammer-status-4 .banhammer-col2 { background-color: #8f3a33; } .banhammer-status-5 .banhammer-col2, .banhammer-status-6 .banhammer-col2 { background-color: rgba(255,255,255,0.1); } .banhammer-status-0 { min-height: 80px; text-align: center; } .banhammer-status-0 .banhammer-noresults:last-child { padding: 10px 0 0 0; } .banhammer-status-0 .banhammer-noresults { width: 100%; display: inline-block; margin: 10px 0 0 0; } .banhammer-status-0 .banhammer-noresults a:link, .banhammer-status-0 .banhammer-noresults a:visited { color: #fcb028; } .banhammer-status-0 .banhammer-noresults a:hover, .banhammer-status-0 .banhammer-noresults a:active { color: #fabb00; } .banhammer-box { display: block; padding: 15px 10px 0 10px; color: #cdcfd1; } .banhammer-box:last-child { padding: 10px; } .banhammer-col1 .banhammer-box { display: inline-block; padding: 10px; } @media screen and (max-width: 782px) { .banhammer-row:not(.banhammer-status-0) { display: block; } .banhammer-col { float: none; width: 100%; } .banhammer-actions { padding-left: 0; } }