MediaWiki:Citizen.css

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 */
/* Local font import using @font-face */
@font-face {
  font-family: 'Montserrat';
  font-display: swap;
  src: url('/fonts/Montserrat-Regular.woff2') format('woff2');
}

.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;
}