Difference between revisions of "Common.css"
From Unofficial Stationeers Wiki
(49 intermediate revisions by 2 users not shown) | |||
Line 7: | Line 7: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
+ | } | ||
+ | |||
+ | /* Page titles */ | ||
+ | #content .title { | ||
+ | margin-top: .5em; | ||
+ | font-size: 2.5em; | ||
+ | } | ||
+ | |||
+ | #tagline { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #sitesub.subtitle { | ||
+ | border-bottom: solid 2px #183d62; | ||
+ | |||
} | } | ||
Line 19: | Line 34: | ||
.subheader .fa{ | .subheader .fa{ | ||
padding-right: 10px; | padding-right: 10px; | ||
+ | } | ||
+ | /* Table of Contents */ | ||
+ | #toc { | ||
+ | padding: 0.5em; | ||
} | } | ||
Line 25: | Line 44: | ||
/* The main box */ | /* The main box */ | ||
.infobox { | .infobox { | ||
− | + | background: #DEDEDE; | |
border-spacing: 3px; | border-spacing: 3px; | ||
− | margin: | + | margin: 0 0 .5em; |
+ | width: 100%; | ||
padding: 0.2em; | padding: 0.2em; | ||
− | |||
− | |||
− | |||
line-height: 1.5em; | line-height: 1.5em; | ||
} | } | ||
.infobox>caption { | .infobox>caption { | ||
background: #183d62; | background: #183d62; | ||
+ | color: #fff; | ||
+ | padding: .5em; | ||
+ | font-size: 1.4em; | ||
} | } | ||
+ | .infobox th { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .infobox th:only-child { | ||
+ | background: rgba(24, 61, 98, 0.6); | ||
+ | color: #EEE; | ||
+ | } | ||
+ | |||
+ | .infobox tr.even, .infobox tr.alt, .infobox tr:nth-of-type(2n) { | ||
+ | background: #CFCFD8; | ||
+ | } | ||
+ | .infobox .plainlinks>ul { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* Icons (Template:Icon) */ | ||
+ | |||
+ | .stationeers-icon { | ||
+ | display: inline-block; | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | position: relative; | ||
+ | padding: 1px; | ||
+ | width: 32px;height: 32px; | ||
+ | border: 1px solid #a7a1a1; | ||
+ | background-color: #c9c9c9; | ||
+ | border-radius: 3px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .stationeers-icon .new { | ||
+ | overflow: hidden; | ||
+ | display: block; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | |||
+ | .stationeers-icon-text { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | right: 3px; | ||
+ | color: #fff; | ||
+ | font-size: larger; | ||
+ | font-weight: bold; | ||
+ | text-shadow: 0px 1px 1px #000,0px -1px 1px #000,1px 0px 1px #000,-1px 0px 1px #000; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | |||
/* The little template links */ | /* The little template links */ | ||
.hlist dd, .hlist dt, .hlist li { | .hlist dd, .hlist dt, .hlist li { | ||
Line 48: | Line 115: | ||
.hlist dd:last-child::after, .hlist dt:last-child::after, .hlist li:last-child::after { | .hlist dd:last-child::after, .hlist dt:last-child::after, .hlist li:last-child::after { | ||
content: none; | content: none; | ||
+ | } | ||
+ | |||
+ | /* Infobox large screen */ | ||
+ | @media only screen and (min-width: 50em) { | ||
+ | |||
+ | .infobox { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | width: 23em; | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | } | ||
+ | } | ||
+ | /* Fix language list */ | ||
+ | .mw-pt-languages { | ||
+ | border: 1px solid #DDD; | ||
+ | margin-bottom: 0.3em; | ||
+ | } | ||
+ | .mw-pt-languages-label { | ||
+ | border-right: 1px solid #DDD; | ||
+ | padding: 0.3em; | ||
+ | } | ||
+ | .mw-pt-languages-list { | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | .mw-pt-languages-label { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .mw-pt-translate-header + hr { | ||
+ | margin: 0.50em 0 -1px; | ||
+ | } | ||
+ | |||
+ | table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { | ||
+ | border: 1px #cfd5dd solid; | ||
+ | } | ||
+ | |||
+ | /* Article text */ | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | margin-top: 0.2em; | ||
+ | } | ||
+ | |||
+ | /* Article links */ | ||
+ | a.external.text:not([href*="stationeers-wiki.com"]):after { | ||
+ | content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=); | ||
} | } |
Latest revision as of 11:55, 18 November 2019
.main-banner { background-color: #183d62; padding: 80px 20px; } .main-banner img { max-width: 100%; height: auto; } /* Page titles */ #content .title { margin-top: .5em; font-size: 2.5em; } #tagline { display: none; } #sitesub.subtitle { border-bottom: solid 2px #183d62; } /* sub-headers */ .subheader { background: #183d62; color: #fff; text-align: center; padding: .5em; } .subheader .fa{ padding-right: 10px; } /* Table of Contents */ #toc { padding: 0.5em; } /* 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 th:only-child { background: rgba(24, 61, 98, 0.6); color: #EEE; } .infobox tr.even, .infobox tr.alt, .infobox tr:nth-of-type(2n) { background: #CFCFD8; } .infobox .plainlinks>ul { margin: 0; } /* Icons (Template:Icon) */ .stationeers-icon { display: inline-block; margin-left: 5px; margin-right: 5px; position: relative; padding: 1px; width: 32px;height: 32px; border: 1px solid #a7a1a1; background-color: #c9c9c9; border-radius: 3px; vertical-align: middle; } .stationeers-icon .new { overflow: hidden; display: block; text-overflow: ellipsis; } .stationeers-icon-text { position: absolute; bottom: 0; right: 3px; color: #fff; font-size: larger; font-weight: bold; text-shadow: 0px 1px 1px #000,0px -1px 1px #000,1px 0px 1px #000,-1px 0px 1px #000; pointer-events: none; } /* 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: 23em; margin: 0.5em 0 0.5em 1em; } } /* Fix language list */ .mw-pt-languages { border: 1px solid #DDD; margin-bottom: 0.3em; } .mw-pt-languages-label { border-right: 1px solid #DDD; padding: 0.3em; } .mw-pt-languages-list { padding-bottom: 0; } .mw-pt-languages-label { white-space: nowrap; } .mw-pt-translate-header + hr { margin: 0.50em 0 -1px; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px #cfd5dd solid; } /* Article text */ h1, h2, h3, h4, h5, h6 { margin-top: 0.2em; } /* Article links */ a.external.text:not([href*="stationeers-wiki.com"]):after { content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=); }