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
Undo revision 1530 by Skycrafter (talk)
Tag: Undo
No edit summary
 
(10 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
}
}
/* 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 {
[data-theme="dark"]) .navbox {
   color: #9a9a9a !important;
   color:#9a9a9a !important;
   background: #000 !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 tr:has(> td.navbox-list.navbox-odd),
[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 td.navbox-list.navbox-odd,
[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 th.navbox-group:has(+ td.navbox-list.navbox-odd) {
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-odd) {
   background-color: #000 !important; /* odd row */
   background-color:#000  
}
}
: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 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 td.navbox-list.navbox-even,
[data-theme="dark"]) .navbox 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 th.navbox-group:has(+ td.navbox-list.navbox-even) {
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-even) {
   background-color: #111 !important; /* even row */
   background-color:#111  
}
}
/* 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-title {
[data-theme="dark"]) .navbox .navbox-title {
   background: #1b1b1b !important;
   background:#1b1b1b !important;
   color: #e6e6e6 !important;
   color:#e6e6e6 !important;
   border-color: #2a2a2a !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,
[data-theme="dark"]) .navbox,
:is(html.skin-theme-clientpref-night,
:is(html.skin-theme-clientpref-night,
    html.skin-citizen-dark,
html.skin-citizen-dark,
    [data-theme="dark"]) .navbox td,
[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 th {
[data-theme="dark"]) .navbox th {
   border-color: #2a2a2a !important;
   border-color:#2a2a2a !important
}
.navbox a {
  color:none
}
.thumb-custom img {
  width: var(--thumb-width, auto) !important;
  height: auto !important;
}
}
.navbox a { color: inherit; }

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