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
test
 
No edit summary
 
(19 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) {
.infobox {
  float:right;
    border: 1px solid #a2a9b1;
  clear:right;
    background-color: #f8f9fa;
  margin-left:5px
    color: black;
    margin: 0.5em 0 0.5em 1em; /* Pushes the box away from text on the left */
    padding: 0.2em;
    float: right;
    clear: right;
    font-size: 90%;
    line-height: 1.4em;
    width: 24em; /* A flexible width that scales with font size */
    text-align: left;
}
}
 
:is(html.skin-theme-clientpref-night,
/* Infobox titles */
html.skin-citizen-dark,
.infobox .infobox-title {
[data-theme="dark"]) .navbox {
    font-size: 125%;
  color:#9a9a9a !important;
    font-weight: bold;
  background:#000 !important
    text-align: center;
    padding: 0.2em 0.4em;
}
}
 
:is(html.skin-theme-clientpref-night,
/* Infobox header cells (the '!' in wikitext) */
html.skin-citizen-dark,
.infobox th {
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-odd),
    text-align: left;
:is(html.skin-theme-clientpref-night,
    vertical-align: top;
html.skin-citizen-dark,
    padding: 0.2em 0.4em;
[data-theme="dark"]) .navbox td.navbox-list.navbox-odd,
    white-space: nowrap; /* Prevents long headers from wrapping */
: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,
/* Infobox data cells (the '|' in wikitext) */
html.skin-citizen-dark,
.infobox td {
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even),
    vertical-align: top;
:is(html.skin-theme-clientpref-night,
    padding: 0.2em 0.4em;
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,
/* Styling for images inside an infobox */
html.skin-citizen-dark,
.infobox .infobox-image {
[data-theme="dark"]) .navbox .navbox-title {
    text-align: center;
  background:#1b1b1b !important;
  color:#e6e6e6 !important;
  border-color:#2a2a2a !important
}
}
 
:is(html.skin-theme-clientpref-night,
/* Styling for captions */
html.skin-citizen-dark,
.infobox .infobox-caption {
[data-theme="dark"]) .navbox,
    text-align: center;
:is(html.skin-theme-clientpref-night,
    padding: 0.3em;
html.skin-citizen-dark,
    font-size: 95%;
[data-theme="dark"]) .navbox td,
    line-height: 1.3em;
: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;
}
}

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