MediaWiki:Common.css - Revision history

Stevium: Moved background image to only appear in the header

2026-04-03T05:26:32Z

Moved background image to only appear in the header

← Older revision		Revision as of 05:26, 3 April 2026
Line 327:		Line 327:
	/* Background */		/* Background */
	body {		body {
	background: var(--background-~~image~~) ~~no-repeat fixed center center / cover~~ !important;		background-color: var(--background-color-0) !important;
	}		}

	/* Wordmark */		/* Wordmark */

Stevium: Fixed wikitables in the Special namespace

2026-02-19T06:49:02Z

Fixed wikitables in the Special namespace

← Older revision		Revision as of 06:49, 19 February 2026
Line 358:		Line 358:
	border-width: 0;		border-width: 0;
	padding: 2px;		padding: 2px;
			}

			.ns-special .wikitable {
			display: table;
	}		}

Stevium: Fixed collapsible text on hover

2026-02-18T09:49:58Z

Fixed collapsible text on hover

← Older revision		Revision as of 09:49, 18 February 2026
Line 411:		Line 411:
	padding: 0.125em 0.375em;		padding: 0.125em 0.375em;
	margin-left: 0.5em;		margin-left: 0.5em;
			}

			.mw-collapsible-toggle-default .mw-collapsible-text:hover {
			color: var(--color-accent-text);
	}		}

Stevium: Adjusted wikitable styling to be consistent with infobox and navbox styling

2026-02-18T09:38:13Z

Adjusted wikitable styling to be consistent with infobox and navbox styling

← Older revision		Revision as of 09:38, 18 February 2026
Line 284:		Line 284:
	color: var(--color-base);		color: var(--color-base);
	text-decoration: none;		text-decoration: none;
	background-color: var(--background-color-5);		background-color: var(--background-color-5);
	}		}
	}		}
Line 291:		Line 291:
	line-height: 125% !important;		line-height: 125% !important;
	margin: 3px !important;		margin: 3px !important;
	background-color: var(--background-color-2) !important;		background-color: var(--background-color-2b) !important;
	border-color: transparent !important;		border-color: transparent !important;
			min-width: 1.5em;
			text-align: center;

	&:hover {		&:hover {
	border-color: var(--color-progressive) !important;		border-color: var(--color-progressive) !important;
	}		}
			}

			.wikitable.edittools > tr:nth-child(even) > td,
			.wikitable.edittools > * > tr:nth-child(even) > td {
			background: var(--background-color-1);
			}

			.wikitable.edittools > tr > td a,
			.wikitable.edittools > * > tr > td a {
			min-width: 1.5em;
			}

			.wikitable.edittools > tr > td a:hover,
			.wikitable.edittools > * > tr > td a:hover {
			color: var(--color-progressive);
			text-decoration: none;
			}

	~~& a~~:~~hover~~ {		.wikitable.edittools > tr:nth-child(even) > th,
	~~color~~: var(--color-~~progressive~~);		.wikitable.edittools > * > tr:nth-child(even) > th {
	~~text-decoration: none;~~		background: var(--background-color-2);
	}
	}		}

Line 329:		Line 347:

	/* Tables */		/* Tables */
	~~body~~:~~not~~(~~.ns~~-~~special~~) .wikitable, .~~article~~-~~table {~~		.wikitable {
	th {		display: block;
	~~border~~: ~~none~~;		max-width: max-content;
	background~~-color~~: var(--background-color-1b);		overflow-x: auto;
	~~text~~-~~align~~: ~~left~~;		overflow-y: hidden;
	}		background: var(--background-color-0b);
			border-collapse: separate;
			border-spacing: 4px;
			border-radius: 10px;
			border-width: 0;
			padding: 2px;
			}

			.wikitable > tr > th,
			.wikitable > tr > td,
			.wikitable > * > tr > th,
			.wikitable > * > tr > td,
			.wikitable caption {
			border-radius: 8px;
			border-color: transparent;
			padding: 0.25em 0.5em;
			}

			.wikitable > tr > th,
			.wikitable > * > tr > th {
			text-align: left;
			background: var(--background-color-3);
			}

			.wikitable--stripe > tr:nth-child(even) > th,
			.wikitable--stripe > * > tr:nth-child(even) > th {
			background: var(--background-color-2b);
			}

	td {		.wikitable > tr > td,
	~~border~~: ~~none;~~		.wikitable > * > tr > td,
	~~background~~-~~color: var~~(~~--background-color-0b~~);		.wikitable.sortable > tr:nth-child(odd) > td,
	}		.wikitable.sortable > * > tr:nth-child(odd) > td {
			background-color: var(--background-color-1b);
	tr:nth-child(odd) {		}
	~~th {~~
	background-color: var(--background-color-2);
	}

	td {		.wikitable--stripe > tr:nth-child(odd) > td,
	background-color: var(--background-color-1);		.wikitable--stripe > * > tr:nth-child(odd) > td,
	}		.wikitable.sortable > tr > td,
	}		.wikitable.sortable > * > tr > td {
			background-color: var(--background-color-2b);
			}

	~~& >~~ caption ~~+ * th~~ {		.wikitable caption {
	background~~-color~~: var(--background-color-2b) ~~!important~~;		background: var(--background-color-3);
	}		margin: 4px 4px 0 4px;
	}		}

	.~~article~~-~~table~~ {		.mw-collapsible-toggle-default::before,
	~~th {~~		.mw-collapsible-toggle-default::after {
	~~padding~~: ~~0.5em 0.75em~~;		display: none;
	}		}

	~~td {~~		.mw-collapsible-toggle-default .mw-collapsible-text {
	~~padding~~: padding: 0.~~25em~~ 0.~~75em~~;		background-color: var(--color-accent);
	}		color: var(--color-accent-text);
			border-radius: 6px;
			padding: 0.125em 0.375em;
			margin-left: 0.5em;
	}		}

Stevium: Added hue-rotate for inverted filter

2025-11-26T17:30:15Z

Added hue-rotate for inverted filter

← Older revision		Revision as of 17:30, 26 November 2025
Line 318:		Line 318:

	.skin-theme-clientpref-day .mp-header-wordmark img {		.skin-theme-clientpref-day .mp-header-wordmark img {
	filter: invert(1);		filter: invert(1) hue-rotate(180deg);
			}

			/* Hide mobile-only things on desktop (overridden in [[MediaWiki:Citizen.css]]) */
			.mobileHide,
			.mobile-only,
			.no-desktop {
			display: none;
	}		}

Line 427:		Line 434:
	\| STYLES \|		\| STYLES \|
	========/		========/
	~~/* For [[Template:Item/styles.css]] */~~
	~~.mobileHide,~~
	~~.mobile-only,~~
	~~.no-desktop {~~
	~~display: none;~~
	}

	/* For [[Template:Quote/styles.css]] */		/* For [[Template:Quote/styles.css]] */
	blockquote.pull-quote:has(.pull-quote__source) {		blockquote.pull-quote:has(.pull-quote__source) {

Stevium at 15:51, 25 November 2025

2025-11-25T15:51:33Z

@@ Line 427: / Line 427: @@
   | STYLES |
   *========*/
 /* For [[Template:Item/styles.css]] */
 .mobileHide,

Stevium at 15:31, 25 November 2025

2025-11-25T15:31:43Z

← Older revision		Revision as of 15:31, 25 November 2025
Line 438:		Line 438:
	.card-stars {		.card-stars {
	pointer-events: none;		pointer-events: none;
			}

			/* For [[Template:Item/styles.css]] */
			.mobileHide,
			.mobile-only,
			.no-desktop {
			display: none;
	}		}

Stevium at 14:56, 25 November 2025

2025-11-25T14:56:48Z

@@ Line 9: / Line 9: @@
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=El+Messiri:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');
 /*=====================*
@@ Line 437: / Line 427: @@
   | STYLES |
   *========*/
- /* For [[Template:Card/styles.css]] */
+/* For [[Template:Card/styles.css]]
- .card-image-container a.new,
+   and [[Template:Item/styles.css]] */
- .mini-card .card-image-container a.new {
+.card-image-container a.new,
      background-image: var(--unknown-img);
+}
@@ Line 445: / Line 438: @@
 .card-stars {
      pointer-events: none;
+}

Stevium: Changing how stylesheets are loaded: now uses ResourceLoader and TemplateStyles instead of @import

2025-11-25T14:26:13Z

Changing how stylesheets are loaded: now uses ResourceLoader and TemplateStyles instead of @import

Show changes

Stevium at 16:12, 18 November 2025

2025-11-18T16:12:25Z

← Older revision		Revision as of 16:12, 18 November 2025
Line 52:		Line 52:
	/* Main page header */		/* Main page header */
	.mp-header-container {		.mp-header-container {
	background-color: var(--background-color-2);		background-color: var(--background-color-1);
	border-radius: 20px;		border-radius: 20px;
	padding: 1rem;		padding: 1rem;