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
 
(15 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
}
}
/* Base (light) */
:is(html.skin-theme-clientpref-night,
:root {
html.skin-citizen-dark,
  --navbox-bg: #f9f9f9;
[data-theme="dark"]) .navbox {
  --navbox-head: #e6e6e6;
   color:#9a9a9a !important;
   --navbox-text: #202122;
   background:#000 !important
   --navbox-border: #a2a9b1;
}
}
 
:is(html.skin-theme-clientpref-night,
/* Dark mode */
html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-odd),
  :root {
:is(html.skin-theme-clientpref-night,
    --navbox-bg: #1b1b1b;
html.skin-citizen-dark,
    --navbox-head: #262626;
[data-theme="dark"]) .navbox td.navbox-list.navbox-odd,
    --navbox-text: #e6e6e6;
:is(html.skin-theme-clientpref-night,
    --navbox-border: #3a3a3a;
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,
/* Apply to navboxes */
html.skin-citizen-dark,
.navbox,
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even),
.navbox-subgroup {
:is(html.skin-theme-clientpref-night,
  background: var(--navbox-bg) !important;
html.skin-citizen-dark,
  color: var(--navbox-text) !important;
[data-theme="dark"]) .navbox td.navbox-list.navbox-even,
  border: 1px solid var(--navbox-border) !important;
: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,
.navbox .navbox-title,
html.skin-citizen-dark,
.navbox-group,
[data-theme="dark"]) .navbox .navbox-title {
.navbox th {
  background:#1b1b1b !important;
  background: var(--navbox-head) !important;
  color:#e6e6e6 !important;
   color: var(--navbox-text) !important;
  border-color:#2a2a2a !important
   border-color: var(--navbox-border) !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;
}
}
/* Links inherit readable color */
.navbox a { color: inherit; }
.navbox a:visited { opacity: .9; }

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;
}