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
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
.citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
.citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
   float: right;
   float:right;
   clear: right;
   clear:right;
   margin-left: 5px;
   margin-left:5px
}
}
@layer base {
:is(html.skin-theme-clientpref-night,
  /* Always apply */
html.skin-citizen-dark,
  .citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
[data-theme="dark"]) .navbox {
    float: right;
  color:#9a9a9a !important;
    clear: right;
   background:#000 !important
    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 */
  :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;
  }
  :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;
  }
 
  /* Title style */
  :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;
  }
}
}
 
:is(html.skin-theme-clientpref-night,
@layer overrides {
html.skin-citizen-dark,
  /* White group bg → keep white text */
[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: #ffffff"],
[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:#ffffff"],
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-odd) {
  :is(html.skin-theme-clientpref-night,
  background-color:#000
      html.skin-citizen-dark,
}
      [data-theme="dark"]) .navbox .navbox-group[style*="background: white"],
:is(html.skin-theme-clientpref-night,
  :is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
      html.skin-citizen-dark,
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even),
      [data-theme="dark"]) .navbox .navbox-group[style*="background:white"] {
:is(html.skin-theme-clientpref-night,
    background: none !important;
html.skin-citizen-dark,
    color: #ffffff !important;
[data-theme="dark"]) .navbox td.navbox-list.navbox-even,
  }
:is(html.skin-theme-clientpref-night,
 
html.skin-citizen-dark,
  /* Green */
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-even) {
  :is(html.skin-theme-clientpref-night,
  background-color:#111
      html.skin-citizen-dark,
}
      [data-theme="dark"]) .navbox .navbox-group[style*="background: #07f507"],
: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-title {
      [data-theme="dark"]) .navbox .navbox-group[style*="background:#07f507"] {
  background:#1b1b1b !important;
    background: none !important;
   color:#e6e6e6 !important;
    color: #07f507 !important;
  border-color:#2a2a2a !important
  }
}
 
:is(html.skin-theme-clientpref-night,
  /* Blue */
html.skin-citizen-dark,
  :is(html.skin-theme-clientpref-night,
[data-theme="dark"]) .navbox,
      html.skin-citizen-dark,
:is(html.skin-theme-clientpref-night,
      [data-theme="dark"]) .navbox .navbox-group[style*="background: #42caff"],
html.skin-citizen-dark,
  :is(html.skin-theme-clientpref-night,
[data-theme="dark"]) .navbox td,
      html.skin-citizen-dark,
:is(html.skin-theme-clientpref-night,
      [data-theme="dark"]) .navbox .navbox-group[style*="background:#42caff"] {
html.skin-citizen-dark,
    background: none !important;
[data-theme="dark"]) .navbox th {
    color: #42caff !important;
   border-color:#2a2a2a !important
  }
}
 
.navbox a {
  /* Red */
   color:none
  :is(html.skin-theme-clientpref-night,
}
      html.skin-citizen-dark,
.thumb-custom img {
      [data-theme="dark"]) .navbox .navbox-group[style*="background: #ff0f0f"],
   width: var(--thumb-width, auto) !important;
   :is(html.skin-theme-clientpref-night,
  height: auto !important;
      html.skin-citizen-dark,
      [data-theme="dark"]) .navbox .navbox-group[style*="background:#ff0f0f"] {
    background: none !important;
    color: #ff0f0f !important;
  }
 
  /* Special black group → 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;
  }
}
}

Latest revision as of 20:00, 20 August 2025

.citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
  float:right;
  clear:right;
  margin-left:5px
}
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox {
  color:#9a9a9a !important;
  background:#000 !important
}
: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 
}
: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 
}
: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
}
: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:none
}
.thumb-custom img {
  width: var(--thumb-width, auto) !important;
  height: auto !important;
}