Difference between revisions of "Common.css"
From Unofficial Stationeers Wiki
| (29 intermediate revisions by 2 users not shown) | |||
| Line 10: | Line 10: | ||
/* Page titles */ | /* Page titles */ | ||
| − | + | #content .title { | |
| − | + | margin-top: .5em; | |
| − | font- | + | font-size: 2.5em; |
} | } | ||
| Line 21: | Line 21: | ||
#sitesub.subtitle { | #sitesub.subtitle { | ||
border-bottom: solid 2px #183d62; | border-bottom: solid 2px #183d62; | ||
| − | + | ||
} | } | ||
| Line 34: | Line 34: | ||
.subheader .fa{ | .subheader .fa{ | ||
padding-right: 10px; | padding-right: 10px; | ||
| + | } | ||
| + | /* Table of Contents */ | ||
| + | #toc { | ||
| + | padding: 0.5em; | ||
} | } | ||
| Line 55: | Line 59: | ||
.infobox th { | .infobox th { | ||
font-weight: bold; | font-weight: bold; | ||
| + | } | ||
| + | .infobox th:only-child { | ||
| + | background: rgba(24, 61, 98, 0.6); | ||
| + | color: #EEE; | ||
} | } | ||
| Line 60: | Line 68: | ||
background: #CFCFD8; | 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 79: | Line 123: | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
| − | width: | + | width: 23em; |
margin: 0.5em 0 0.5em 1em; | 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=);
}
