MediaWiki:Common.css - Revision history

Lajos at 01:13, 27 October 2026

2026-10-27T01:13:24Z

← Older revision		Revision as of 01:13, 27 October 2026
Line 15:		Line 15:
	/* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */		/* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */
	@media screen and (min-width: 768px) {		@media screen and (min-width: 768px) {
	/* 1. Turn off columns entirely on the parent outer ~~container~~ */		/* 1. Turn off columns entirely on the parent outer containers */
	.mw-references-wrap,		.mw-references-wrap,
	.mw-references-columns {		.mw-references-columns {
Line 22:		Line 22:
	}		}

	/* 2. Force exactly 2 columns strictly on the actual list layer */		/* 2. Force exactly 2 columns strictly on the actual list layer with a forced gap */
	ol.references,		ol.references,
	.references {		.references {
	column-count: 2 !important;		column-count: 2 !important;
	column-width: auto !important;		column-width: auto !important;
	column-gap: ~~2em~~;		column-gap: 3.5em !important; /* Forces a wide, highly visible gap between the columns */
			}

			/* 3. Extra safeguard: Ensure list items don't crowd the center line */
			ol.references li,
			.references li {
			padding-right: 1.5em !important; /* Pushes the citation text away from the center gap */
			break-inside: avoid-column; /* Prevents an individual reference from splitting across columns */
	}		}
	}		}

2026-10-27T01:11:19Z

← Older revision		Revision as of 01:11, 27 October 2026
Line 4:		Line 4:
	}		}

	/* Mobile view: ~~Force~~ single column ~~for~~ all ~~reference~~ elements */		/* Mobile view: Ensure single column across all native wrapper elements */
	.mw-references-wrap,		.mw-references-wrap,
			.mw-references-columns,
	ol.references,		ol.references,
	.references {		.references {
Line 12:		Line 13:
	}		}

	/* Tablet & Desktop view: ~~Force~~ exactly 2 columns ~~for all reference elements~~ */		/* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */
	@media screen and (min-width: 768px) {		@media screen and (min-width: 768px) {
			/* 1. Turn off columns entirely on the parent outer container */
	.mw-references-wrap,		.mw-references-wrap,
			.mw-references-columns {
			column-count: 1 !important;
			column-width: auto !important;
			}

			/* 2. Force exactly 2 columns strictly on the actual list layer */
	ol.references,		ol.references,
	.references {		.references {

2026-10-27T01:09:37Z

← Older revision		Revision as of 01:09, 27 October 2026
Line 4:		Line 4:
	}		}

	/* ~~Enforce 2 columns~~ for ~~references on wider screens~~ */		/* Mobile view: Force single column for all reference elements */
	~~@media screen and (min~~-~~width: 768px) {~~		.mw-references-wrap,
	ol.references {		ol.references,
	column-count: 2 !important;		.references {
	column-~~gap~~: ~~2em~~;		column-count: 1 !important;
	}		column-width: auto !important;
	}		}

	/* ~~Limit references to a maximum of~~ 2 columns ~~on desktops, 1 column on mobile~~ */		/* Tablet & Desktop view: Force exactly 2 columns for all reference elements */
	@media screen and (min-width: 768px) {		@media screen and (min-width: 768px) {
	ol.references {		.mw-references-wrap,
			ol.references,
			.references {
	column-count: 2 !important;		column-count: 2 !important;
	~~max~~-width: ~~100%~~;		column-width: auto !important;
			column-gap: 2em;
	}		}
	}		}

2026-10-27T01:07:10Z

← Older revision		Revision as of 01:07, 27 October 2026
Line 9:		Line 9:
	column-count: 2 !important;		column-count: 2 !important;
	column-gap: 2em;		column-gap: 2em;
			}
			}

			/* Limit references to a maximum of 2 columns on desktops, 1 column on mobile */
			@media screen and (min-width: 768px) {
			ol.references {
			column-count: 2 !important;
			max-width: 100%;
	}		}
	}		}

2026-10-27T00:10:17Z

@@ Line 2: / Line 2: @@
 ol.references {
      font-size: 90%;
+}

2026-10-27T00:03:33Z

Created page with "Make the Cite extension list of references look smaller: ol.references { font-size: 90%; }"

New page

/* Make the Cite extension list of references look smaller */
ol.references {
font-size: 90%;
}