Soft launch: Soldier biographies and research notes vary in completeness. Prefer class-roster, NARA, newspapers, and other cited sources for contested facts — treat Research notes as leads, not settled history. Anyone can correct a page; contact us with questions.
MediaWiki:Common.css: Difference between revisions
Wikipedia-style soldier infobox CSS |
wikipedia_layout |
||
| Line 1: | Line 1: | ||
.soldier-infobox, | /* Wikipedia-like article infobox (Vector does not ship these styles). */ | ||
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; | |||
padding: 0.2em; | |||
width: 22em; | width: 22em; | ||
max-width: 40%; | |||
background: #f8f9fa; | background: #f8f9fa; | ||
color: #202122; | color: #202122; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-collapse: | border-spacing: 3px; | ||
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 21: | Line 29: | ||
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 27: | Line 37: | ||
text-align: center; | text-align: center; | ||
padding: 0.3em 0.5em; | padding: 0.3em 0.5em; | ||
} | } | ||
.infobox .infobox-image, | |||
.soldier-infobox .infobox-image { | .soldier-infobox .infobox-image { | ||
text-align: center; | text-align: center; | ||
| Line 34: | Line 45: | ||
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 44: | Line 60: | ||
text-align: left; | text-align: left; | ||
vertical-align: top; | vertical-align: top; | ||
padding: 0. | padding: 0.2em 0.5em 0.2em 0.5em; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
color: #202122; | color: #202122; | ||
} | } | ||
.infobox td.infobox-data, | |||
.soldier-infobox td.infobox-data { | .soldier-infobox td.infobox-data { | ||
vertical-align: top; | vertical-align: top; | ||
padding: 0. | padding: 0.2em 0.5em 0.2em 0.4em; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
} | } | ||
/* 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. | padding: 0 0 0.5em 1.6em; | ||
margin: 0 0 0. | margin: 0 0 0.6em 0; | ||
font-style: italic; | font-style: italic; | ||
color: #202122; | color: #202122; | ||
} | } | ||
.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; | |||
} | |||
} | } | ||
Revision as of 05:28, 18 August 2026
/* Wikipedia-like article infobox (Vector does not ship these styles). */ table.infobox, table.infobox.vcard, table.soldier-infobox, .infobox.soldier-infobox { float: right; clear: right; margin: 0.5em 0 0.8em 1.4em; padding: 0.2em; width: 22em; max-width: 40%; background: #f8f9fa; color: #202122; border: 1px solid #a2a9b1; border-spacing: 3px; border-collapse: separate; font-size: 88%; line-height: 1.5em; text-align: left; }
.infobox .infobox-above, .soldier-infobox .infobox-above { background: #eaecf0; color: #000; font-size: 125%; font-weight: bold; text-align: center; padding: 0.4em 0.5em; }
.infobox .infobox-header, .soldier-infobox .infobox-header { background: #eaecf0; color: #000; font-weight: bold; text-align: center; padding: 0.3em 0.5em; }
.infobox .infobox-image, .soldier-infobox .infobox-image { text-align: center; padding: 0.4em 0.2em 0.2em; background: #f8f9fa; }
.infobox .infobox-caption, .soldier-infobox .infobox-caption { font-size: 95%; padding: 0.2em 0.4em 0.5em; }
.infobox .infobox-label, .infobox th.infobox-label, .soldier-infobox .infobox-label, .soldier-infobox th.infobox-label { width: 38%; font-weight: bold; text-align: left; vertical-align: top; padding: 0.2em 0.5em 0.2em 0.5em; background: #f8f9fa; color: #202122; }
.infobox td.infobox-data, .soldier-infobox td.infobox-data { vertical-align: top; padding: 0.2em 0.5em 0.2em 0.4em; background: #f8f9fa; }
/* 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, .unconfirmed-banner { background: transparent; border: none; padding: 0 0 0.5em 1.6em; margin: 0 0 0.6em 0; font-style: italic; color: #202122; }
.home-lead { max-width: 46em; font-size: 1.05em; }
.mw-parser-output > p:first-of-type { 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; } }