MediaWiki:Common.css: Difference between revisions
| (14 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* hide main page title | /* hide main page title */ | ||
body.page-Main_Page h1.firstHeading { display: none; } | body.page-Main_Page h1.firstHeading { display: none; } | ||
/* hide lastmodified date from homepage */ | /* hide lastmodified date from homepage */ | ||
body.page-Main_Page #footer-info-lastmod { | body.page-Main_Page #footer-info-lastmod { | ||
display: none; | display: none; | ||
} | |||
/* 1. Hide sitenotice on all pages */ | |||
#siteNotice { | |||
display: none; | |||
} | |||
/* 2. Show sitenotice only on Main Page */ | |||
body.page-Main_Page #siteNotice { | |||
display: block; | |||
} | |||
/* Reduce gaps between paragraphs | |||
#mw-content-text p { | |||
margin-bottom: -1em !important; | |||
}*/ | |||
/* | |||
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS; | |||
* SEE [[MediaWiki talk:Common.css/to do]] | |||
* CSS is separated by component (which is why media queries are not joined) | |||
*/ | |||
/* Infoboxes */ | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
color: black; | |||
padding: 0.2em; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
border-spacing: 3px; | |||
margin: 0.5em 0; | |||
} | |||
@media screen { | |||
.infobox { | |||
background-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
} | |||
} | |||
@media (max-width: 640px) { | |||
.infobox { | |||
width: 100%; | |||
} | |||
.infobox .nowrap { | |||
white-space: normal; | |||
} | |||
} | |||
@media (min-width: 640px) { | |||
.infobox { | |||
/* @noflip */ | |||
margin-left: 1em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
width: 22em; | |||
} | |||
} | |||
.infobox-header, | |||
.infobox-label, | |||
.infobox-above, | |||
.infobox-full-data, | |||
.infobox-data, | |||
.infobox-below, | |||
.infobox-subheader, | |||
.infobox-image, | |||
.infobox-navbar, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | |||
} | |||
.infobox-label, | |||
.infobox-data, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-above, | |||
.infobox .infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
padding: 0.2em; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-header, | |||
.infobox .infobox-subheader, | |||
.infobox .infobox-image, | |||
.infobox .infobox-full-data, | |||
.infobox .infobox-below { | |||
text-align: center; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-navbar { | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
/* Normal font styling for wikitable row headers with scope="row" tag */ | |||
.wikitable.plainrowheaders th[scope=row], | |||
.wikitable.plainrowheaders th[scope=rowgroup] { | |||
font-weight: normal; | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* Remove underlines from certain links */ | |||
.nounderlines a, | |||
.IPA a:link, | |||
.IPA a:visited { | |||
text-decoration: none !important; | |||
} | |||
/* Prevent line breaks in silly places where desired (nowrap) | |||
and links when we don't want them to (nowraplinks a) */ | |||
.nowrap, | |||
.nowraplinks a { | |||
white-space: nowrap; | |||
} | |||
/* But allow wrapping where desired: */ | |||
.wrap, | |||
.wraplinks a { | |||
white-space: normal; | |||
} | |||
/* texhtml class for inline math (based on generic times-serif class) */ | |||
/* remove spans when this is TemplateStyled */ | |||
span.texhtml { | |||
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; | |||
font-size: 118%; | |||
line-height: 1; | |||
/* Force tabular and lining display for texhtml */ | |||
font-variant-numeric: lining-nums tabular-nums; | |||
font-kerning: none; | |||
} | |||
span.texhtml span.texhtml { | |||
font-size: 100%; | |||
} | |||
@media (min-width: 640px) { | |||
span.texhtml { | |||
white-space: nowrap; | |||
} | |||
} | |||
/* Prevent flags in tables from collapsing: Fix for T116318 | |||
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins | |||
*/ | |||
@media (max-width: 640px) { | |||
.flagicon a > img, | |||
.flagicon noscript > img { | |||
max-width: none !important; | |||
} | |||
} | |||
@media screen { | |||
.nochecker .gallerybox .thumb img { | |||
background-image: none; | |||
} | |||
} | } | ||
