More actions
No edit summary Tag: Reverted |
Tag: Undo |
||
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 */ | ||
@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 */ | /* Darken the footer icon in light mode */ | ||
.skin-citizen-light #footer-icons a { | .skin-citizen-light #footer-icons a { |
Latest revision as of 05:38, 1 October 2024
/* 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 { 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; }