More actions
Add callout-card auto-styling + .gs-card class |
Footer: hide bottom strip (tagline/poweredby/divider) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 15: | Line 15: | ||
html.skin-citizen-light, | html.skin-citizen-light, | ||
.skin-citizen { | .skin-citizen { | ||
color-scheme: dark; /* dark-only: force dark UA controls/scrollbars regardless of OS or toggle */ | |||
--color-surface-0: #0d0e12; /* page background (near-black) */ | --color-surface-0: #0d0e12; /* page background (near-black) */ | ||
--color-surface-1: #141418; /* raised panels / sidebar (neutral dark) */ | --color-surface-1: #141418; /* raised panels / sidebar (neutral dark) */ | ||
| Line 25: | Line 26: | ||
--color-subtle: #9ca3af; /* muted text */ | --color-subtle: #9ca3af; /* muted text */ | ||
--color-progressive: # | --color-progressive: #5e9eff; /* links (blue, default-link style) */ | ||
--color-progressive--hover: #d4af37; /* gold | --color-progressive--hover: #d4af37; /* gold on hover */ | ||
--color-progressive--active: #d4af37; | --color-progressive--active: #d4af37; | ||
--color-progressive--focus: # | --color-progressive--focus: #5e9eff; | ||
--color-link: # | --color-link: #5e9eff; | ||
--color-visited: # | --color-visited: #5e9eff; | ||
--border-color-base: #3a3d44; /* gray outlines (not blue/navy) */ | --border-color-base: #3a3d44; /* gray outlines (not blue/navy) */ | ||
| Line 42: | Line 43: | ||
--font-family-heading: 'Inter', 'Inter Variable', system-ui, sans-serif; | --font-family-heading: 'Inter', 'Inter Variable', system-ui, sans-serif; | ||
--border-radius-medium: 10px; | --border-radius-medium: 10px; | ||
} | |||
/* Dark-only: hide the colour-scheme (theme) switcher in Citizen's preferences panel. | |||
Each client pref is a portlet #skin-client-prefs-<feature>; we hide only the theme one. */ | |||
#skin-client-prefs-skin-theme, | |||
.mw-portlet-skin-client-prefs-skin-theme { | |||
display: none !important; | |||
} | |||
/* Footer cleanup: drop the bottom strip (tagline + Powered by + divider line), | |||
the search dropdown's "Powered by", and the MobileFrontend "Mobile view" toggle. */ | |||
.citizen-footer__bottom, | |||
.citizen-search__footer-start, | |||
#footer-places-mobileview, | |||
a[href*="toggle_view_mobile"] { | |||
display: none !important; | |||
} | } | ||
| Line 64: | Line 81: | ||
} | } | ||
/* ---- links: | /* ---- links: blue like a default link, gold on hover ---- */ | ||
.mw-parser-output a:not(.image):not(.mw-selflink) { | .mw-parser-output a:not(.image):not(.mw-selflink) { | ||
color: # | color: #5e9eff; | ||
} | } | ||
.mw-parser-output a:not(.image):not(.mw-selflink):hover { | .mw-parser-output a:not(.image):not(.mw-selflink):hover { | ||