MediaWiki:Common.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.

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Syne:wght@400..800&display=swap');

body {
	background-color: #fefefe;
	font-family: "Inter";
}

a {
	color: #23A06B;
}

a:hover {
    color: #32CB8B;
}

.citizen-header {
	background-color: #f7f7f7;
	--header-button-size: 60px;
}

#ca-edit>a, #ca-ve-edit>a {
	background-color: #32CB8B;
}

#ca-edit:hover>a, #ca-ve-edit:hover>a {
	background-color: #23A06B;
}

.mwe-popups-container {
	background-color: #f7f7f7;
}

.citizen-header__button#citizen-pref-toggle {
    pointer-events: none;
    opacity: 0;
    /* Optional: Add additional styles to convey disabled state */
    background-color: #f2f2f2;
    color: #999;
    cursor: not-allowed;
}

.mw-logo-icon {
	width:50px;
	height:50px;
}

h1,
h2 {
	font-family: "Syne";
}

.mw-logo-wordmark {
	font-family: "Syne";
}

img.mw-logo-wordmark {
	font-family: "Syne";
	width: 320px;
	height: 42px;
	filter: none;
}

#footer-sitetitle img.mw-logo-wordmark {
	filter: none;
}

.citizen-menu__card {
	background-color: #e8e8e8;
}

.citizen-toc__card {
    	background-color: #f2f2f2;
    }
    
.mw-changeslist-legend {
	background-color: #f2f2f2;
}

.mw-cookiewarning-container {
	background-color: #fff;
	
}

.mw-parser-output a.extiw, .mw-parser-output a.external{
	color: #166443;
}

.citizen-toc__listItem--active > .citizen-toc__link {
    color: #23A06B;
}

.citizen-toc__listItem--active > .citizen-toc__link .citizen-toc__indicator {
    background-color: #23A06B;
}

pre{
	background-color: #fbfbfb;
}

.citizen-footer {
	background-color: #fbfbfb;
	color: #012114;
	box-sizing: border-box;
    border-top: 5px solid transparent;
    border-image-source: linear-gradient(90deg,#45FFB1 0%, #23a06b 55%,#0d3a27  100%);
    border-image-slice: 1;
}

.citizen-typeahead {
	background-color: #fff;
}

.citizen-page-header--sticky .citizen-page-header::before {
	background-color: #fff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	background-color: #23A06B;
	border-color: none;
}

#filetox::before {
	background-color: #fff;
}

@media screen and (max-width: 1119px) {
    .citizen-scroll--down .citizen-header {
        transform: none;
        transition-property: none;
    }
    .page-actions {
    	background: #e8e8e8;
    }
    label#citizen-toc__buttonCheckbox {
    	background-color: #f2f2f2;
    }
    .citizen-toc__card {
    	background-color: #f2f2f2;
    }
    .citizen-menu__dropdown[open]::before {
    	opacity: 0.8;
    }
    .citizen-menu__dropdown::before {
    	background: #fff;
    }
}