Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css

MediaWiki interface page
Revision as of 00:04, 14 September 2025 by Adam (talk | contribs) (Created page with "All CSS here will be loaded for users of the Citizen skin: --- Custom Citizen Skin CSS by Adam ---: Increase base font size: :root { --citizen-font-size-base: 1.15rem; default ~1rem: } body.skin-citizen { font-size: 1.15rem; } Make the logo bigger in the header: .skin-citizen .site-header__logo img { max-height: 80px; default ~40px: height: auto; width: auto; } Optional: adjust header padding to fit larger logo: ...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */

/* --- Custom Citizen Skin CSS by Adam --- */

/* Increase base font size */
:root {
    --citizen-font-size-base: 1.15rem; /* default ~1rem */
}

body.skin-citizen {
    font-size: 1.15rem;
}

/* Make the logo bigger in the header */
.skin-citizen .site-header__logo img {
    max-height: 80px; /* default ~40px */
    height: auto;
    width: auto;
}

/* Optional: adjust header padding to fit larger logo */
.skin-citizen .site-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    min-height: 100px;
}