Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Create an account below if you want to be able to make edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
/* All CSS here will be loaded for users of the Citizen skin */


.skin-citizen-light #footer-icons a {
/* Default logo (dark mode / night theme) */
filter: invert(1) hue-rotate(180deg);
}
 
 
/* Default logo (dark mode) */
.skin-citizen .mw-wiki-logo a {
.skin-citizen .mw-wiki-logo a {
     background-image: url("/images/Openfront_Light.png");
     background-image: url("/images/Openfront_Light.png");
Line 12: Line 7:
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     display: block;
     display: block;
    width: 200px;  /* adjust to your logo */
    height: 50px;  /* adjust to your logo */
}
}


/* Light mode override */
/* Light mode override (only applied when NOT night theme) */
@media (prefers-color-scheme: light) {
:root:not(.skin-theme-clientpref-night) .skin-citizen .mw-wiki-logo a {
    .skin-citizen .mw-wiki-logo a {
    background-image: url("/images/Openfront_Dark.png");
        background-image: url("/images/Openfront_Dark.png");
    }
}
}


/* Hide site name text next to logo */
/* Hide site name text */
.skin-citizen .mw-logo-wordmark {
.skin-citizen .mw-logo-wordmark {
     display: none;
     display: none;
}
}

Revision as of 14:40, 16 November 2025

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

/* Default logo (dark mode / night theme) */
.skin-citizen .mw-wiki-logo a {
    background-image: url("/images/Openfront_Light.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

/* Light mode override (only applied when NOT night theme) */
:root:not(.skin-theme-clientpref-night) .skin-citizen .mw-wiki-logo a {
    background-image: url("/images/Openfront_Dark.png");
}

/* Hide site name text */
.skin-citizen .mw-logo-wordmark {
    display: none;
}