MediaWiki:Common.css - Revision history

Merc at 08:52, 1 November 2025

2025-11-01T08:52:02Z

@@ Line 280: / Line 280: @@
 		color:      #ffffff  !important;
+	}
+}

Merc at 05:25, 6 May 2025

2025-05-06T05:25:59Z

@@ Line 280: / Line 280: @@
 		color:      #ffffff  !important;
+	}
+}

Merc at 05:04, 6 May 2025

2025-05-06T05:04:12Z

@@ Line 280: / Line 280: @@
 		color:      #ffffff  !important;
+	}
+}

Merc at 02:30, 6 May 2025

2025-05-06T02:30:55Z

← Older revision		Revision as of 02:30, 6 May 2025
Line 254:		Line 254:
	}		}

	/* infobox title~~: bold~~ and ~~slightly larger~~ */		/* make the infobox title bolder and a bit bigger */
	.infobox ~~caption~~.infobox-title {		table.infobox > .infobox-title {
	font-~~weight~~: ~~bold~~;		font-size: 1.25em !important;
	font-~~size~~: ~~1.2em~~;		font-weight: 700 !important;
	}		}

Merc at 02:24, 6 May 2025

2025-05-06T02:24:54Z

← Older revision		Revision as of 02:24, 6 May 2025
Line 252:		Line 252:
	background: #003B6F;		background: #003B6F;
	color: #ffffff;		color: #ffffff;
			}

			/* infobox title: bold and slightly larger */
			.infobox caption.infobox-title {
			font-weight: bold;
			font-size: 1.2em;
	}		}

Merc at 01:28, 6 May 2025

2025-05-06T01:28:17Z

← Older revision		Revision as of 01:28, 6 May 2025
Line 44:		Line 44:
	.client-js .outercollapse .innercollapse.mw-collapsible:not(.mw-made-collapsible) tr:not(:first-child),		.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,		.client-js .outercollapse .innercollapse.mw-collapsible:not(.mw-made-collapsible) .mw-collapsible-content,

	~~/* Hide charinsert base for those not using the gadget */~~
	#editpage-specialchars {		#editpage-specialchars {
	display: none;		display: none;
Line 59:		Line 57:
	counter-reset: mw-ref-linkback 0;		counter-reset: mw-ref-linkback 0;
	}		}
	span[rel="mw:referencedBy"] > a::before {		span[rel='mw:referencedBy'] > a::before {
	content: counter(mw-ref-linkback, lower-alpha);		content: counter(mw-ref-linkback, lower-alpha);
	font-size: 80%;		font-size: 80%;
Line 178:		Line 176:
	}		}

	/* Checkerboard ~~background~~ for transparent PNGs */		/* Checkerboard for transparent PNGs */
	@media screen {		@media screen {
	body:not(.ns-0):not(.ns-2):not(.ns-100)		body:not(.ns-0):not(.ns-2):not(.ns-100)
Line 193:		Line 191:
	}		}

	/* Hide some portlets / special-cases */		/* Hide some portlets / special cases */
	.flaggedrevs_draft_synced,		.flaggedrevs_draft_synced,
	.flaggedrevs_stable_synced,		.flaggedrevs_stable_synced,
Line 201:		Line 199:
	}		}

	/*		/* =========================================================================
	* BELOW HERE: TemplateStyles components, plus		TEMPLATESTYLES + INFOBOX
	* your infobox rules.		————————————————————————————————————————————————————————————————
	*/		Your infobox rules, light mode first, then dark overrides.
			======================================================================= */

	/* ——— Infobox (light mode) ——— */		/* ——— Infobox (light mode) ——— */
Line 249:		Line 248:
	}		}

	/* —— ~~Your deep~~-blue headers on every infobox —— */		/* —— Deep-blue headers on every infobox —— */
	.infobox .infobox-header {		.infobox .infobox-header {
	background: #003B6F;		background: #003B6F;
Line 257:		Line 256:
	/* Serverbuild-specific (optional) */		/* Serverbuild-specific (optional) */
	table.infobox.serverbuild .infobox-header {		table.infobox.serverbuild .infobox-header {
	/* ~~override~~ here if you ~~want~~ */		/* adjust here if you like */
	}		}

	/* ——— Dark-mode overrides ——— */		/* ——— Dark-mode overrides ——— */
	@media screen {		@media screen {
	/* ~~dark~~ background ~~for the box~~ */		/* box background + all text light */
	html.skin-theme-clientpref-night .infobox,		html.skin-theme-clientpref-night .infobox,
	html.skin-theme-clientpref-os .infobox {		html.skin-theme-clientpref-os .infobox {
	background-color: var(--surface-secondary) !important;		background-color: var(--surface-secondary) !important;
			color: var(--text-primary) !important;
	}		}

	/* ~~KEEP header~~ white text */		/* but keep your headers deep blue with white text */
	html.skin-theme-clientpref-night ~~table~~.infobox th.infobox-header,		html.skin-theme-clientpref-night .infobox .infobox-header,
	html.skin-theme-clientpref-os ~~table~~.infobox th.infobox-header {		html.skin-theme-clientpref-os .infobox .infobox-header {
	background: #003B6F !important;		background: #003B6F !important;
	color: #ffffff !important;		color: #ffffff !important;
	}

	~~/* All non-header cells and caption LIGHT text */~~
	~~html.skin-theme-clientpref-night table.infobox th:not(.infobox-header),~~
	~~html.skin-theme-clientpref-night table.infobox td,~~
	~~html.skin-theme-clientpref-night table.infobox caption,~~
	~~html.skin-theme-clientpref-os table.infobox th:not(.infobox-header),~~
	~~html.skin-theme-clientpref-os table.infobox td,~~
	~~html.skin-theme-clientpref-os table.infobox caption {~~
	~~color: var(--text-primary) !important;~~
	}		}
	}		}

Merc at 01:26, 6 May 2025

2025-05-06T01:26:48Z

← Older revision		Revision as of 01:26, 6 May 2025
Line 173:		Line 173:
	.mwe-math-mathml-display {		.mwe-math-mathml-display {
	margin: 0.6em 0 0.6em 1.6em !important;		margin: 0.6em 0 0.6em 1.6em !important;
	}
	~~.mwe-math-fallback-image-display,~~
	~~.mwe-math-mathml-display {~~
	~~margin-left: 1.6em !important;~~
	}		}
	.mwe-math-mathml-display math {		.mwe-math-mathml-display math {
Line 261:		Line 257:
	/* Serverbuild-specific (optional) */		/* Serverbuild-specific (optional) */
	table.infobox.serverbuild .infobox-header {		table.infobox.serverbuild .infobox-header {
	/* if you want ~~a different header style there, override here~~ */		/* override here if you want */
	}		}

	/* ——— Dark-mode overrides ——— */		/* ——— Dark-mode overrides ——— */
	@media screen {		@media screen {
			/* dark background for the box */
	html.skin-theme-clientpref-night .infobox,		html.skin-theme-clientpref-night .infobox,
	html.skin-theme-clientpref-os .infobox {		html.skin-theme-clientpref-os .infobox {
	background-color: var(--surface-secondary) !important;		background-color: var(--surface-secondary) !important;
	}		}
	/* ~~force all nested infobox text light */~~
	~~html.skin-theme-clientpref-night .infobox *,~~		/* KEEP header white text */
	~~html.skin-theme-clientpref-os .infobox * {~~		html.skin-theme-clientpref-night table.infobox th.infobox-header,
	~~color: var(--~~text~~-primary) !important;~~		html.skin-theme-clientpref-os table.infobox th.infobox-header {
	}
	~~/* keep your deep-blue headers~~ */
	html.skin-theme-clientpref-night .infobox .infobox-header,
	html.skin-theme-clientpref-os .infobox .infobox-header {
	background: #003B6F !important;		background: #003B6F !important;
	color: #ffffff !important;		color: #ffffff !important;
	}		}
	/* ~~brighten the~~ caption~~/title if needed~~ */
	html.skin-theme-clientpref-night table.infobox ~~caption~~.infobox-~~title~~,		/* All non-header cells and caption LIGHT text */
	html.skin-theme-clientpref-os table.infobox ~~caption~~.infobox~~-title~~,		html.skin-theme-clientpref-night table.infobox th:not(.infobox-header),
	html.skin-theme-clientpref-~~night~~ table.infobox .infobox-~~title~~,		html.skin-theme-clientpref-night table.infobox td,
	html.skin-theme-clientpref-os table.infobox .infobox~~-title~~ {		html.skin-theme-clientpref-night table.infobox caption,
	color: ~~#f8f9fa~~ !important;		html.skin-theme-clientpref-os table.infobox th:not(.infobox-header),
			html.skin-theme-clientpref-os table.infobox td,
			html.skin-theme-clientpref-os table.infobox caption {
			color: var(--text-primary) !important;
	}		}
	}		}

Merc at 01:25, 6 May 2025

2025-05-06T01:25:10Z

Show changes

Merc at 01:23, 6 May 2025

2025-05-06T01:23:41Z

← Older revision		Revision as of 01:23, 6 May 2025
Line 41:		Line 41:

	/* Avoid FOUC/reflows on collapsed elements. */		/* Avoid FOUC/reflows on collapsed elements. */
	~~/* This copies MediaWiki's solution for T42812 ... */~~
	.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,		.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 ) > table,
Line 79:		Line 78:
	}		}

	/* Styling for jQuery makeCollapsible~~, matching that of collapseButton~~ */		/* Styling for jQuery makeCollapsible */
	.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {		.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
	font-weight: normal;		font-weight: normal;
Line 87:		Line 86:

	.mw-collapsible-leftside-toggle .mw-collapsible-toggle {		.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	~~/* @noflip */~~
	float: left;		float: left;
	}		}
Line 95:		Line 93:
	.wikitable td ol,		.wikitable td ol,
	.wikitable td dl {		.wikitable td dl {
	~~/* @noflip */~~
	text-align: left;		text-align: left;
	}		}
Line 107:		Line 104:
	.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;		background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
	~~/* @noflip */~~
	padding: 8px 18px 8px 0;		padding: 8px 18px 8px 0;
	}		}
Line 124:		Line 120:
	}		}

	/* ~~default colors for partial~~ block ~~message~~ */		/* Partial block notice */
	.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {		.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
	border-color: #fc3;		border-color: #fc3;
Line 163:		Line 159:
	}		}

	/* Hide ~~redlinks~~ in editnotices */		/* Hide redlink and images in editnotices */
	.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,		.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
	.ve-ui-mwNoticesPopupTool-item .mbox-image,		.ve-ui-mwNoticesPopupTool-item .mbox-image,
Line 178:		Line 174:
	}		}

	/* ~~Larger inline math~~ */		/* Math styles */
	span.mwe-math-mathml-inline {		span.mwe-math-mathml-inline {
	font-size: 118%;		font-size: 118%;
	}		}

	~~/* Block math formatting */~~
	.mwe-math-fallback-image-display,		.mwe-math-fallback-image-display,
	.mwe-math-mathml-display {		.mwe-math-mathml-display {
Line 194:		Line 188:
	}		}

			/* Gallery checkerboard (non-main/user/portal ns) */
	@media screen {		@media screen {
	~~/* Chequered background behind gallery images (non-main/user/portal ns) */~~
	body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {		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;		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
	}		}
			#siteSub { display: block; }
	~~/* Display site subtitle in Vector */~~		.references { font-size: 90%; }
	#siteSub {
	display: block;
	}

	~~/* Make the list of references smaller */~~
	.references {
	font-size: 90%;
	}
	}		}

	/* Hide ~~FlaggedRevs~~ notice ~~UI when no~~ pending ~~changes~~ */		/* Hide flagged revisions notice if none pending, plus some special-case hides */
	.flaggedrevs_draft_synced,		.flaggedrevs_draft_synced,
	.flaggedrevs_stable_synced,		.flaggedrevs_stable_synced,
	~~/* Hide red link on Special:Book pending */~~
	#t-upload,		#t-upload,
	.mw-special-Book #coll-downloadbox {		.mw-special-Book #coll-downloadbox {
Line 239:		Line 224:
	.infobox {		.infobox {
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
	color: #202122; ~~/* dark text */~~		color: #202122;
	background-color: #f8f9fa; ~~/* light panel */~~		background-color: #f8f9fa;
	padding: 0.2em;		padding: 0.2em;
	font-size: 88%;		font-size: 88%;
Line 247:		Line 232:
	}		}

	/* Float/width */		/* Float & width */
	@media (min-width: 640px) {		@media (min-width: 640px) {
	.infobox {		.infobox {
Line 257:		Line 242:
	}		}
	@media (max-width: 640px) {		@media (max-width: 640px) {
	.infobox {		.infobox { width: 100%; }
	width: 100%;		.infobox .nowrap { white-space: normal; }
	}
	.infobox .nowrap {
	white-space: normal;
	}
	}		}

	/* Common ~~sub-elements~~ */		/* Common parts */
	.infobox .infobox-header,		.infobox .infobox-header,
	.infobox .infobox-subheader,		.infobox .infobox-subheader,
Line 289:		Line 270:
	/* ——— Dark-mode overrides ——— */		/* ——— Dark-mode overrides ——— */
	@media screen {		@media screen {
	/* ~~Base panel switch in dark mode~~ */		/* Panel background & base text color */
	html.skin-theme-clientpref-night ~~table~~.infobox,		html.skin-theme-clientpref-night .infobox,
	html.skin-theme-clientpref-os ~~table~~.infobox {		html.skin-theme-clientpref-os .infobox {
	background-color: var(--surface-secondary) !important;		background-color: var(--surface-secondary) !important;
	color: var(--text-primary) !important;		}

			/* Force _all_ nested infobox text to light color */
			html.skin-theme-clientpref-night .infobox *,
			html.skin-theme-clientpref-os .infobox * {
			color: var(--text-primary) !important;
	}		}

Line 303:		Line 289:
	}		}

	/* Brighten the caption/title ~~text~~ */		/* Brighten the caption/title if needed */
	html.skin-theme-clientpref-night table.infobox caption.infobox-title,		html.skin-theme-clientpref-night table.infobox caption.infobox-title,
	html.skin-theme-clientpref-os table.infobox caption.infobox-title,		html.skin-theme-clientpref-os table.infobox caption.infobox-title,

Merc at 01:21, 6 May 2025

2025-05-06T01:21:45Z

Show changes