Difference between revisions of "Common.css"
From Unofficial Stationeers Wiki
Line 59: | Line 59: | ||
/* Infobox large screen */ | /* Infobox large screen */ | ||
โ | @media only screen and (min-width: | + | @media only screen and (min-width: 50em) { |
.infobox { | .infobox { |
Revision as of 20:38, 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 { background: #DEDEDE; border-spacing: 3px; margin: 0 0 .5em; width: 100%; padding: 0.2em; line-height: 1.5em; } .infobox>caption { background: #183d62; color: #fff; padding: .5em; font-size: 1.4em; } .infobox th { font-weight: bold; } .infobox tr.even, .infobox tr.alt, .infobox tr:nth-of-type(2n) { background: #CFCFD8; } /* 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; } /* Infobox large screen */ @media only screen and (min-width: 50em) { .infobox { float: right; clear: right; width: 22em; margin: 0.5em 0 0.5em 1em; } }