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;
}
#mw-content-text.mw-body-content.mw-content-ltr {
    margin-left: 0px;
}
.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-header-siteinfo .mw-wiki-title {margin-left:15px;}

.skin-citizen-dark img.mw-logo-wordmark {
    filter: none !important;
}
.skin-citizen-light img.mw-logo-wordmark {
    filter: invert(1) hue-rotate(180deg); !important;
}

/* 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;
}
.custom_bigid_key {
    background: #bdbdbd;
    color: #3a3a3a;
    padding: 5px;
    display: inline;
    border-radius: 3px;
    border: 1px solid #7c7c7c;
}
.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;
    pointer-events: none;
}

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

#footer-sitetitle {
    display: none !important;
}

#footer-bottom{
    display: none !important;
}
#personalmenu-button {
    display: none !important;
}

.mw-body .mw-highlight span.linenos {
    color: #898989;
    background-color: inherit;
    padding-left: 5px;
    padding-right: 5px;
}
.mw-body .mw-highlight .nt {
    color: #F8C555;
    font-weight: inherit;
}
.mw-body .mw-highlight .kc {
    color: #F08D49;
    font-weight: inherit;
}
.mw-body .mw-highlight .s2 {
    color: #6DA682;
}
.mw-body .mw-highlight .k {
    color: #ffa759;
}
.mw-body .mw-highlight .kd {
    color: #ffd580;
}
.mw-body .mw-highlight .s1 {
    color: #bae67e;
}
.mw-body .mw-highlight .nx {
    color: #ffa759;
}
.mw-body .mw-highlight .nb {
    color: #cbccc6;
}
.mw-body .mw-highlight .nf {
    color: #ffd580;
}
.mw-body .mw-highlight .kn {
    color: #ffd580;
}
.mw-body .mw-highlight .nn {
    color: #8F9396;
}
.mw-body .tabs-label {
    background-color: transparent;
}

.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    background-color: #767676 !important;
}
.mw-body .tabs-content {
    width: 100%;
}

.skin-citizen-dark .diagram {
-webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
          filter: invert(100%);
}

.bigid_scenario_title {
display:inline-block;top: 0px;position: absolute;margin-top: -8px;background-color: #131a21;padding: 0px 15px;text-transform: uppercase;font-size: 12px;
}
.skin-citizen-light .bigid_scenario_title {
background-color: #fff;
}

.client-js .section-heading, .client-js .section-subheading {
    gap: 0px !important;
}

.quiz .correction {
    background-color: transparent !important;
}