MediaWiki:Citizen.css: Difference between revisions

Latest revision as of 03:30, 30 September 2026

/* =========================================================
   VIRGINIA.WIKI — CITIZEN SKIN
   Warm Editorial Ivory Theme
   ========================================================= */


/* =========================================================
   LIGHT THEME — SITE SURFACES
   ========================================================= */

:root.skin-theme-clientpref-day {
	--color-surface-0: #f3f1eb;
	--color-surface-1: #faf9f5;
	--color-surface-2: #ffffff;
}


/* =========================================================
   AUTOMATIC THEME — WHEN DEVICE IS IN LIGHT MODE
   ========================================================= */

@media (prefers-color-scheme: light) {

	:root.skin-theme-clientpref-os {
		--color-surface-0: #f3f1eb;
		--color-surface-1: #faf9f5;
		--color-surface-2: #ffffff;
	}

}


/* =========================================================
   FALLBACK PAGE BACKGROUND
   ========================================================= */

body {
	background-color: var(--color-surface-0) !important;
}


/* =========================================================
   VIRGINIA.WIKI FOOTER
   ========================================================= */

.citizen-footer {
	--color-base: rgba(255, 255, 255, 0.88);
	--color-emphasized: #ffffff;
	--color-subtle: rgba(255, 255, 255, 0.74);
	--color-link: #ffffff;
	--border-color-base: rgba(255, 255, 255, 0.18);

	background-color: #0b2f4f !important;
	color: rgba(255, 255, 255, 0.88) !important;
}

.citizen-footer__sitetitle,
.citizen-footer__sitetitle *,
.citizen-footer .mw-wiki-title,
.citizen-footer .mw-logo-wordmark {
	color: #ffffff !important;
}

.citizen-footer__desc,
#footer-desc {
	color: rgba(255, 255, 255, 0.82) !important;
}

#footer-tagline {
	color: rgba(255, 255, 255, 0.78) !important;
}

.citizen-footer a {
	color: #ffffff !important;
}

.citizen-footer a:hover {
	color: #dceaf2 !important;
}

.citizen-footer__bottom {
	border-top-color: rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 700px) {

	.citizen-footer {
		margin-top: 4rem;
	}

}