MediaWiki:Common.css - Revision history

Maintenance script: Auto-deploy CSS update

2026-09-06T22:50:19Z

Auto-deploy CSS update

← Older revision		Revision as of 22:50, 6 September 2026
Line 290:		Line 290:
	background: none !important;		background: none !important;
	padding: 0 !important;		padding: 0 !important;
			/* Centring has to happen here, not on the image. MediaWiki wraps the file
			in an inline <a>, so `margin: 0 auto` on the img centres it inside an
			anchor that has already shrunk to fit — which left a height-capped
			portrait lead 342px wide sitting flush against the left margin of a
			1053px column. Centre the inline flow instead. */
			text-align: center;
			}
			.rp-lead a {
			display: inline-block;
	}		}
	.rp-lead img {		.rp-lead img {
	~~display: block;~~
	/* Landscape heroes fill the column, which is the look we want. Most of the		/* Landscape heroes fill the column, which is the look we want. Most of the
	corpus is not landscape yet (27 landscape, 90 square, 83 portrait), and		corpus is not landscape yet (27 landscape, 90 square, 83 portrait), and
Line 304:		Line 312:
	max-width: 100%;		max-width: 100%;
	height: auto;		height: auto;
	~~margin~~: ~~0 auto~~;		display: inline-block;
	border: 1px solid #d4e0d8;		border: 1px solid #d4e0d8;
	border-radius: 8px;		border-radius: 8px;
Line 311:		Line 319:
	.rp-lead .thumbcaption,		.rp-lead .thumbcaption,
	.rp-lead figcaption {		.rp-lead figcaption {
	text-align: ~~left~~;		text-align: center;
	font-size: 0.82em;		font-size: 0.82em;
	color: #5a6b60;		color: #5a6b60;

Maintenance script: Auto-deploy CSS update

2026-09-06T22:36:18Z

Auto-deploy CSS update

← Older revision		Revision as of 22:36, 6 September 2026
Line 293:		Line 293:
	.rp-lead img {		.rp-lead img {
	display: block;		display: block;
	width: 100%;		/* Landscape heroes fill the column, which is the look we want. Most of the
			corpus is not landscape yet (27 landscape, 90 square, 83 portrait), and
			at full column width a 2:3 portrait renders about 1140px tall — it buries
			the intro instead of introducing it. Capping the height keeps a landscape
			hero untouched (a 3:2 at this width is ~507px) while a portrait one
			becomes a tall centered figure rather than a wall. Height, not a crop:
			nothing is cut off a watch photograph. */
			max-height: 520px;
			width: auto;
			max-width: 100%;
	height: auto;		height: auto;
			margin: 0 auto;
	border: 1px solid #d4e0d8;		border: 1px solid #d4e0d8;
	border-radius: 8px;		border-radius: 8px;

Maintenance script: Auto-deploy CSS update

2026-09-06T21:04:27Z

Auto-deploy CSS update

@@ Line 238: / Line 238: @@
      padding: 6px 4px 2px;
      line-height: 1.4;
+}
@@ Line 248: / Line 266: @@
 .rp-lead {
      margin: 0.2em 0 1.4em;
+}
 .rp-lead .thumb,
@@ Line 304: / Line 335: @@
      background: none;
      border: none;
+}
 li.gallerybox {

Maintenance script: Auto-deploy CSS update

2026-09-06T20:27:23Z

Auto-deploy CSS update

@@ Line 238: / Line 238: @@
      padding: 6px 4px 2px;
      line-height: 1.4;
+}

Maintenance script: Auto-deploy CSS update

2026-09-06T17:43:58Z

Auto-deploy CSS update

@@ Line 238: / Line 238: @@
      padding: 6px 4px 2px;
      line-height: 1.4;
+}

Admin: site-wide: h1 sans (specificity), breadcrumb selector

2026-09-05T01:29:47Z

site-wide: h1 sans (specificity), breadcrumb selector

← Older revision		Revision as of 01:29, 5 September 2026
Line 20:		Line 20:
	/* ===== Page title ===== */		/* ===== Page title ===== */
	.mw-page-title-main,		.mw-page-title-main,
	.mw-first-heading {		.mw-first-heading,
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;		.mw-body h1.firstHeading,
			.vector-body h1 {
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 800;		font-weight: 800;
	font-size: 2.3em;		font-size: 2.3em;
Line 240:		Line 242:
	/* ===== Breadcrumb ===== */		/* ===== Breadcrumb ===== */
	.mw-parser-output > small:first-of-type,		.mw-parser-output > small:first-of-type,
	.mw-parser-output > p > small:first~~-child:last~~-child {		.mw-parser-output > p:first-of-type > small:first-child {
	display: block;		display: block;
	margin: 0 0 0.9em;		margin: 0 0 0.9em;
Line 249:		Line 251:
	}		}
	.mw-parser-output > small:first-of-type a,		.mw-parser-output > small:first-of-type a,
	.mw-parser-output > p > small:first~~-child:last~~-child a {		.mw-parser-output > p:first-of-type > small:first-child a {
	color: #1b5e3b;		color: #1b5e3b;
	font-weight: 600;		font-weight: 600;
	}		}
	.mw-parser-output > small:first-of-type b,		.mw-parser-output > small:first-of-type b,
	.mw-parser-output > p > small:first~~-child:last~~-child b {		.mw-parser-output > p:first-of-type > small:first-child b {
	color: #1b3a2d;		color: #1b3a2d;
	}		}

Admin: site-wide: sources columns, related-references grid

2026-09-05T01:24:50Z

site-wide: sources columns, related-references grid

@@ Line 424: / Line 424: @@
      line-height: 0;
      font-size: 0;
+}

Admin: site-wide: title sans, wider container, core-facts beside float, TOC fix

2026-09-05T01:24:06Z

site-wide: title sans, wider container, core-facts beside float, TOC fix

← Older revision		Revision as of 01:24, 5 September 2026
Line 21:		Line 21:
	.mw-page-title-main,		.mw-page-title-main,
	.mw-first-heading {		.mw-first-heading {
	font-weight: ~~700~~;		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: ~~2em~~;		font-weight: 800;
	letter-spacing: -0.~~02em~~;		font-size: 2.3em;
			letter-spacing: -0.03em;
			line-height: 1.1;
	border-bottom: none !important;		border-bottom: none !important;
	color: #1b3a2d;		color: #1b3a2d;
			margin-bottom: 0.2em;
			}
			/* Vector draws a grey hairline under the title bar via ::after; the
			breadcrumb + spacing does that job here. */
			.vector-page-titlebar::after,
			.mw-body-header::after {
			display: none !important;
	}		}

Line 102:		Line 111:
	/* Let Vector 2022 keep its grid but widen + center it */		/* Let Vector 2022 keep its grid but widen + center it */
	.mw-page-container {		.mw-page-container {
	max-width: ~~1100px~~ !important;		max-width: 1240px !important;
	margin: 0 auto !important;		margin: 0 auto !important;
	padding: 0 1em !important;		padding: 0 1em !important;
Line 116:		Line 125:
	/* Header centered */		/* Header centered */
	.vector-header-container {		.vector-header-container {
	max-width: ~~1100px~~ !important;		max-width: 1240px !important;
	margin: 0 auto !important;		margin: 0 auto !important;
	}		}
Line 174:		Line 183:
	by import_reference.py and by the 2026-09-05 backfill pass. */		by import_reference.py and by the 2026-09-05 backfill pass. */
	.wikitable.rp-facts {		.wikitable.rp-facts {
	width: 100%;		width: auto;
			min-width: min(100%, 480px);
	max-width: 640px;		max-width: 640px;
	font-size: 0.95em;		font-size: 0.95em;
			}
			.wikitable.rp-facts td:first-child {
			white-space: nowrap;
	}		}
	.wikitable.rp-facts th {		.wikitable.rp-facts th {
Line 251:		Line 264:
	padding-left: 0.8em !important;		padding-left: 0.8em !important;
	}		}
	~~.vector-toc .vector-toc-contents,~~
	.vector-toc .vector-pinnable-header-label {		.vector-toc .vector-pinnable-header-label {
	color: #5a7a63 !important;		color: #5a7a63 !important;

Admin: site-wide: article headings, tables, core-facts card, breadcrumb, thumbs, TOC polish

2026-09-05T01:15:41Z

site-wide: article headings, tables, core-facts card, breadcrumb, thumbs, TOC polish

Show changes

Admin: site-wide: Main Page — button link colour

2026-09-05T01:13:40Z

site-wide: Main Page — button link colour

← Older revision		Revision as of 01:13, 5 September 2026
Line 578:		Line 578:
	font-weight: 600;		font-weight: 600;
	font-size: 0.92em;		font-size: 0.92em;
			text-decoration: none !important;
			}
			.rp-button a,
			.rp-button a:not(.new) {
			color: #fff !important;
	text-decoration: none !important;		text-decoration: none !important;
	}		}