MediaWiki:Citizen.css: Difference between revisions

Revision as of 08:09, 5 October 2024

/* All CSS here will be loaded for users of the Citizen skin */

/* Setting our custom colors */

    #content { background-color: #383838; }

    body { color: #ccad00 !important; font-size: 15px; font-family: "Corbel" !important; background-color: #282828; 
    --color-emphasized: #998200; --color-link: #998200 !important; }

    .citizen-header { background-color: #282828; --header-size: 5rem; --size-icon: 2rem; }

    .citizen-footer { background-color: #383838 !important; }

    .citizen-footer { color: #ccad00 !important; font-size: 15px; font-family: "Corbel" !important; }

    .mw-logo-wordmark { color: #ccad00; }

    .firstHeading { color: #ccad00; padding-left: var(--space-md); }

    .citizen-page-header { background-color: #282828; }



/* A few adjustments to the header */

    #siteSub { padding-left: var(--space-md); }

    #ca-viewsource { display: none; }




/* Sidebar adjustments*/

    .citizen-header__logo img { height: 64px; width: 64px; }

    #citizen-pref { display: none; }





/* Cleaning up the drawer menu */

    #n-recentchanges { display: none; }

    #n-randompage { display: none; }

    #t-specialpages { display: none; }

    #t-upload { display: none; }

    #n-Admin { display: none; }

    .citizen-menu { font-size: 20px; }

    #p-BLANK .citizen-menu__heading { display: none; }

    #p-navigation .citizen-menu__heading { display: none; }

    .citizen-siteStats { display: none; }


/* Removing footer */

    .citizen-footer__content { display:none; }

    .citizen-footer { margin-top: 0px; }


/* Adjusting Main Page display based on screen width */


    @media only screen and (min-width: 1120px) {
        #mw-content-text > div.mw-content-ltr.mw-parser-output > div.mobileonly {
            display: none;
        }
    }

    @media only screen and (max-width: 1120px) {
        #mw-content-text > div.mw-content-ltr.mw-parser-output > div.nomobile {
            display: none;
        }
    }


/* Adjusting Skills page display based on screen width */

    @media only screen and (min-width: 1120px) {
        #citizen-section-1 > div.mobileonly {
            display: none;
        }
    }

    @media only screen and (max-width: 1120px) {
        #citizen-section-1 > div.nomobile {
            display: none;
        }
    }

/* Adjusting Anatomy page display based on screen width */

    @media only screen and (min-width: 1120px) {
        #citizen-section-2 > div.mobileonly {
            display: none;
        }
    }

    @media only screen and (max-width: 1120px) {
        #citizen-section-2 > div.nomobile {
            display: none;
        }
    }


    .page_Main-Page > #content > div > header {display: none;}