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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}