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
Tag: Reverted
Undo revision 1530 by Skycrafter (talk)
Tag: Undo
Line 5: Line 5:
   margin-left: 5px;
   margin-left: 5px;
}
}
/* Specific overrides for known inline background colors */
/* Dark-mode scopes */
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background: #ffffff"],
     [data-theme="dark"]) .navbox {
  color: #9a9a9a !important;
  background: #000 !important;
}
 
/* Zebra striping by MW's navbox-odd/even classes */
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background:#ffffff"],
     [data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-odd),
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background: white"],
     [data-theme="dark"]) .navbox td.navbox-list.navbox-odd,
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background:white"] {
     [data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-odd) {
   background: none !important;
   background-color: #000 !important; /* odd row */
  color: #ffffff !important; /* keep white group text white in dark mode */
}
}


/* Green */
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background: #07f507"],
     [data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even),
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background:#07f507"] {
     [data-theme="dark"]) .navbox td.navbox-list.navbox-even,
   background: none !important;
:is(html.skin-theme-clientpref-night,
  color: #07f507 !important;
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-even) {
   background-color: #111 !important; /* even row */
}
}


/* Blue */
/* looks better in dark */
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background: #42caff"],
     [data-theme="dark"]) .navbox .navbox-title {
  background: #1b1b1b !important;
  color: #e6e6e6 !important;
  border-color: #2a2a2a !important;
}
 
/* Borders & links */
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background:#42caff"] {
     [data-theme="dark"]) .navbox,
  background: none !important;
  color: #42caff !important;
}
 
/* Red */
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background: #ff0f0f"],
     [data-theme="dark"]) .navbox td,
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
     html.skin-citizen-dark,
     html.skin-citizen-dark,
     [data-theme="dark"]) .navbox .navbox-group[style*="background:#ff0f0f"] {
     [data-theme="dark"]) .navbox th {
   background: none !important;
   border-color: #2a2a2a !important;
  color: #ff0f0f !important;
}
 
/* Special-case black → white bg, black text */
:is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
.navbox th.navbox-group[style*="background:#000"],
:is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
.navbox th.navbox-group[style*="background: #000"],
:is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
.navbox th.navbox-group[style*="background-color:#000"],
:is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
.navbox th.navbox-group[style*="background-color: #000"],
:is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
.navbox th.navbox-group[style*="background:#000000"],
:is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
.navbox th.navbox-group[style*="background: #000000"],
:is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
.navbox th.navbox-group[style*="background:black"] {
  background: none !important;
  color: #000 !important;
  text-shadow: 0 0 10px #fff;
}
}
.navbox a { color: inherit; }

Revision as of 21:26, 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-mode scopes */
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox {
  color: #9a9a9a !important;
  background: #000 !important;
}

/* Zebra striping by MW's navbox-odd/even classes */
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-odd),
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox td.navbox-list.navbox-odd,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-odd) {
  background-color: #000 !important; /* odd row */
}

:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even),
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox td.navbox-list.navbox-even,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-even) {
  background-color: #111 !important; /* even row */
}

/* looks better in dark */
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox .navbox-title {
  background: #1b1b1b !important;
  color: #e6e6e6 !important;
  border-color: #2a2a2a !important;
}

/* Borders & links */
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox td,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
    [data-theme="dark"]) .navbox th {
  border-color: #2a2a2a !important;
}
.navbox a { color: inherit; }