Template:Scrollable Math/styles.css - Revision history

Remorse at 09:59, 18 November 2025

2025-11-18T09:59:34Z

← Older revision		Revision as of 09:59, 18 November 2025
Line 6:		Line 6:
	overflow-x: auto;		overflow-x: auto;
	max-width: 100%;		max-width: 100%;
	padding: 2px 0 !important; /* tighter ~~vertical padding~~ */		padding: 2px 0 !important; /* tighter */
	margin: 0 !important;		margin: 0 !important;

	/* remove any default styling */		/* remove any default styling */
	background: transparent !important;		background: transparent !important;
	~~background-color: transparent !important;~~
	border: none !important;		border: none !important;
	box-shadow: none !important;		box-shadow: none !important;
Line 17:		Line 16:

	/* ============================================================		/* ============================================================
	REMOVE CITIZEN BLOCK/BACKGROUND ~~ON DIRECT CHILD DIV~~		REMOVE CITIZEN BLOCK/BACKGROUND
	============================================================ */		============================================================ */
	~~/* Citizen skins style all .mw-parser-output > div by default */~~
	.mw-parser-output > .scrollable-math {		.mw-parser-output > .scrollable-math {
	background: none !important;		background: none !important;
	~~background-color: transparent !important;~~
	border: none !important;		border: none !important;
	box-shadow: none !important;		box-shadow: none !important;
Line 29:		Line 26:

	/* ============================================================		/* ============================================================
	REMOVE ~~INTERNAL~~ BACKGROUNDS / BORDERS ~~(Math extension)~~		REMOVE BACKGROUNDS/BORDERS INSIDE THE MATH BLOCK
	============================================================ */		============================================================ */
	.scrollable-math *,		.scrollable-math *,
Line 45:		Line 42:
	.scrollable-math .mwe-math-element {		.scrollable-math .mwe-math-element {
	display: block;		display: block;
	white-space: normal; /* ~~allow proper~~ wrapping */		white-space: normal; /* clean line wrapping */
	}		}

Line 54:		Line 51:

	/* ============================================================		/* ============================================================
	* REDUCE VERTICAL SPACING ~~BETWEEN FORMULAS~~ *		* REDUCE VERTICAL SPACING (COMPACT MODE) *
	============================================================ */		============================================================ */
	.scrollable-math .mwe-math-element {		.scrollable-math .mwe-math-element,
	margin-top: 0.25em !important; ~~/* tight vertical spacing */~~		.scrollable-math math {
			margin-top: 0.25em !important;
	margin-bottom: 0.25em !important;		margin-bottom: 0.25em !important;
	line-height: 1.1 !important; /* ~~more compact lines~~ */		line-height: 1.1 !important;
			}

			/* ============================================================
			SPECIAL FIX: <pre> INSIDE THE MATH BLOCK
			(this is where your unwanted margins come from)
			============================================================ */
			.scrollable-math pre {
			margin: 0 !important;
			padding: 0 !important;
			line-height: 1.1 !important;
			background: transparent !important;
			border: none !important;
	}		}

	.scrollable-math ~~math~~ {		/* If Citizen adds whitespace blocks inside pre, kill them */
	margin~~-top~~: 0~~.25em~~ !important;		.scrollable-math pre * {
	~~margin-bottom~~: 0~~.25em~~ !important;		margin: 0 !important;
			padding: 0 !important;
	}		}

	/* ============================================================		/* ============================================================
	~~REMOVE~~ EMPTY PARAGRAPHS BEFORE/AFTER TEMPLATE		COLLAPSE EMPTY PARAGRAPHS BEFORE / AFTER TEMPLATE
	~~(MediaWiki inserts <p></p> blocks automatically)~~
	============================================================ */		============================================================ */
	p + .scrollable-math,		p + .scrollable-math,
Line 76:		Line 86:
	padding: 0 !important;		padding: 0 !important;
	line-height: 0 !important;		line-height: 0 !important;
	font-size: 0 !important; ~~/* collapse whitespace paragraphs */~~		font-size: 0 !important;
	}		}

	/* ~~Restore~~ normal text ~~sizing~~ inside ~~the~~ math ~~block~~ */		/* restore normal text inside scrollable-math */
	.scrollable-math,		.scrollable-math,
	.scrollable-math * {		.scrollable-math * {

Remorse at 09:55, 18 November 2025

2025-11-18T09:55:23Z

Show changes

Remorse at 09:46, 18 November 2025

2025-11-18T09:46:46Z

Show changes

Remorse at 09:43, 18 November 2025

2025-11-18T09:43:23Z

← Older revision		Revision as of 09:43, 18 November 2025
Line 6:		Line 6:
	padding: 4px 0;		padding: 4px 0;
	margin: 0 !important;		margin: 0 !important;
	background-color: transparent ~~!important~~;		background-color: transparent;
	}		}
	/* Neutralise paragraph immediately BEFORE or AFTER the template		/* Neutralise paragraph immediately BEFORE or AFTER the template
Line 29:		Line 29:
	white-space: normal;		white-space: normal;
	min-width: max-content; /* let wide formulas scroll */		min-width: max-content; /* let wide formulas scroll */
	background-color: transparent ~~!important~~;		background-color: transparent;
	border: none !important;		border: none !important;
	box-shadow: none !important;		box-shadow: none !important;

Remorse at 09:41, 18 November 2025

2025-11-18T09:41:07Z

← Older revision		Revision as of 09:41, 18 November 2025
Line 77:		Line 77:
	.scrollable-math + p:last-child {		.scrollable-math + p:last-child {
	margin: 0 !important;		margin: 0 !important;
			}


			.mw-parser-output .scrollable-math, .mw-parser-output .scrollable-math *{
			background-color: transparent !important;
	}		}

Remorse at 09:39, 18 November 2025

2025-11-18T09:39:04Z

← Older revision		Revision as of 09:39, 18 November 2025
Line 29:		Line 29:
	white-space: normal;		white-space: normal;
	min-width: max-content; /* let wide formulas scroll */		min-width: max-content; /* let wide formulas scroll */
	background: ~~none~~ !important;		background-color: transparent !important;
	border: none !important;		border: none !important;
	box-shadow: none !important;		box-shadow: none !important;
Line 45:		Line 45:
	padding: 4px 0;		padding: 4px 0;
	margin: 0 !important;		margin: 0 !important;
	background: transparent !important;		background-color: transparent !important;
	}		}
	/* Neutralise paragraph immediately BEFORE or AFTER the template		/* Neutralise paragraph immediately BEFORE or AFTER the template
Line 68:		Line 68:
	white-space: normal;		white-space: normal;
	min-width: max-content; /* let wide formulas scroll */		min-width: max-content; /* let wide formulas scroll */
	background: ~~none~~ !important;		background-color: transparent !important;
	border: none !important;		border: none !important;
	box-shadow: none !important;		box-shadow: none !important;

Remorse at 09:38, 18 November 2025

2025-11-18T09:38:20Z

← Older revision		Revision as of 09:38, 18 November 2025
Line 6:		Line 6:
	padding: 4px 0;		padding: 4px 0;
	margin: 0 !important;		margin: 0 !important;
	background: transparent !important;		background-color: transparent !important;
	}		}
	/* Neutralise paragraph immediately BEFORE or AFTER the template		/* Neutralise paragraph immediately BEFORE or AFTER the template

Remorse at 09:36, 18 November 2025

2025-11-18T09:36:32Z

@@ Line 1: / Line 1: @@
 .scrollable-math {
-    overflow-x: auto;
+   display: block;
-    max-width: 100%;
+   overflow-x: auto;
-    padding: 4px 0;
+   max-width: 100%;
+}
+/* Neutralise paragraph immediately BEFORE or AFTER the template
-/* Allow formulas to wrap correctly inside multi-line environments */
+  (works without :has() or :empty) */
-.scrollable-math math,
+p + .scrollable-math,
 .scrollable-math .mwe-math-element {
-    display: block;      /* Block so multi-line formulas are clean */
+   display: block;
-    white-space: normal; /* Allow line breaks inside cases/align */
+   white-space: normal;
+}
+/* safety: prevent paragraph margins from reappearing due to skin rules */
-/* Optional: prevent extremely wide formulas from breaking layout */
+p + .scrollable-math:first-child,
-.scrollable-math math > .mwe-math-element {
+.scrollable-math + p:last-child {
-    min-width: max-content;
+   margin: 0 !important;
+}

Remorse: Protected "Template:Scrollable Math/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

2025-11-17T14:55:55Z

Protected "Template:Scrollable Math/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

← Older revision		Revision as of 14:55, 17 November 2025
(No difference)

Remorse at 14:55, 17 November 2025

2025-11-17T14:55:48Z

← Older revision		Revision as of 14:55, 17 November 2025
Line 1:		Line 1:
	.scrollable-math {		.scrollable-math {
	overflow-x: auto;		overflow-x: auto;
	~~white-space: nowrap;~~
	max-width: 100%;		max-width: 100%;
	padding: 4px 0;		padding: 4px 0;
	}		}

			/* Allow formulas to wrap correctly inside multi-line environments */
	.scrollable-math math,		.scrollable-math math,
	.scrollable-math .mwe-math-element {		.scrollable-math .mwe-math-element {
	white-space: ~~nowrap~~;		display: block; /* Block so multi-line formulas are clean */
	~~display~~: ~~inline~~-~~block~~;		white-space: normal; /* Allow line breaks inside cases/align */
			}

			/* Optional: prevent extremely wide formulas from breaking layout */
			.scrollable-math math > .mwe-math-element {
			min-width: max-content;
	}		}