| 1 |
/* |
| 2 |
Banhammer Tower.css v1.1 |
| 3 |
Jeff Starr @ Monzilla Media |
| 4 |
https://monzillamedia.com/ |
| 5 |
https://plugin-planet.com/ |
| 6 |
*/ |
| 7 |
|
| 8 |
.banhammer-header { box-sizing: border-box; width: 100%; overflow: hidden; margin: 1px 0 10px 0; padding: 10px; background-color: #3c505e; } |
| 9 |
.banhammer-header-item { box-sizing: border-box; float: left; width: 50%; } |
| 10 |
.banhammer-header-item:last-child { text-align: right; } |
| 11 |
|
| 12 |
.banhammer-header a, |
| 13 |
.banhammer-header span { display: inline-block; vertical-align: middle; } |
| 14 |
.banhammer-sep { padding: 0 2px; opacity: 0.3; } |
| 15 |
|
| 16 |
.banhammer-row { |
| 17 |
box-sizing: border-box; width: 100%; overflow: hidden; margin: 10px 0 0 0; color: #a1b2b3; background-color: #22323b; |
| 18 |
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; |
| 19 |
} |
| 20 |
.banhammer-col { float: left; background-image: url('../img/banhammer-bg-fade.png'); background-repeat: repeat-y; } |
| 21 |
.banhammer-col1 { width: 380px; background-repeat: no-repeat, repeat-y; background-size: 80px 80px, 250px 1px; background-position: -20px -20px, 0 0; } |
| 22 |
.banhammer-col2 { width: 120px; } |
| 23 |
.banhammer-col3 { width: -moz-calc(100% - 500px); width: -webkit-calc(100% - 500px); width: calc(100% - 500px); background-color: #3c505e; } |
| 24 |
|
| 25 |
.banhammer-status-1 .banhammer-col1, |
| 26 |
.banhammer-status-2 .banhammer-col1 { background-image: url('../img/banhammer-bg-warn.png'), url('../img/banhammer-bg-fade.png'); } |
| 27 |
.banhammer-status-3 .banhammer-col1, |
| 28 |
.banhammer-status-4 .banhammer-col1 { background-image: url('../img/banhammer-bg-ban.png'), url('../img/banhammer-bg-fade.png'); } |
| 29 |
.banhammer-status-5 .banhammer-col1, |
| 30 |
.banhammer-status-6 .banhammer-col1 { background-image: url('../img/banhammer-bg-restored.png'), url('../img/banhammer-bg-fade.png'); } |
| 31 |
|
| 32 |
.banhammer-status-1 .banhammer-col2, |
| 33 |
.banhammer-status-2 .banhammer-col2 { background-color: #ae672c; } |
| 34 |
.banhammer-status-3 .banhammer-col2, |
| 35 |
.banhammer-status-4 .banhammer-col2 { background-color: #8f3a33; } |
| 36 |
.banhammer-status-5 .banhammer-col2, |
| 37 |
.banhammer-status-6 .banhammer-col2 { background-color: rgba(255,255,255,0.1); } |
| 38 |
|
| 39 |
.banhammer-status-0 { min-height: 80px; text-align: center; } |
| 40 |
.banhammer-status-0 .banhammer-noresults:last-child { padding: 10px 0 0 0; } |
| 41 |
.banhammer-status-0 .banhammer-noresults { width: 100%; display: inline-block; margin: 10px 0 0 0; } |
| 42 |
.banhammer-status-0 .banhammer-noresults a:link, .banhammer-status-0 .banhammer-noresults a:visited { color: #fcb028; } |
| 43 |
.banhammer-status-0 .banhammer-noresults a:hover, .banhammer-status-0 .banhammer-noresults a:active { color: #fabb00; } |
| 44 |
|
| 45 |
.banhammer-box { display: block; padding: 15px 10px 0 10px; color: #cdcfd1; } |
| 46 |
.banhammer-box:last-child { padding: 10px; } |
| 47 |
.banhammer-col1 .banhammer-box { display: inline-block; padding: 10px; } |
| 48 |
|
| 49 |
@media screen and (max-width: 782px) { |
| 50 |
.banhammer-row:not(.banhammer-status-0) { display: block; } |
| 51 |
.banhammer-col { float: none; width: 100%; } |
| 52 |
.banhammer-actions { padding-left: 0; } |
| 53 |
} |
| 54 |
|
