MediaWiki:Common.css#L-510

/*

* This is the CSS common to all desktop skins on en.Wikipedia.

* Styling inside .mw-parser-output should generally use TemplateStyles.

*/

/* Reset italic styling set by user agent */

cite,

dfn {

font-style: inherit;

}

/* Straight quote marks for */

q {

quotes: '"' '"' "'" "'";

}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */

blockquote {

overflow: hidden;

margin: 1em 0;

padding: 0 40px;

}

/* Consistent size for , and */

small {

font-size: 85%;

}

.mw-body-content sub,

.mw-body-content sup {

font-size: 80%;

}

/* Same spacing for indented and unindented paragraphs on talk pages */

.ns-talk .mw-body-content dd {

margin-top: 0.4em;

margin-bottom: 0.4em;

}

/* Reduce page jumps by hiding collapsed/dismissed content */

.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */

/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */

/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */

/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */

.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,

.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,

.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,

.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),

.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */

  1. editpage-specialchars {

display: none;

}

/* Different margin on references */

.references {

margin-bottom: 0.5em;

}

/* Cite customizations */

span[ rel="mw:referencedBy" ] {

counter-reset: mw-ref-linkback 0;

}

span[ rel='mw:referencedBy' ] > a::before {

content: counter( mw-ref-linkback, lower-alpha );

font-size: 80%;

font-weight: bold;

font-style: italic;

}

a[ rel="mw:referencedBy" ]::before {

font-weight: bold;

content: "^";

}

span[ rel="mw:referencedBy" ]::before {

content: "^ ";

}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */

.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {

font-weight: normal;

padding-right: 0.2em;

padding-left: 0.2em;

}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {

/* @noflip */

float: left;

}

/* Lists in wikitable data cells are always left-aligned */

.wikitable td ul,

.wikitable td ol,

.wikitable td dl {

/* @noflip */

text-align: left;

}

/* Change the external link icon to a PDF icon for all PDF files */

.mw-parser-output a[href$=".pdf"].external,

.mw-parser-output a[href*=".pdf?"].external,

.mw-parser-output a[href*=".pdf#"].external,

.mw-parser-output a[href$=".PDF"].external,

.mw-parser-output a[href*=".PDF?"].external,

.mw-parser-output a[href*=".PDF#"].external {

background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;

/* @noflip */

padding: 8px 18px 8px 0;

}

/* System messages styled similarly to fmbox */

/* for .mw-warning-with-logexcerpt, behavior of this line differs between

* the edit-protected notice and the special:Contribs for blocked users

* The latter has specificity of 3 classes so we have to triple up here.

*/

.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,

div.mw-lag-warn-high,

div.mw-cascadeprotectedwarning,

div#mw-protect-cascadeon {

clear: both;

margin: 0.2em 0;

border: 1px solid #bb7070;

background-color: var(--background-color-error-subtle, #ffdbdb);

padding: 0.25em 0.9em;

box-sizing: border-box;

}

/* default colors for partial block message */

/* gotta get over the hump introduced by the triple class above */

.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {

border-color: #fc3;

background-color: var(--background-color-warning-subtle, #fef6e7);

}

/* Minimum thumb width */

@media (min-width: 640px) {

figure[typeof~='mw:File/Thumb'],

figure[typeof~='mw:File/Frame'],

.thumbinner {

min-width: 100px;

}

}

/* Prevent floating boxes from overlapping any category listings,

file histories, edit previews, and edit [Show changes] views. */

  1. mw-subcategories,
  2. mw-pages,
  3. mw-category-media,
  4. filehistory,
  5. wikiPreview,
  6. wikiDiff {

clear: both;

}

/* Hide stuff meant for accounts with special permissions. Made visible again in

MediaWiki:Group-checkuser.css, MediaWiki:Group-sysop.css, MediaWiki:Group-abusefilter.css,

MediaWiki:Group-abusefilter-helper.css, MediaWiki:Group-patroller.css,

MediaWiki:Group-templateeditor.css, MediaWiki:Group-extendedmover.css,

MediaWiki:Group-extendedconfirmed.css, and Mediawiki:Group-autoconfirmed.css. */

.checkuser-show,

.sysop-show,

.abusefilter-show,

.abusefilter-helper-show,

.patroller-show,

.templateeditor-show,

.extendedmover-show,

.extendedconfirmed-show,

.autoconfirmed-show,

.user-show {

display: none;

}

/* Hide the redlink generated by {{Editnotice}},

this overrides the ".sysop-show { display: none; }" above that applies

to the same link as well. See phab:T45013

Hide the images in editnotices to keep them readable in VE view.

Long term, editnotices should become a core feature so that they can be designed responsive. */

.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,

.ve-ui-mwNoticesPopupTool-item .mbox-image,

.ve-ui-mwNoticesPopupTool-item .mbox-imageright {

display: none !important;

}

/* Remove bullets when there are multiple edit page warnings */

ul.permissions-errors {

margin: 0;

}

ul.permissions-errors > li {

list-style: none;

}

/* larger inline math */

span.mwe-math-mathml-inline {

font-size: 118%;

}

/* Make be left aligned with one space indent for

* compatibility with style conventions

*/

.mwe-math-fallback-image-display,

.mwe-math-mathml-display {

margin-left: 1.6em !important;

margin-top: 0.6em;

margin-bottom: 0.6em;

}

.mwe-math-mathml-display math {

display: inline;

}

@media screen {

/* Put a chequered background behind images, only visible if they have transparency,

* except on main, user, and portal namespaces

*/

body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {

background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;

}

/* Display "From Wikipedia, the free encyclopedia" in skins that support it,

do not apply to print mode */

#siteSub {

display: block;

}

/* Make the list of references smaller

* Keep in sync with Template:Refbegin/styles.css

* And Template:Reflist/styles.css

*/

.references {

font-size: 90%;

}

}

/* Hide FlaggedRevs notice UI when there are no pending changes */

.flaggedrevs_draft_synced,

.flaggedrevs_stable_synced,

/* "Temporary" to remove links in sidebar T255381 */

  1. t-upload,

/* Hide broken download box on Special:Book pending T285400 */

.mw-special-Book #coll-downloadbox {

display: none;

}

/*

* 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;

}

@media screen {

.infobox {

background-color: #f8f9fa;

}

}

@media (max-width: 640px) {

.infobox {

width: 100%;

}

.infobox .nowrap {

white-space: normal;

}

}

@media (min-width: 640px) {

.infobox {

/* @noflip */

margin: 0.5em 0 0.5em 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;

}

}

/*

* Put anything you mean to be a sitewide addition above the TemplateStyles

* comment above.

*/