Difference between revisions of "Common.css"
From Unofficial Stationeers Wiki
Line 53: | Line 53: | ||
content: none; | content: none; | ||
} | } | ||
+ | |||
+ | @media only screen and (max-width: 40em).infobox { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
/* Infobox large screen */ | /* Infobox large screen */ | ||
@media only screen and (min-width: 40.0625em) { | @media only screen and (min-width: 40.0625em) { |
Revision as of 20:09, 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 { width: 100%; } /* Infobox large screen */ @media only screen and (min-width: 40.0625em) { .infobox { float: right; clear: right; } }