MediaWiki:Common.css - Revision history

Admin at 03:50, 24 June 2026

2026-06-24T03:50:04Z

@@ Line 83: / Line 83: @@
      padding-left: 1.3em;
+   }
+}

Admin at 22:38, 1 May 2026

2026-05-01T22:38:43Z

← Older revision		Revision as of 18:38, 1 May 2026
Line 65:		Line 65:
	.mw-body h1,		.mw-body h1,
	.mw-parser-output h1 {		.mw-parser-output h1 {
	font-size: ~~2.4rem~~;		font-size: 2rem;
	line-height: 1.12;		line-height: 1.12;
	margin-top: 0.6em;		margin-top: 0.6em;

Admin at 22:29, 1 May 2026

2026-05-01T22:29:51Z

← Older revision		Revision as of 18:29, 1 May 2026
Line 43:		Line 43:
	.mw-parser-output > ol {		.mw-parser-output > ol {
	clear: both;		clear: both;
			}

			#content {
			padding-left: 16px !important;
			padding-right: 16px !important;
			box-sizing: border-box !important;
	}		}

	.mw-body,		.mw-body,
	~~#content,~~
	.vector-body,		.vector-body,
			.mw-body-content,
			#bodyContent,
	.mw-parser-output {		.mw-parser-output {
	padding-left: ~~1rem~~ !important;		padding-left: 0 !important;
	padding-right: ~~1rem~~ !important;		padding-right: 0 !important;
	box-sizing: border-box;		margin-left: 0 !important;
			margin-right: 0 !important;
			box-sizing: border-box !important;
	}		}

Admin at 01:16, 26 April 2026

2026-04-26T01:16:20Z

@@ Line 25: / Line 25: @@
      margin: 1.25em auto !important;
      box-sizing: border-box !important;
+   }
@@ Line 72: / Line 73: @@
    table.navbox ul {
      padding-left: 1.3em;
+   }
+}

Admin at 01:08, 26 April 2026

2026-04-26T01:08:14Z

← Older revision		Revision as of 21:08, 25 April 2026
Line 8:		Line 8:
	@media screen and (max-width: 768px) {		@media screen and (max-width: 768px) {

	~~/* Stop right-floating boxes on mobile */~~
	.infobox,		.infobox,
	.navbox,		.navbox,
Line 21:		Line 20:
	float: none !important;		float: none !important;
	clear: both !important;		clear: both !important;
	width: 100% !important;		width: calc(100% - 1.5rem) !important;
	max-width: ~~100%~~ !important;		max-width: 34rem !important;
	min-width: 0 !important;		min-width: 0 !important;
	margin: ~~1em 0~~ !important;		margin: 1.25em auto !important;
	box-sizing: border-box !important;		box-sizing: border-box !important;
	}		}

	~~/* Make images inside boxes behave */~~
	.infobox img,		.infobox img,
	.navbox img,		.navbox img,
	table.infobox img,		table.infobox img,
	table.navbox img {		table.navbox img {
	max-width: ~~100~~% !important;		max-width: 80% !important;
	height: auto !important;		height: auto !important;
			display: block;
			margin-left: auto;
			margin-right: auto;
	}		}

	~~/* Stop article text from wrapping beside boxes */~~
	.mw-parser-output > p,		.mw-parser-output > p,
	.mw-parser-output > ul,		.mw-parser-output > ul,
Line 44:		Line 44:
	}		}

	~~/* Give the page more comfortable mobile spacing */~~
	.mw-body,		.mw-body,
	#content,		#content,
Line 54:		Line 53:
	}		}

	~~/* Slightly reduce giant headings on phone */~~
	.mw-body h1,		.mw-body h1,
	.mw-parser-output h1 {		.mw-parser-output h1 {
	font-size: 2.~~1rem~~;		font-size: 2.4rem;
	line-height: 1.15;		line-height: 1.12;
			margin-top: 0.6em;
			margin-bottom: 0.55em;
	}		}

Line 67:		Line 67:
	}		}

	~~/* Improve list readability inside infoboxes */~~
	.infobox ul,		.infobox ul,
	.navbox ul,		.navbox ul,
	table.infobox ul,		table.infobox ul,
	table.navbox ul {		table.navbox ul {
	padding-left: 1.~~4em~~;		padding-left: 1.3em;
			}
			}

			The key changes are:

			width: calc(100% - 1.5rem) !important;
			max-width: 34rem !important;
			margin: 1.25em auto !important;

			That stops the box from touching the sides and makes it feel more intentional.

			3. Optional: reduce that green vertical stripe

			The green stripe is visually very strong on mobile. If it is part of the series box styling, soften it.

			Add this inside the same mobile block:

			@media screen and (max-width: 768px) {
			.infobox,
			.navbox,
			table.infobox,
			table.navbox {
			border-left: 4px solid var(--wk-green) !important;
	}		}
	}		}

Admin at 21:24, 25 April 2026

2026-04-25T21:24:47Z

← Older revision		Revision as of 17:24, 25 April 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

			/* =========================================================
			Mobile fixes
			Prevent infoboxes / series boxes from crushing article text
			========================================================= */

			@media screen and (max-width: 768px) {

			/* Stop right-floating boxes on mobile */
			.infobox,
			.navbox,
			.vertical-navbox,
			.metadata,
			table.infobox,
			table.navbox,
			table[style*="float:right"],
			table[style*="float: right"],
			div[style*="float:right"],
			div[style*="float: right"] {
			float: none !important;
			clear: both !important;
			width: 100% !important;
			max-width: 100% !important;
			min-width: 0 !important;
			margin: 1em 0 !important;
			box-sizing: border-box !important;
			}

			/* Make images inside boxes behave */
			.infobox img,
			.navbox img,
			table.infobox img,
			table.navbox img {
			max-width: 100% !important;
			height: auto !important;
			}

			/* Stop article text from wrapping beside boxes */
			.mw-parser-output > p,
			.mw-parser-output > ul,
			.mw-parser-output > ol {
			clear: both;
			}

			/* Give the page more comfortable mobile spacing */
			.mw-body,
			#content,
			.vector-body,
			.mw-parser-output {
			padding-left: 1rem !important;
			padding-right: 1rem !important;
			box-sizing: border-box;
			}

			/* Slightly reduce giant headings on phone */
			.mw-body h1,
			.mw-parser-output h1 {
			font-size: 2.1rem;
			line-height: 1.15;
			}

			.mw-body h2,
			.mw-parser-output h2 {
			font-size: 1.55rem;
			line-height: 1.2;
			}

			/* Improve list readability inside infoboxes */
			.infobox ul,
			.navbox ul,
			table.infobox ul,
			table.navbox ul {
			padding-left: 1.4em;
			}
			}

Admin: Replaced content with "/* CSS placed here will be applied to all skins */"

2026-04-25T05:10:59Z

Replaced content with "CSS placed here will be applied to all skins: "

Show changes

Admin at 05:10, 25 April 2026

2026-04-25T05:10:05Z

Show changes

Admin at 05:06, 25 April 2026

2026-04-25T05:06:49Z

← Older revision		Revision as of 01:06, 25 April 2026
Line 2:		Line 2:

	:root {		:root {
	--wk-bg: #~~FAF7F0~~;		--wk-bg: #FDFBF7;
			--wk-surface: #FEFCF8;
			--wk-surface-2: #FFFFFF;
	--wk-text: #262421;		--wk-text: #262421;
	--wk-green: #2F4F46;		--wk-green: #2F4F46;

Admin at 05:04, 25 April 2026

2026-04-25T05:04:49Z

← Older revision		Revision as of 01:04, 25 April 2026
Line 97:		Line 97:
	.vector-column-start,		.vector-column-start,
	.vector-column-end {		.vector-column-end {
	background-color: #~~F3EAD8~~;		background-color: #FDFBF8;
	color: var(--wk-text);		color: var(--wk-text);
	}		}