MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
Created page with "→All CSS here will be loaded for users of the Citizen skin: →========================================================= VIRGINIA.WIKI — CITIZEN BACKGROUND =========================================================: →Light theme: html.skin-citizen-light, html.skin-citizen-light body, body.skin-citizen { background: linear-gradient( 180deg, #e8f0f6 0%, #f1f5f8 48%, #f7f3ea 100% ) fixed !important; } /* Keep Citizen's main page area tran..." |
Replaced content with "→========================================================= 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;..." Tag: Replaced |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* ========================================================= | /* ========================================================= | ||
VIRGINIA.WIKI — CITIZEN | 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; | |||
} | |||
} | } | ||
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;
}
}