More actions
(Created page with "→All CSS here will be loaded for users of the Citizen skin: @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); .mw-logo-wordmark, #mw-content-text, #content h1, #content h2 { font-family: 'Montserrat', sans-serif; } →Darken the footer icon in light mode: .skin-citizen-light #footer-icons a { filter: invert( 1 ) hue-rotate( 180deg ); } →* Footer icons * We use custom footer icons so we need to fine tune it: #footer-icons a {...") |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Citizen skin */ | /* All CSS here will be loaded for users of the Citizen skin */ | ||
/* Darken the footer icon in light mode */ | /* Darken the footer icon in light mode */ | ||
.skin-citizen-light #footer-icons a { | .skin-citizen-light #footer-icons a { | ||
Revision as of 05:30, 1 October 2024
/* All CSS here will be loaded for users of the Citizen skin */
/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
filter: invert( 1 ) hue-rotate( 180deg );
}
/*
* Footer icons
* We use custom footer icons so we need to fine tune it
*/
#footer-icons a {
opacity: var( --opacity-icon-base );
transition: opacity 250ms ease;
}
#footer-icons a:hover {
opacity: var( --opacity-icon-base--hover );
}
#footer-icons a:active {
opacity: var( --opacity-icon-base--active );
}
/* More space between icons */
#footer-icons ul,
#footer-icons li {
gap: var( --space-md );
}
.mw-portlet-External {
position: sticky;
bottom: 0;
margin-top: var( --space-md );
padding: var( --space-xs ) 0;
border-top: 1px solid var( --border-color-base );
background: var( --color-surface-1 );
font-size: var( --font-size-x-small );
grid-column: 1 / -1;
white-space: nowrap;
}
.skin-citizen-dark .mw-translate-fuzzy {
background-color: #ba5454;
}
.mw-editsection-visualeditor {
display: none;
}
.citizen-footer, #footer-tagline {
padding-bottom: 0px;
}
.citizen-footer {
padding-top: 16px;
}
.skin-citizen-dark .IconBox img, .popups-icon {
filter: invert(0.8);
}
#mw-content-text {
font-size: 0.9em;
}