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 */
#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;
}
.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 .tabs-label {
    background-color: transparent;
}

.mw-body 0:checked + .tabs-input-1 + .tabs-label, .mw-body .tabs-tabbox > .tabs-input:checked + .tabs-label {
    background-color: #767676;
}

.mw-body .tabs-content {
    width: 100%;
}