MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
#ca-viewsource {display:none}
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');
body {
    font-family: 'Archivo', sans-serif;
    overscroll-behavior-y: none;
}
.skin-citizen-dark .mw-header {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
.skin-citizen-light .mw-header {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
#mw-drawer-button-icon, #mw-drawer-button { display:none; }
.mw-header-siteinfo .mw-wiki-title {margin-left:15px;}

/* NoteBoxes */
.skin-citizen-dark .custom_bigid_warn.custom_bigid_notes {
    background: #ffca4b;
    color: #504302;
}
.skin-citizen-light .custom_bigid_warn.custom_bigid_notes {
    background: #ffe096;
}
.skin-citizen-dark .custom_bigid_notes {
    background: #25496b;
    color: #fff;
}
.skin-citizen-light .custom_bigid_notes {
    background: #d0e8ff;
}
.custom_bigid_notes {
    padding: 10px;
    border-radius:10px;
    margin:10px 0px;
}
#header-sitetitle img.mw-logo-wordmark {
    height: 32px !important;
    margin-left: 20px;
}
.skin-citizen-dark #header-sitetitle img.mw-logo-wordmark {
    filter: invert(0);
}
.skin-citizen-light #header-sitetitle img.mw-logo-wordmark {
    filter: invert(1) hue-rotate(180deg);
}

.skin-citizen--titlehidden #header-pagetitle {
    margin-left: 150px;
}

skin-citizen--titlehidden #header-sitetitle {
    position: absolute;
    opacity: 1;
    pointer-events: none;
    visibility: visible;
}