MediaWiki:Common.css - Revision history

Maintenance script: Theme-aware styling and dark mode for MediaWiki 1.47 (site-pages/MediaWiki_Common.css.wiki)

2026-10-15T17:05:42Z

Theme-aware styling and dark mode for MediaWiki 1.47 (site-pages/MediaWiki_Common.css.wiki)

← Older revision		Revision as of 12:05, 15 October 2026
Line 186:		Line 186:
	.ve-rarity {		.ve-rarity {
	font-weight: 600;		font-weight: 600;
			}

			/* Wide data tables (e.g. Feature generation) scroll sideways instead of overflowing the page */
			.ve-scroll {
			overflow-x: auto;
			max-width: 100%;
	}		}

Maintenance script: Theme-aware styling and dark mode for MediaWiki 1.47 (site-pages/MediaWiki_Common.css.wiki)

2026-10-15T16:50:13Z

Theme-aware styling and dark mode for MediaWiki 1.47 (site-pages/MediaWiki_Common.css.wiki)

← Older revision		Revision as of 11:50, 15 October 2026
Line 47:		Line 47:
	textarea#wpTextbox1 {		textarea#wpTextbox1 {
	font-family: var( --ve-font-mono );		font-family: var( --ve-font-mono );
			}

			/* No Fira Code ligatures in the edit box: they would display wiki markup like \|- == </ as single symbols */
			textarea#wpTextbox1 {
			font-variant-ligatures: none;
			font-feature-settings: 'liga' 0, 'calt' 0;
	}		}

Maintenance script: Theme-aware styling and dark mode for MediaWiki 1.47 (site-pages/MediaWiki_Common.css.wiki)

2026-10-15T16:47:09Z

Theme-aware styling and dark mode for MediaWiki 1.47 (site-pages/MediaWiki_Common.css.wiki)

Show changes

Eelt at 02:58, 4 February 2023

2023-02-04T02:58:42Z

← Older revision		Revision as of 21:58, 3 February 2023
Line 5:		Line 5:
	/* Infobox template style */		/* Infobox template style */
	.infobox {		.infobox {
⚫	border: 1px solid #~~a2a9b1~~;
⚫	border~~-spacing~~: ~~3px~~;
⚫	background~~-color~~: #~~f8f9fa~~;
⚫	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;		float: right;
	/* @noflip */
	clear: right;		clear: right;
	~~font~~-~~size~~: ~~88%~~;		margin-bottom: 0.5em;
	~~line~~-~~height~~: ~~1.5em~~;		margin-left: 1em;
	~~width~~: ~~22em~~;		padding: 0.2em;
		⚫	border: 1px solid #AAA;
		⚫	background: #F9F9F9;
		⚫	color: black;
	}		}

	.infobox~~-header~~,		.infobox td,
	.infobox~~-label,~~		.infobox th {
⚫	.infobox~~-above~~,
	.infobox-full-data,
	.infobox-data,
	.infobox-below,
	.infobox-subheader,
	.infobox-image,
	.infobox-navbar,
	/* Remove element selector when every .infobox thing is using the standard module/templates */
	.infobox th,
	.infobox td {
	vertical-align: top;		vertical-align: top;
	}		}

	.infobox-label,
	.infobox-data,
	/* Remove element selector when every .infobox thing is using the standard module/templates */
	.infobox th,
	.infobox td {
	/* @noflip */
	text-align: left;
	}

	/* Remove .infobox when element selectors above are removed */
	.infobox .infobox-above,
	.infobox .infobox-title,
	/* Remove element selector when every .infobox thing is using the standard module/templates */
	.infobox caption {		.infobox caption {
	~~font~~-~~size~~: ~~125%~~;		margin-left: inherit;
	font-~~weight~~: ~~bold~~;		font-size: larger;
	text-align: center;
	}		}

	.infobox~~-title,~~		.infobox.bordered {
			border-collapse: collapse;
	/* Remove element selector when every .infobox thing is using the standard module/templates */
	.infobox caption {
	padding: 0.2em;
	}		}

		⚫	.infobox.bordered td,
	/* Remove .infobox when element selectors above are removed */
	.infobox .~~infobox-header,~~		.infobox.bordered th {
			border: 1px solid #AAA;
	.infobox .infobox-subheader,
	.infobox .infobox-image,
	.infobox .infobox-full-data,
	.infobox .infobox-below {
	text-align: center;
	}		}

			.infobox.bordered .borderless td,
	/* Remove .infobox when element selectors above are removed */
	.infobox .~~infobox-navbar~~ {		.infobox.bordered .borderless th {
		⚫	border: 0;
	/* @noflip */
	text-align: right;
	}		}

Eelt: Add Infobox styling

2023-02-04T02:56:47Z

Add Infobox styling

← Older revision		Revision as of 21:56, 3 February 2023
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
	@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Zen+Kaku+Gothic+New:wght@500&display=swap');		@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Zen+Kaku+Gothic+New:wght@500&display=swap');


			/* Infobox template style */
			.infobox {
			border: 1px solid #a2a9b1;
			border-spacing: 3px;
			background-color: #f8f9fa;
			color: black;
			/* @noflip */
			margin: 0.5em 0 0.5em 1em;
			padding: 0.2em;
			/* @noflip */
			float: right;
			/* @noflip */
			clear: right;
			font-size: 88%;
			line-height: 1.5em;
			width: 22em;
			}

			.infobox-header,
			.infobox-label,
			.infobox-above,
			.infobox-full-data,
			.infobox-data,
			.infobox-below,
			.infobox-subheader,
			.infobox-image,
			.infobox-navbar,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox th,
			.infobox td {
			vertical-align: top;
			}

			.infobox-label,
			.infobox-data,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox th,
			.infobox td {
			/* @noflip */
			text-align: left;
			}

			/* Remove .infobox when element selectors above are removed */
			.infobox .infobox-above,
			.infobox .infobox-title,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox caption {
			font-size: 125%;
			font-weight: bold;
			text-align: center;
			}

			.infobox-title,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox caption {
			padding: 0.2em;
			}

			/* Remove .infobox when element selectors above are removed */
			.infobox .infobox-header,
			.infobox .infobox-subheader,
			.infobox .infobox-image,
			.infobox .infobox-full-data,
			.infobox .infobox-below {
			text-align: center;
			}

			/* Remove .infobox when element selectors above are removed */
			.infobox .infobox-navbar {
			/* @noflip */
			text-align: right;
			}

Eelt: Created page with "/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Zen+Kaku+Gothic+New:wght@500&display=swap');"

2023-01-29T20:29:38Z

Created page with "CSS placed here will be applied to all skins: @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Zen+Kaku+Gothic+New:wght@500&display=swap');"

New page

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Zen+Kaku+Gothic+New:wght@500&display=swap');