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: →--- 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: ..." |
No edit summary |
||
| Line 5: | Line 5: | ||
/* Increase base font size */ | /* Increase base font size */ | ||
:root { | :root { | ||
--citizen-font-size-base: 1. | --citizen-font-size-base: 1.3rem; /* default ~1rem */ | ||
} | } | ||
body.skin-citizen { | body.skin-citizen { | ||
font-size: 1. | font-size: 1.3rem; | ||
} | } | ||
/* Make the logo bigger in the header */ | /* Make the logo bigger in the header */ | ||
.skin-citizen .site-header__logo img { | .skin-citizen .site-header__logo img { | ||
max-height: | max-height: 120px; /* default ~40px */ | ||
height: auto; | height: auto; | ||
width: auto; | width: auto; | ||
| Line 23: | Line 23: | ||
padding-top: 0.5rem; | padding-top: 0.5rem; | ||
padding-bottom: 0.5rem; | padding-bottom: 0.5rem; | ||
min-height: | min-height: 140px; | ||
} | } | ||
Revision as of 00:05, 14 September 2025
/* 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.3rem; /* default ~1rem */
}
body.skin-citizen {
font-size: 1.3rem;
}
/* Make the logo bigger in the header */
.skin-citizen .site-header__logo img {
max-height: 120px; /* 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: 140px;
}