Maintenance script: Cultopedia: refine palette and reduce gradients

2026-04-05T17:11:03Z

Cultopedia: refine palette and reduce gradients

← Older revision		Revision as of 17:11, 5 April 2026
Line 1:		Line 1:
	/* Cultopedia brand system */		/* Cultopedia brand system */
	:root {		:root {
	--cultopedia-ink: #~~184752~~;		--cultopedia-ink: #0e83c9;
	--cultopedia-ink-soft: #~~2d6470~~;		--cultopedia-ink-soft: #356f95;
	--cultopedia-brand: #~~129cd7~~;		--cultopedia-brand: #0e83c9;
	--cultopedia-brand-deep: #~~34ba8e~~;		--cultopedia-brand-deep: #31b387;
	--cultopedia-brand-mist: #~~9adeea~~;		--cultopedia-brand-mist: #bae9e6;
	--cultopedia-accent: #~~d5f0ca~~;		--cultopedia-accent: #dcf1ce;
	--cultopedia-paper: #ffffff;		--cultopedia-paper: #ffffff;
	--cultopedia-paper-strong: #~~f3fcff~~;		--cultopedia-paper-strong: #f7fbfd;
	--cultopedia-line: #~~b9e4e8~~;		--cultopedia-line: #c9e5ea;
	--cultopedia-shadow: 0 18px 44px rgba(18, ~~156~~, ~~215~~, 0.12);		--cultopedia-shadow: 0 18px 44px rgba(14, 131, 201, 0.08);
	}		}

	body.skin-vector-2022 {		body.skin-vector-2022 {
	background:		background:
	radial-gradient(circle at top left, rgba(~~154~~, ~~222~~, ~~234~~, 0.34), transparent 30%),		radial-gradient(circle at top left, rgba(186, 233, 230, 0.32), transparent 28%),
	radial-gradient(circle at top right, rgba(~~213~~, ~~240~~, ~~202~~, 0.3), transparent 24%),		radial-gradient(circle at top right, rgba(220, 241, 206, 0.24), transparent 22%),
	linear-gradient(180deg, #~~f4fdff~~ 0%, var(--cultopedia-paper) 22%, #~~eefbf7~~ 100%);		linear-gradient(180deg, #f8fcfd 0%, var(--cultopedia-paper) 24%, #f7fbf9 100%);
	color: var(--cultopedia-ink);		color: var(--cultopedia-ink);
	}		}
Line 52:		Line 52:

	body.skin-vector-2022 a:hover {		body.skin-vector-2022 a:hover {
	color: var(--cultopedia-brand);		color: var(--cultopedia-brand-deep);
	}		}

Line 59:		Line 59:
	body.skin-vector-2022 h2,		body.skin-vector-2022 h2,
	body.skin-vector-2022 h3 {		body.skin-vector-2022 h3 {
	color: var(--cultopedia-~~brand-deep~~);		color: var(--cultopedia-ink);
	}		}

Line 65:		Line 65:
	body.skin-vector-2022 table.infobox,		body.skin-vector-2022 table.infobox,
	body.skin-vector-2022 .toc {		body.skin-vector-2022 .toc {
	background: ~~rgba~~(~~255, 255, 255, 0.8~~);		background: var(--cultopedia-paper);
	border: 1px solid var(--cultopedia-line);		border: 1px solid var(--cultopedia-line);
	border-radius: 16px;		border-radius: 16px;
Line 73:		Line 73:
	body.skin-vector-2022 .wikitable th,		body.skin-vector-2022 .wikitable th,
	body.skin-vector-2022 table.infobox th {		body.skin-vector-2022 table.infobox th {
	background: ~~linear~~-~~gradient(180deg, #e8fafc 0%, #d5f0ca 100%~~);		background: var(--cultopedia-brand-mist);
	color: var(--cultopedia-ink);		color: var(--cultopedia-ink);
	}		}
Line 91:		Line 91:
	border: 1px solid rgba(18, 156, 215, 0.1);		border: 1px solid rgba(18, 156, 215, 0.1);
	border-radius: 28px;		border-radius: 28px;
	background:		background: var(--cultopedia-paper);
	~~linear~~-~~gradient(135deg, rgba(154, 222, 234, 0.36), rgba(213, 240, 202, 0.52)),~~
	~~linear~~-~~gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 252, 255, 0.96)~~);
	box-shadow: var(--cultopedia-shadow);		box-shadow: var(--cultopedia-shadow);
	}		}
Line 152:		Line 150:
	border: 1px solid rgba(18, 156, 215, 0.14);		border: 1px solid rgba(18, 156, 215, 0.14);
	border-radius: 22px;		border-radius: 22px;
	background: ~~rgba~~(~~255, 255, 255, 0.9~~);		background: var(--cultopedia-paper);
	box-shadow: 0 10px 28px rgba(18, 156, 215, 0.08);		box-shadow: 0 10px 28px rgba(18, 156, 215, 0.08);
	text-decoration: none;		text-decoration: none;
Line 159:		Line 157:

	.mw-parser-output .cultopedia-home__button {		.mw-parser-output .cultopedia-home__button {
	background: ~~linear~~-~~gradient(180deg, rgba(255, 255, 255, 0.98), rgba(154, 222, 234, 0.16)~~);		background: var(--cultopedia-paper);
	}		}

	.mw-parser-output .cultopedia-home__card {		.mw-parser-output .cultopedia-home__card {
	background: ~~linear~~-~~gradient(180deg, rgba(255, 255, 255, 0.97), rgba(213, 240, 202, 0.18)~~);		background: var(--cultopedia-paper-strong);
	}		}

	.mw-parser-output .cultopedia-home__stat {		.mw-parser-output .cultopedia-home__stat {
	background: ~~linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(154, 222, 234, 0.12))~~;		background: #f5fafb;
	}		}

Line 173:		Line 171:
	.mw-parser-output .cultopedia-home__card:hover {		.mw-parser-output .cultopedia-home__card:hover {
	transform: translateY(-2px);		transform: translateY(-2px);
	border-color: rgba(18, ~~156~~, ~~215~~, 0.34);		border-color: rgba(49, 179, 135, 0.34);
	box-shadow: 0 14px 34px rgba(18, ~~156~~, ~~215~~, 0.14);		box-shadow: 0 14px 34px rgba(14, 131, 201, 0.12);
	text-decoration: none;		text-decoration: none;
	}		}
Line 186:		Line 184:
	letter-spacing: 0.08em;		letter-spacing: 0.08em;
	text-transform: uppercase;		text-transform: uppercase;
	color: var(--cultopedia-~~brand~~);		color: var(--cultopedia-ink);
	}		}

Line 193:		Line 191:
	.mw-parser-output .cultopedia-home__stat strong {		.mw-parser-output .cultopedia-home__stat strong {
	display: block;		display: block;
	color: var(--cultopedia-~~brand-deep~~);		color: var(--cultopedia-ink);
	font-size: 1.05rem;		font-size: 1.05rem;
	}		}
Line 205:		Line 203:
	.mw-parser-output .cultopedia-home__button strong a:hover,		.mw-parser-output .cultopedia-home__button strong a:hover,
	.mw-parser-output .cultopedia-home__card strong a:hover {		.mw-parser-output .cultopedia-home__card strong a:hover {
	color: var(--cultopedia-brand);		color: var(--cultopedia-brand-deep);
	text-decoration: none;		text-decoration: none;
	}		}

Maintenance script: Cultopedia: refresh Common.css from repo

2026-04-05T16:55:52Z

Cultopedia: refresh Common.css from repo

Show changes

Cultopedia-admin: Cultopedia: apply initial brand palette and header styling

2026-04-04T12:17:26Z

Cultopedia: apply initial brand palette and header styling

New page

:root {
--cultopedia-cream: #FFF5E9;
--cultopedia-cream-strong: #FFE9C1;
--cultopedia-teal-deep: #064B4C;
--cultopedia-teal: #088A8C;
--cultopedia-green: #66BF77;
--cultopedia-green-bright: #71E78B;
}

body {
background: linear-gradient(180deg, var(--cultopedia-cream) 0, #ffffff 220px);
}

.mw-page-container {
background-color: transparent;
}

.vector-header-container {
background: color-mix(in srgb, var(--cultopedia-cream) 84%, white);
border-bottom: 1px solid color-mix(in srgb, var(--cultopedia-teal-deep) 18%, white);
}

.vector-sticky-header-container {
background: color-mix(in srgb, var(--cultopedia-cream) 92%, white);
}

.mw-logo-icon {
border-radius: 999px;
box-shadow: 0 0 0 6px color-mix(in srgb, var(--cultopedia-cream-strong) 55%, transparent);
}

.mw-logo-wordmark,
.mw-logo-tagline {
filter: hue-rotate(130deg) saturate(0.7);
}

.vector-feature-page-tools-pinned-enabled .vector-page-toolbar,
#mw-panel,
.vector-page-toolbar,
.vector-toc {
background-color: color-mix(in srgb, var(--cultopedia-cream) 78%, white);
}

a,
.mw-parser-output a.extiw,
.mw-parser-output a.external {
color: var(--cultopedia-teal);
}

a:visited {
color: var(--cultopedia-teal-deep);
}

a.new {
color: #8a5a00;
}

.mw-body h1,
.mw-body-content h2,
.mw-body-content h3,
.vector-pinnable-header-label {
color: var(--cultopedia-teal-deep);
}

.mw-parser-output .infobox,
.mw-parser-output .sidebar,
.mw-parser-output .navbox {
border-color: color-mix(in srgb, var(--cultopedia-teal-deep) 30%, white);
}

.mw-parser-output .infobox th,
.mw-parser-output .sidebar th,
.mw-parser-output .navbox-title {
background-color: color-mix(in srgb, var(--cultopedia-cream-strong) 72%, white);
color: var(--cultopedia-teal-deep);
}

#firstHeading {
text-wrap: balance;
}

MediaWiki:Common.css - Revision history

Maintenance script: Cultopedia: refine palette and reduce gradients

Maintenance script: Cultopedia: refresh Common.css from repo

Cultopedia-admin: Cultopedia: apply initial brand palette and header styling