Toggle 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 5: Line 5:
   margin-left: 5px;
   margin-left: 5px;
}
}
/* Base (light) */
/* ---- Dark theme selectors (MediaWiki core + common non-Fandom skins) ----
:root {
  - Core: html.skin-theme-clientpref-night
  --navbox-bg: #f9f9f9;
  - Citizen: html.skin-citizen-dark or [data-theme="dark"]
  --navbox-head: #e6e6e6;
*/
  --navbox-text: #202122;
:is(html.skin-theme-clientpref-night,
   --navbox-border: #a2a9b1;
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox {
  background: #000 !important;
   color: #9a9a9a !important; /* text */
}
}


/* Dark mode */
:is(html.skin-theme-clientpref-night,
@media (prefers-color-scheme: dark) {
    html.skin-citizen-dark,
  :root {
    [data-theme="dark"]) .navbox table,
     --navbox-bg: #1b1b1b;
:is(html.skin-theme-clientpref-night,
    --navbox-head: #262626;
     html.skin-citizen-dark,
     --navbox-text: #e6e6e6;
    [data-theme="dark"]) .navbox table table,
     --navbox-border: #3a3a3a;
:is(html.skin-theme-clientpref-night,
   }
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox table table table {
  background: #000 !important;  
   color: #9a9a9a !important; /* text */
}
}


/* Apply to navboxes */
/* Optional, remove if breaks things */
.navbox,
:is(html.skin-theme-clientpref-night,
.navbox-subgroup {
    html.skin-citizen-dark,
  background: var(--navbox-bg) !important;
    [data-theme="dark"]) .navbox .navbox-title,
   color: var(--navbox-text) !important;
:is(html.skin-theme-clientpref-night,
   border: 1px solid var(--navbox-border) !important;
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox .navbox-group,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox th {
  background: #1b1b1b !important;
   color: #e6e6e6 !important;
   border-color: #2a2a2a !important;
}
}
.navbox .navbox-title,
.navbox-group,
.navbox th {
  background: var(--navbox-head) !important;
  color: var(--navbox-text) !important;
  border-color: var(--navbox-border) !important;
}
/* Links inherit readable color */
.navbox a { color: inherit; }
.navbox a:visited { opacity: .9; }

Revision as of 20:49, 15 August 2025

/* CSS placed here will be applied to all skins */
.citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
  float: right;
  clear: right;
  margin-left: 5px;
}
/* ---- Dark theme selectors (MediaWiki core + common non-Fandom skins) ----
   - Core: html.skin-theme-clientpref-night
   - Citizen: html.skin-citizen-dark or [data-theme="dark"]
*/
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox {
  background: #000 !important;
  color: #9a9a9a !important; /* text */
}

:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox table,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox table table,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox table table table {
  background: #000 !important; 
  color: #9a9a9a !important; /* text */
}

/* Optional, remove if breaks things */
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox .navbox-title,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox .navbox-group,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox th {
  background: #1b1b1b !important;
  color: #e6e6e6 !important;
  border-color: #2a2a2a !important;
}