Import site CSS
Wikipedia-style soldier infobox CSS
Line 1: Line 1:
/* Wikipedia-like article infobox (Vector does not ship these styles). */
.soldier-infobox,
table.infobox,
table.infobox.vcard,
table.soldier-infobox,
.infobox.soldier-infobox {
.infobox.soldier-infobox {
float: right;
float: right;
clear: right;
clear: right;
margin: 0.5em 0 0.8em 1.4em;
width: 22em;
margin: 0.5em 0 1.2em 1.4em;
padding: 0.2em;
padding: 0.2em;
width: 22em;
max-width: 40%;
background: #f8f9fa;
background: #f8f9fa;
color: #202122;
color: #202122;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
border-spacing: 3px;
border-collapse: collapse;
border-collapse: separate;
font-size: 88%;
font-size: 88%;
line-height: 1.5em;
line-height: 1.5em;
text-align: left;
}
}
.infobox .infobox-above,
.soldier-infobox .infobox-above {
.soldier-infobox .infobox-above {
background: #eaecf0;
background: #eaecf0;
Line 29: Line 21:
padding: 0.4em 0.5em;
padding: 0.4em 0.5em;
}
}
.infobox .infobox-header,
.soldier-infobox .infobox-header {
.soldier-infobox .infobox-header {
background: #eaecf0;
background: #eaecf0;
Line 37: Line 27:
text-align: center;
text-align: center;
padding: 0.3em 0.5em;
padding: 0.3em 0.5em;
border-top: 1px solid #a2a9b1;
}
}
.infobox .infobox-image,
.soldier-infobox .infobox-image {
.soldier-infobox .infobox-image {
text-align: center;
text-align: center;
Line 45: Line 34:
background: #f8f9fa;
background: #f8f9fa;
}
}
.infobox .infobox-caption,
.soldier-infobox .infobox-caption {
.soldier-infobox .infobox-caption {
font-size: 95%;
font-size: 95%;
padding: 0.2em 0.4em 0.5em;
padding: 0.2em 0.4em 0.5em;
}
}
.infobox .infobox-label,
.infobox th.infobox-label,
.soldier-infobox .infobox-label,
.soldier-infobox .infobox-label,
.soldier-infobox th.infobox-label {
.soldier-infobox th.infobox-label {
Line 60: Line 44:
text-align: left;
text-align: left;
vertical-align: top;
vertical-align: top;
padding: 0.2em 0.5em 0.2em 0.5em;
padding: 0.3em 0.5em 0.3em 0.5em;
background: #f8f9fa;
background: #f8f9fa;
color: #202122;
color: #202122;
border-top: 1px solid #eaecf0;
}
}
.infobox td.infobox-data,
.soldier-infobox td.infobox-data {
.soldier-infobox td.infobox-data {
vertical-align: top;
vertical-align: top;
padding: 0.2em 0.5em 0.2em 0.4em;
padding: 0.3em 0.5em 0.3em 0.4em;
background: #f8f9fa;
background: #f8f9fa;
border-top: 1px solid #eaecf0;
}
}
/* Vector 2010 sidebar logo: source file is 1024px, so scale it into the 160px slot. */
#p-logo {
height: 160px !important;
width: 160px !important;
margin: 0 auto 0.6em auto;
}
#p-logo a,
#p-logo a.mw-wiki-logo,
.mw-wiki-logo {
height: 160px !important;
width: 160px !important;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* If someone uses Vector 2022, do not leave the badge at 50px. */
.skin-vector-2022 .mw-logo-icon {
height: 120px !important;
width: 120px !important;
}
.hatnote,
.hatnote.unconfirmed-banner,
.hatnote.unconfirmed-banner,
.unconfirmed-banner {
.unconfirmed-banner {
background: transparent;
background: transparent;
border: none;
border: none;
padding: 0 0 0.5em 1.6em;
padding: 0 0 0.6em 1.6em;
margin: 0 0 0.6em 0;
margin: 0 0 0.8em 0;
font-style: italic;
font-style: italic;
color: #202122;
color: #202122;
}
}
.hatnote.research-notes-disclaimer {
color: #54595d;
}
.soldier-research-notes {
margin: 0.4em 0 0.8em 0;
}
.soldier-research-notes-heading {
font-weight: bold;
margin: 0.4em 0 0.2em 0;
}
.mw-parser-output h2:has(#Research_notes),
.mw-parser-output h2:has(#Research_notes) + ul,
.mw-parser-output h2:has(#Research_notes) + p {
display: none !important;
}
.class-data-disclaimer {
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 0.7em 0.9em;
margin: 0.8em 0 1em 0;
font-size: 92%;
line-height: 1.45;
max-width: 48em;
color: #202122;
}
#siteNotice .sitenotice-compact,
.sitenotice-compact {
font-size: 90%;
line-height: 1.4;
}
.home-lead {
.home-lead {
max-width: 46em;
max-width: 46em;
font-size: 1.05em;
font-size: 1.05em;
}
}
.mw-parser-output > p:first-of-type {
.mw-parser-output > p:first-of-type {
margin-top: 0.2em;
margin-top: 0.2em;
}
}
@media (max-width: 640px) {
table.infobox,
table.soldier-infobox {
float: none;
clear: both;
width: 100%;
max-width: 100%;
margin: 0 0 1em 0;
}
}