MediaWiki:Citizen.css - Revision history

Limerence at 23:18, 20 October 2026

2026-10-20T23:18:03Z

← Older revision		Revision as of 23:18, 20 October 2026
Line 159:		Line 159:
	#citizen-page-aside-lastmod {		#citizen-page-aside-lastmod {
	display: none !important;		display: none !important;
			}

			/* Hide the “Redirected from” notice. */
			.mw-redirectedfrom {
			display: none;
	}		}

Limerence at 00:05, 7 October 2026

2026-10-07T00:05:07Z

← Older revision		Revision as of 00:05, 7 October 2026
Line 118:		Line 118:
	}		}

	/* Collapsible ~~section~~ headings */		/* Collapsible headings: aligned + rainbow-tinted */
	.mw-heading {		.mw-heading {
	~~position~~: ~~relative;~~		background:
	~~margin~~-~~top: 1~~.~~25rem;~~		linear-gradient(
	~~padding:~~ 0.~~45rem~~ 0;		90deg,
	z-~~index: 0~~;		rgba(255, 109, 178, 0.16),
	}		rgba(255, 159, 87, 0.13),
			rgba(255, 217, 94, 0.10),
			rgba(115, 227, 125, 0.10),
			rgba(102, 217, 255, 0.13),
			rgba(110, 168, 255, 0.14),
			rgba(185, 140, 255, 0.16)
			),
			var(--color-surface-3);

	~~/* Make collapsible headings look clickable,~~
	~~while keeping heading text aligned with body text */~~
	~~.mw-heading {~~
	~~background: var(--color-surface-3);~~
	border-radius: 10px;		border-radius: 10px;

	~~/* Extend the background outward */~~
	margin-left: -0.85rem;		margin-left: -0.85rem;
	margin-right: -0.85rem;		margin-right: -0.85rem;

	~~/* Put the text back on the normal content line */~~
	padding: 0.4rem 0.85rem;		padding: 0.4rem 0.85rem;

	margin-top: 1.25rem;		margin-top: 1.25rem;

	transition: background-color 0.15s ease;		transition:
			filter 0.15s ease,
			background-color 0.15s ease;
	}		}

	.mw-heading:hover {		.mw-heading:hover {
	~~background~~: ~~#273244~~;		filter: brightness(1.12);
	}		}

Limerence at 00:04, 7 October 2026

2026-10-07T00:04:11Z

← Older revision		Revision as of 00:04, 7 October 2026
Line 126:		Line 126:
	}		}

	/* ~~Background without changing~~ text ~~alignment~~ */		/* Make collapsible headings look clickable,
	.mw-heading~~::before~~ {		while keeping heading text aligned with body text */
	~~content~~: "";		.mw-heading {
	~~position: absolute;~~		background: var(--color-surface-3);
	z-~~index~~: -1;		border-radius: 10px;

	~~top: 0;~~		/* Extend the background outward */
	~~bottom: 0;~~		margin-left: -0.85rem;
	left: -0.85rem;		margin-right: -0.85rem;
	right: -0.85rem;

	~~background~~: ~~var(--color-surface-3)~~;		/* Put the text back on the normal content line */
	~~border~~-~~radius~~: ~~10px~~;		padding: 0.4rem 0.85rem;

			margin-top: 1.25rem;

	transition: background-color 0.15s ease;		transition: background-color 0.15s ease;
	}		}

	.mw-heading:hover~~::before~~ {		.mw-heading:hover {
	background: #273244;		background: #273244;
	}		}

Limerence at 00:02, 7 October 2026

2026-10-07T00:02:27Z

← Older revision		Revision as of 00:02, 7 October 2026
Line 118:		Line 118:
	}		}

	/* ~~Make collapsible~~ section headings ~~look clickable~~ */		/* Collapsible section headings */
	.mw-heading {		.mw-heading {
	~~background~~:		position: relative;
	~~linear~~-~~gradient(~~		margin-top: 1.25rem;
	~~90deg,~~		padding: 0.45rem 0;
	~~rgba(255,109,178,~~0.~~10),~~		z-index: 0;
	~~rgba(255,159,87,~~0.~~08),~~		}
	~~rgba(255,217,94,~~0~~.06),~~
	~~rgba(115,227,125,~~0~~.06),~~		/* Background without changing text alignment */
	~~rgba(102,217,255,~~0.~~08),~~		.mw-heading::before {
	~~rgba(185,140,255,~~0.~~10)~~		content: "";
	),		position: absolute;
	~~var(--color-surface-3)~~;		z-index: -1;

			top: 0;
			bottom: 0;
			left: -0.85rem;
			right: -0.85rem;

			background: var(--color-surface-3);
	border-radius: 10px;		border-radius: 10px;
	~~padding~~: 0.~~45rem 0.85rem~~;
			transition: background-color 0.15s ease;
	}		}

	~~/* Slightly brighter on hover */~~		.mw-heading:hover::before {
	.mw-heading:hover {
	background: #273244;		background: #273244;
	}		}

Limerence at 00:00, 7 October 2026

2026-10-07T00:00:13Z

← Older revision		Revision as of 00:00, 7 October 2026
Line 147:		Line 147:
	}		}

	.citizen-page-~~info~~ {		/* Hide the top-right "Last modified" panel */
			#citizen-page-aside-lastmod {
	display: none !important;		display: none !important;
	}		}

Limerence at 23:58, 6 October 2026

2026-10-06T23:58:48Z

← Older revision		Revision as of 23:58, 6 October 2026
Line 143:		Line 143:
	/* Hide the "Last modified" information block */		/* Hide the "Last modified" information block */
	#footer-info-lastmod,		#footer-info-lastmod,
			.citizen-page-info {
			display: none !important;
			}

	.citizen-page-info {		.citizen-page-info {
	display: none !important;		display: none !important;
	}		}

Limerence at 23:56, 6 October 2026

2026-10-06T23:56:44Z

← Older revision		Revision as of 23:56, 6 October 2026
Line 139:		Line 139:
	.mw-heading:hover {		.mw-heading:hover {
	background: #273244;		background: #273244;
			}

			/* Hide the "Last modified" information block */
			#footer-info-lastmod,
			.citizen-page-info {
			display: none !important;
	}		}

Limerence at 23:53, 6 October 2026

2026-10-06T23:53:22Z

← Older revision		Revision as of 23:53, 6 October 2026
Line 116:		Line 116:

	border-radius: 999px;		border-radius: 999px;
			}

			/* Make collapsible section headings look clickable */
			.mw-heading {
			background:
			linear-gradient(
			90deg,
			rgba(255,109,178,0.10),
			rgba(255,159,87,0.08),
			rgba(255,217,94,0.06),
			rgba(115,227,125,0.06),
			rgba(102,217,255,0.08),
			rgba(185,140,255,0.10)
			),
			var(--color-surface-3);

			border-radius: 10px;
			padding: 0.45rem 0.85rem;
			}

			/* Slightly brighter on hover */
			.mw-heading:hover {
			background: #273244;
	}		}

Limerence at 23:19, 6 October 2026

2026-10-06T23:19:23Z

← Older revision		Revision as of 23:19, 6 October 2026
Line 6:		Line 6:
	}		}

	/* Hide the ~~three-dot page tools menu~~ */		/* Hide the entire site footer */
	#~~citizen-page-more-dropdown~~,		#footer,
	#citizen-~~sticky-header-more~~ {		.citizen-footer {
	display: none !important;		display: none !important;
	}		}

	/* Hide ~~the entire site footer~~ */		/* Hide page-management controls by default */
	#~~footer~~,		#ca-viewsource,
	.citizen-~~footer~~ {		#ca-history,
			#ca-talk,
			#citizen-page-more-dropdown,
			#citizen-sticky-header-more {
	display: none !important;		display: none !important;
	}		}

Limerence at 23:15, 6 October 2026

2026-10-06T23:15:57Z

← Older revision		Revision as of 23:15, 6 October 2026
Line 19:		Line 19:

	:root {		:root {
	~~--blimpuf-bg: #0b0f16;~~		/* Blimpuf rainbow palette */
	~~--blimpuf-bg-soft: #111827;~~
	~~--blimpuf-panel: #161d29;~~
	~~--blimpuf-border: #273244;~~
	~~--blimpuf-text: #e8eefc;~~
	~~--blimpuf-text-muted: #a9b7d1;~~

	--blimpuf-pink: #ff6db2;		--blimpuf-pink: #ff6db2;
	--blimpuf-orange: #ff9f57;		--blimpuf-orange: #ff9f57;
Line 35:		Line 29:
	}		}

	~~body~~ {		/* Citizen dark mode */
	~~background~~: ~~var(~~--~~blimpuf~~-~~bg)~~;		:root.skin-theme-clientpref-night {
	color: ~~var(~~--~~blimpuf~~-~~text)~~;		--color-surface-0: #0b0f16;
			--color-surface-1: #111827;
			--color-surface-2: #161d29;
			--color-surface-3: #1d2635;

			--color-base: #e8eefc;
			--color-emphasized: #ffffff;
			--color-subtle: #a9b7d1;

			/* Main Citizen accent */
			--color-progressive-oklch__h: 205;
	}		}

	.mw-~~body,~~		/* Automatic theme when the OS is dark */
	~~.citizen~~-~~page~~-~~container,~~		@media screen and (prefers-color-scheme: dark) {
	~~.citizen~~-~~body~~-~~container,~~		:root.skin-theme-clientpref-os {
	~~.citizen~~-~~toc,~~		--color-surface-0: #0b0f16;
	~~.wikitable,~~		--color-surface-1: #111827;
	~~.infobox {~~		--color-surface-2: #161d29;
	~~background~~: ~~var(~~--~~blimpuf~~-~~panel)~~;		--color-surface-3: #1d2635;
	~~border~~-color: ~~var(~~--~~blimpuf~~-~~border)~~;
			--color-base: #e8eefc;
			--color-emphasized: #ffffff;
			--color-subtle: #a9b7d1;

			--color-progressive-oklch__h: 205;
			}
	}		}

	a {		.firstHeading {
			background: linear-gradient(
			90deg,
			var(--blimpuf-pink),
			var(--blimpuf-orange),
			var(--blimpuf-yellow),
			var(--blimpuf-green),
			var(--blimpuf-cyan),
			var(--blimpuf-blue),
			var(--blimpuf-purple)
			);

			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			}

			.mw-parser-output a {
	color: var(--blimpuf-cyan);		color: var(--blimpuf-cyan);
	}		}

	a:hover {		.mw-parser-output a:hover {
	color: var(--blimpuf-pink);		color: var(--blimpuf-pink);
	}		}

	~~.firstHeading~~,		#ca-edit a {
	~~.mw~~-~~page~~-~~title~~-~~main~~ {		background: linear-gradient(
			90deg,
			var(--blimpuf-blue),
			var(--blimpuf-purple)
			) !important;

			border: none !important;
			}

			#content::before {
			content: "";
			display: block;
			height: 3px;
			margin-bottom: 1.5rem;

	background: linear-gradient(		background: linear-gradient(
	90deg,		90deg,
Line 67:		Line 108:
	var(--blimpuf-green),		var(--blimpuf-green),
	var(--blimpuf-cyan),		var(--blimpuf-cyan),
			var(--blimpuf-blue),
	var(--blimpuf-purple)		var(--blimpuf-purple)
	);		);
	~~-webkit-background-clip: text;~~
	~~background~~-~~clip: text;~~		border-radius: 999px;
	~~color~~: ~~transparent~~;
	}		}