Difference between revisions of "Common.css"
From Unofficial Stationeers Wiki
Line 54: | Line 54: | ||
} | } | ||
โ | @media only screen and (max-width: | + | @media only screen and (max-width: 40em) { |
.infobox { | .infobox { | ||
margin: 0; | margin: 0; | ||
Line 67: | Line 67: | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
+ | width: 33em; | ||
} | } | ||
} | } |
Revision as of 20:19, 16 December 2017
.main-banner { background-color: #183d62; padding: 80px 20px; } .main-banner img { max-width: 100%; height: auto; } /* sub-headers */ .subheader { background: #183d62; color: #fff; text-align: center; padding: .5em; } .subheader .fa{ padding-right: 10px; } /* Infobox CSS */ /* The main box */ .infobox { border: 1px solid #183d62; border-spacing: 3px; margin: 0.5em 0 0.5em 1em; padding: 0.2em; clear: right; line-height: 1.5em; } .infobox>caption { background: #183d62; color: #fff; padding: .5em; font-size: 1.4em; } .infobox th { font-weight: bold; } /* The little template links */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } .hlist dd::after, .hlist li::after { content: " ยท "; font-weight: bold; } .hlist dd:last-child::after, .hlist dt:last-child::after, .hlist li:last-child::after { content: none; } @media only screen and (max-width: 40em) { .infobox { margin: 0; width: 100% !important; } } /* Infobox large screen */ @media only screen and (min-width: 40.0625em) { .infobox { float: right; clear: right; width: 33em; } }