|
|
| (22 intermediate revisions by the same user not shown) |
| 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 {
| |
| filter: invert(1) hue-rotate(180deg);
| |
| }
| |
|
| |
|
| | /* Disable image hovering effect */ |
|
| |
|
| /* Default logo (dark mode) */
| | img { |
| .skin-citizen .mw-wiki-logo a {
| | --transform-image-hover: none; |
| background-image: url("/images/Openfront_Light.png");
| |
| background-size: contain;
| |
| background-repeat: no-repeat;
| |
| display: block;
| |
| width: 200px; /* adjust to your logo */
| |
| height: 50px; /* adjust to your logo */
| |
| }
| |
| | |
| /* Light mode override */
| |
| @media (prefers-color-scheme: light) {
| |
| .skin-citizen .mw-wiki-logo a {
| |
| background-image: url("/images/Openfront_Dark.png");
| |
| }
| |
| }
| |
| | |
| /* Hide site name text next to logo */
| |
| .skin-citizen .mw-logo-wordmark {
| |
| display: none;
| |
| } | | } |
Latest revision as of 15:47, 18 November 2025
/* All CSS here will be loaded for users of the Citizen skin */
/* Disable image hovering effect */
img {
--transform-image-hover: none;
}
