MediaWiki:Common.css - Revision history

Drmoon: Theme: align palette to exact AKKA brand colors (yellow #fdcd08, blues #165cb7/#286de3, navy surfaces, red-link orange #ff8c42)

2026-06-22T02:12:44Z

Theme: align palette to exact AKKA brand colors (yellow #fdcd08, blues #165cb7/#286de3, navy surfaces, red-link orange #ff8c42)

← Older revision		Revision as of 05:12, 22 June 2026
Line 10:		Line 10:
	--akka-bg: #060810;		--akka-bg: #060810;
	--akka-bg-deep: #04050b;		--akka-bg-deep: #04050b;
	--akka-surface: #~~11151f~~;		--akka-surface: #121826;
	--akka-surface-2: #~~161b27~~;		--akka-surface-2: #1b2d5a;
	--akka-line: #1d2334;		--akka-line: #1d2334;
	--akka-line-bright: #2d3548;		--akka-line-bright: #2d3548;
	--akka-text: #f4eed7;		--akka-text: #f4eed7;
	--akka-text-mute: #~~c8cee0~~;		--akka-text-mute: #7c8aa5;
	--akka-text-faint: #~~8c92a6~~;		--akka-text-faint: #4d5468;
	--akka-accent: #~~f6c91e~~;		--akka-accent: #fdcd08;
	--akka-accent-blue: #~~4d8cf5~~;		--akka-accent-blue: #286de3;
	--akka-cta-hi: #~~2f7af5~~;		--akka-cta-hi: #3d7ee8;
	--akka-cta-lo: #~~1f5fcf~~;		--akka-cta-lo: #165cb7;
	--akka-display: 'Fraunces', 'Bodoni Moda', Georgia, serif;		--akka-display: 'Fraunces', 'Bodoni Moda', Georgia, serif;
	--akka-smcp: 'Space Grotesk', sans-serif;		--akka-smcp: 'Space Grotesk', sans-serif;
Line 130:		Line 130:
	.mw-body a, .mw-parser-output a { color: var(--akka-accent-blue); }		.mw-body a, .mw-parser-output a { color: var(--akka-accent-blue); }
	.mw-body a:hover, .mw-parser-output a:hover { color: var(--akka-accent); text-decoration: underline; }		.mw-body a:hover, .mw-parser-output a:hover { color: var(--akka-accent); text-decoration: underline; }
	.mw-body a.new, .mw-parser-output a.new { color: #~~f06a3a~~ !important; }		.mw-body a.new, .mw-parser-output a.new { color: #ff8c42 !important; }
	.mw-body a.external::after { display: none; }		.mw-body a.external::after { display: none; }

Line 167:		Line 167:
	body.skin-vector-2022 li.new.vector-tab-noicon a,		body.skin-vector-2022 li.new.vector-tab-noicon a,
	body.skin-vector-2022 li.new.vector-tab-noicon a:visited,		body.skin-vector-2022 li.new.vector-tab-noicon a:visited,
	body.skin-vector-2022 li.new.vector-tab-noicon a.mw-list-item__link { color: #~~f06a3a~~ !important; }		body.skin-vector-2022 li.new.vector-tab-noicon a.mw-list-item__link { color: #ff8c42 !important; }

	/* Buttons ------------------------------------------------------------- */		/* Buttons ------------------------------------------------------------- */
Line 338:		Line 338:
	body.skin-vector-2022 #catlinks a { color: var(--akka-accent-blue) !important; }		body.skin-vector-2022 #catlinks a { color: var(--akka-accent-blue) !important; }
	body.skin-vector-2022 .catlinks a.new,		body.skin-vector-2022 .catlinks a.new,
	body.skin-vector-2022 #catlinks a.new { color: #~~f06a3a~~ !important; }		body.skin-vector-2022 #catlinks a.new { color: #ff8c42 !important; }

	/* Docked sidebar wrappers (when viewport is wide enough that sidebars pin instead of float) */		/* Docked sidebar wrappers (when viewport is wide enough that sidebars pin instead of float) */

Drmoon: Drop CSS .mw-logo-icon override; using $wgLogos in LocalSettings.php instead

2026-05-10T03:51:52Z

Drop CSS .mw-logo-icon override; using $wgLogos in LocalSettings.php instead

← Older revision		Revision as of 06:51, 10 May 2026
Line 48:		Line 48:

	/* Logo: img element. content: trick to swap source via CSS only. */		/* Logo: img element. content: trick to swap source via CSS only. */
	~~.mw-logo-icon {~~
	~~content: url('https://akkadev.games/assets/akka-mark-history.svg');~~
	~~width: 56px !important;~~
	~~height: 56px !important;~~
	~~object-fit: contain;~~
	}
	.mw-logo-wordmark,		.mw-logo-wordmark,
	.mw-logo .mw-logo-wordmark {		.mw-logo .mw-logo-wordmark {

Drmoon: Override Vector default uppercase on infobox caption

2026-05-10T03:42:27Z

Override Vector default uppercase on infobox caption

← Older revision		Revision as of 06:42, 10 May 2026
Line 446:		Line 446:
	}		}
	body.skin-vector-2022 table.infobox caption {		body.skin-vector-2022 table.infobox caption {
			text-transform: none !important;
			font-variant: normal !important;
	background: var(--akka-surface-2);		background: var(--akka-surface-2);
	color: var(--akka-accent) !important;		color: var(--akka-accent) !important;

Drmoon: Add Wikipedia-style infobox class for right-floated dossier panels

2026-05-10T03:38:12Z

Add Wikipedia-style infobox class for right-floated dossier panels

@@ Line 476: / Line 476: @@
 body.skin-vector-2022 table.infobox tr + tr th,
 body.skin-vector-2022 table.infobox tr + tr td {
    border-top: 1px solid var(--akka-line) !important;
+}

Drmoon: Add infobox class for right-floated dossier panels

2026-05-10T03:35:20Z

Add infobox class for right-floated dossier panels

@@ Line 428: / Line 428: @@
 body.skin-vector-2022 .oo-ui-popupWidget-anchor::after {
    border-bottom-color: var(--akka-bg-deep) !important;
+}

Drmoon: Theme OOUI popup notifications (appearance-moved tooltip)

2026-05-10T03:08:53Z

Theme OOUI popup notifications (appearance-moved tooltip)

@@ Line 408: / Line 408: @@
    background-image: none !important;
    background: transparent !important;
+}

Drmoon: Kill white scroll-hint fade gradient on sticky-pinned-container

2026-05-10T03:02:39Z

Kill white scroll-hint fade gradient on sticky-pinned-container

@@ Line 400: / Line 400: @@
 body.skin-vector-2022 .vector-toc a.vector-toc-link {
    color: var(--akka-accent-blue) !important;
+}

Drmoon: Narrow heading rule (skip radio labels); fix TOC header+links color

2026-05-10T02:52:56Z

Narrow heading rule (skip radio labels); fix TOC header+links color

@@ Line 367: / Line 367: @@
+}
 /* Section sub-headings inside docked panels (ACTIONS, GENERAL, TEXT, WIDTH, COLOR) */
 body.skin-vector-2022 .vector-menu-heading,
 body.skin-vector-2022 .mw-portlet-label,
-body.skin-vector-2022 .cdx-label__label__text,
+body.skin-vector-2022 .vector-pinned-container > .cdx-label,
-body.skin-vector-2022 .vector-pinned-container .cdx-label,
+body.skin-vector-2022 .vector-pinned-container .cdx-field > .cdx-label {
    color: var(--akka-accent) !important;
    font-family: var(--akka-smcp);
@@ Line 377: / Line 379: @@
    letter-spacing: 0.16em;
    font-weight: 700 !important;
+}

Drmoon: Fix docked-sidebar bgs (pinned-container white), TOC link color, sub-heading color cascade

2026-05-10T02:51:37Z

Fix docked-sidebar bgs (pinned-container white), TOC link color, sub-heading color cascade

← Older revision		Revision as of 05:51, 10 May 2026
Line 345:		Line 345:
	body.skin-vector-2022 .catlinks a.new,		body.skin-vector-2022 .catlinks a.new,
	body.skin-vector-2022 #catlinks a.new { color: #f06a3a !important; }		body.skin-vector-2022 #catlinks a.new { color: #f06a3a !important; }

			/* Docked sidebar wrappers (when viewport is wide enough that sidebars pin instead of float) */
			body.skin-vector-2022 .vector-pinned-container {
			background: var(--akka-bg-deep) !important;
			border: 1px solid var(--akka-line) !important;
			color: var(--akka-text) !important;
			}
			/* TOC entry links inside the docked Contents panel */
			body.skin-vector-2022 .vector-toc-link,
			body.skin-vector-2022 .vector-toc a {
			color: var(--akka-accent-blue) !important;
			background: transparent !important;
			}
			body.skin-vector-2022 .vector-toc-link:hover,
			body.skin-vector-2022 .vector-toc a:hover {
			color: var(--akka-accent) !important;
			}
			body.skin-vector-2022 .vector-toc-list-item-active > .vector-toc-link {
			color: var(--akka-accent) !important;
			font-weight: 600 !important;
			}
			/* Section sub-headings inside docked panels (ACTIONS, GENERAL, TEXT, WIDTH, COLOR) */
			body.skin-vector-2022 .vector-menu-heading,
			body.skin-vector-2022 .mw-portlet-label,
			body.skin-vector-2022 .cdx-label__label__text,
			body.skin-vector-2022 .vector-pinned-container .cdx-label,
			body.skin-vector-2022 #vector-appearance .cdx-label {
			color: var(--akka-accent) !important;
			font-family: var(--akka-smcp);
			text-transform: uppercase;
			letter-spacing: 0.16em;
			font-weight: 700 !important;
			}

Drmoon: Darken catlinks (categories bar) at page bottom

2026-05-10T02:27:56Z

Darken catlinks (categories bar) at page bottom

← Older revision		Revision as of 05:27, 10 May 2026
Line 333:		Line 333:
	color: var(--akka-text) !important;		color: var(--akka-text) !important;
	}		}

			/* Categories bar at page bottom — was white */
			body.skin-vector-2022 .catlinks,
			body.skin-vector-2022 #catlinks {
			background: var(--akka-bg-deep) !important;
			border: 1px solid var(--akka-line) !important;
			color: var(--akka-text-mute) !important;
			}
			body.skin-vector-2022 .catlinks a,
			body.skin-vector-2022 #catlinks a { color: var(--akka-accent-blue) !important; }
			body.skin-vector-2022 .catlinks a.new,
			body.skin-vector-2022 #catlinks a.new { color: #f06a3a !important; }