MediaWiki:Common.css: Difference between revisions
Import site CSS |
Wikipedia infobox and sidebar logo CSS |
||
| 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; | |||
} | |||
} | } | ||