MediaWiki:Minerva.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/*
 * This is the CSS common to all mobile skins on en.Wikipedia.
 * Styling inside .mw-parser-output should generally use TemplateStyles.
 *
 * [[mw:Recommendations for mobile friendly articles on Wikimedia wikis]] may be
 * worth reviewing.
 *
 * special note that this page loads late by Javascript, which may cause
 * [[FOUC]]s for "lead" content if styled from here. See [[phab:T190083]]
 */

/* Reset user agent styles. We don't reset small or blockquote here deliberately */
cite,
dfn {
	font-style: inherit;
}

q {
	quotes: '"' '"' "'" "'";
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and
   [[MediaWiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.templateeditor-show,
.extendedmover-show,
.patroller-show,
.extendedconfirmed-show,
.autoconfirmed-show {
	display: none;
}

/* Prevent flags in tables from collapsing
Fix for T116318
*/
.flagicon img {
	min-width: 23px;
}

/* Prevent unnecessary margin at the bottom of centralnotices */
.cnotice {
	margin-bottom: 0 !important;
}


/*
 * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
 * SEE [[MediaWiki talk:Common.css/to do]]
 */
/*
.infobox
DO NOT style infobox's here. That should be taken care of in the associated templates via template styles. Styles here will lead to flash of unstyled content on mobile.
*/
/* removed inline from module as we work toward Tstyles support
 * Use three classes to match specificity of MobileFrontend/Minerva selectors */
.content .mw-parser-output .infobox-header,
.content .mw-parser-output .infobox-subheader,
.content .mw-parser-output .infobox-above,
.content .mw-parser-output .infobox-title,
.content .mw-parser-output .infobox-image,
.content .mw-parser-output .infobox-full-data,
.content .mw-parser-output .infobox-below {
	text-align: center;
}

/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
*/
.mw-parser-output .nowrap,
.nowraplinks a {
	white-space: nowrap;
}
.mw-parser-output .infobox .nowrap {
	white-space: normal !important;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/* Generic class texhtml class for inline math */
span.texhtml {
	font-family: serif;
	white-space: nowrap;
}

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

/* One of the not TemplateStyles things */
/* https://phabricator.wikimedia.org/T180396#5317728 */

@media print {
	.navbox,
	.hatnote,
	.ambox {
		display: none !important;
	}
}


/* Special treatment for navboxes on Minerva desktop (tablet) */
@media (min-width: 1000px) {
	.sistersitebox {
		font-size: 0.7em !important;
	}
}

/********* General fixes for night mode *********/

/* [[phab:T360844]] */
html.skin-theme-clientpref-night table [bgcolor] a,
html.skin-theme-clientpref-night th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
html.skin-theme-clientpref-night td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
/* should not apply to th elements which have their own background. */
html.skin-theme-clientpref-night tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a {
    color: #202122; /* @color-base */
    text-decoration: underline;
}


html.skin-theme-clientpref-night .infobox a {
  color: var( --color-link ) !important;
}

@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os table [bgcolor] a,
  html.skin-theme-clientpref-os th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
  html.skin-theme-clientpref-os td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
  html.skin-theme-clientpref-os tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a {
    color: #202122; /* @color-base */
    text-decoration: underline;
  }
  html.skin-theme-clientpref-os .infobox a {
    color: var( --color-link ) !important;
  }
}