Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


:root {
    --color-progressive-oklch__l: 45%; 
    --color-progressive-oklch__c: 0.15;
    --color-progressive-oklch__h: 30; 
    --font-family-citizen-emphasized: 'Courier New', monospace, sans-serif;
}
/* Logo Class */
.logo img {
.logo img {
   width: 600px;
   width: 600px;
Line 8: Line 17:
.logo img:hover {
.logo img:hover {
   width: 650px;
   width: 650px;
}
/* Citizen Theme Overrides */
.skin-theme-clientpref-day {
    --color-surface-0: #e0ded9;
    --color-surface-1: #fcfbf7;
    --color-surface-2: #f0eee9;
    --color-surface-3: #e8e6e1;
    --color-surface-4: #d4d1c9;
    --color-base: #2e2e2e;
    --color-emphasized: #8b0000;
    --color-subtle: #575231;
   
    --border-color-base: #7a3c26; /* Rusty borders instead of grey */
}
.skin-theme-clientpref-night {
    --color-surface-0: #211c1c;
    --color-surface-1: #2b2323;
    --color-surface-2: #362c2c;
    --color-surface-3: #403434;
    --color-surface-4: #4a3c3c;
    --color-base: #d1c9bd;
    --color-emphasized: #b24141;
    --color-subtle: #8b8d4d;
    --border-color-base: #5c2a1a;
}
}

Revision as of 23:23, 17 April 2026

/* CSS placed here will be applied to all skins */

:root {
    --color-progressive-oklch__l: 45%;  
    --color-progressive-oklch__c: 0.15; 
    --color-progressive-oklch__h: 30;   

    --font-family-citizen-emphasized: 'Courier New', monospace, sans-serif;
}

/* Logo Class */
.logo img {
  width: 600px;
  transition: width 0.5s ease-in-out;
}

.logo img:hover {
  width: 650px;
}

/* Citizen Theme Overrides */
.skin-theme-clientpref-day {

    --color-surface-0: #e0ded9; 
    --color-surface-1: #fcfbf7; 
    --color-surface-2: #f0eee9; 
    --color-surface-3: #e8e6e1; 
    --color-surface-4: #d4d1c9; 

    --color-base: #2e2e2e;
    --color-emphasized: #8b0000;
    --color-subtle: #575231;
    
    --border-color-base: #7a3c26; /* Rusty borders instead of grey */
}

.skin-theme-clientpref-night {

    --color-surface-0: #211c1c; 
    --color-surface-1: #2b2323; 
    --color-surface-2: #362c2c;
    --color-surface-3: #403434; 
    --color-surface-4: #4a3c3c;

    --color-base: #d1c9bd; 
    --color-emphasized: #b24141; 
    --color-subtle: #8b8d4d; 

    --border-color-base: #5c2a1a; 
}