MediaWiki:Common.css: Difference between revisions

.lw-infobox {
	background-color: var(--background-color-interactive-subtle,#f8f9fa);
	color: var(--color-base,#202122);
	border: 1px solid var(--border-color-subtle,#c8ccd1);
}

.tabber .wikitable {
	margin-top: 0;
}

/* CSS variables for the binary signal graph */
body {
    --signal-border: 3px solid rgb(239, 53, 53);
    --tick-marker-border: 1px solid var(--border-color-base);
}

/* === Navbox styles === */
.mw-parser-output .navbox {
  border:1px solid #aaa;
  box-sizing:border-box;
  width:100%;
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:1px
}
.mw-parser-output .navbox-inner,
.mw-parser-output .navbox-subgroup {
  width:100%
}
.mw-parser-output .navbox+.navbox-styles+.navbox {
  margin-top:-1px
}
.mw-parser-output .navbox th,
.mw-parser-output .navbox-title,
.mw-parser-output .navbox-abovebelow {
  text-align:center;
  padding-left:1em;
  padding-right:1em
}
.mw-parser-output th.navbox-group {
  white-space:nowrap;
  text-align:right
}
.mw-parser-output .navbox,
.mw-parser-output .navbox-subgroup {
  background:#fdfdfd
}
.mw-parser-output .navbox-list {
  border-color:#fdfdfd
}
.mw-parser-output .navbox th,
.mw-parser-output .navbox-title {
  background:#eaeeff
}
.mw-parser-output .navbox-abovebelow,
.mw-parser-output th.navbox-group,
.mw-parser-output .navbox-subgroup .navbox-title {
  background:#ddddff
}
.mw-parser-output .navbox-subgroup .navbox-group,
.mw-parser-output .navbox-subgroup .navbox-abovebelow {
  background:#e6e6ff
}
.mw-parser-output .navbox-even {
  background:#f7f7f7
}
.mw-parser-output .navbox-odd {
  background:transparent
}
.mw-parser-output th.navbox-title1 {
  border-left:2px solid #fdfdfd;
  width:100%
}
.mw-parser-output td.navbox-list1 {
  text-align:left;
  border-left-width:2px;
  border-left-style:solid
}
.mw-parser-output .navbox .hlist td dl,
.mw-parser-output .navbox .hlist td ol,
.mw-parser-output .navbox .hlist td ul,
.mw-parser-output .navbox td.hlist dl,
.mw-parser-output .navbox td.hlist ol,
.mw-parser-output .navbox td.hlist ul {
  padding:0.125em 0
}
.mw-parser-output .navbox .hlist dd,
.mw-parser-output .navbox .hlist dt,
.mw-parser-output .navbox .hlist li {
  white-space:nowrap
}
.mw-parser-output .navbox .hlist dd dl,
.mw-parser-output .navbox .hlist dt dl,
.mw-parser-output .navbox .hlist li ol,
.mw-parser-output .navbox .hlist li ul {
  white-space:normal
}
.mw-parser-output ol+.navbox-styles+.navbox,
.mw-parser-output ul+.navbox-styles+.navbox {
  margin-top:0.5em
}
@media screen {
  html.skin-theme-clientpref-night .mw-parser-output th.navbox-title {
    background-color:#345
  }
  html.skin-theme-clientpref-night .mw-parser-output th.navbox-group {
    background-color:#567
  }
  html.skin-theme-clientpref-night .mw-parser-output td.navbox-abovebelow,
  html.skin-theme-clientpref-night .mw-parser-output th.navbox-group,
  html.skin-theme-clientpref-night .mw-parser-output td.navbox-subgroup td.navbox-title {
    background-color:#456
  }
  html.skin-theme-clientpref-night .mw-parser-output td.navbox-even {
    background-color:#000
  }
  html.skin-theme-clientpref-night .mw-parser-output td.navbox-odd {
    background-color:#123
  }
  html.skin-theme-clientpref-night .mw-parser-output .navbox,
  html.skin-theme-clientpref-night .mw-parser-output .navbox-subgroup,
  html.skin-theme-clientpref-night .mw-parser-output .navbox-list {
    background-color:#111111
  }
  html.skin-theme-clientpref-night .mw-parser-output tr+tr>.navbox-abovebelow,
  html.skin-theme-clientpref-night .mw-parser-output tr+tr>.navbox-group,
  html.skin-theme-clientpref-night .mw-parser-output tr+tr>.navbox-image,
  html.skin-theme-clientpref-night .mw-parser-output tr+tr>.navbox-list {
    border-top:2px solid #111111
  }
}
@media screen and (prefers-color-scheme:dark) {
  html.skin-theme-clientpref-os .mw-parser-output th.navbox-title {
    background-color:#345
  }
  html.skin-theme-clientpref-os .mw-parser-output th.navbox-group {
    background-color:#567
  }
  html.skin-theme-clientpref-os .mw-parser-output td.navbox-abovebelow,
  html.skin-theme-clientpref-os .mw-parser-output th.navbox-group,
  html.skin-theme-clientpref-os .mw-parser-output td.navbox-subgroup td.navbox-title {
    background-color:#456
  }
  html.skin-theme-clientpref-os .mw-parser-output td.navbox-even {
    background-color:#000
  }
  html.skin-theme-clientpref-os .mw-parser-output td.navbox-odd {
    background-color:#123
  }
  html.skin-theme-clientpref-os .mw-parser-output .navbox,
  html.skin-theme-clientpref-os .mw-parser-output .navbox-subgroup,
  html.skin-theme-clientpref-os .mw-parser-output .navbox-list {
    background-color:#111111
  }
  html.skin-theme-clientpref-os .mw-parser-output tr+tr>.navbox-abovebelow,
  html.skin-theme-clientpref-os .mw-parser-output tr+tr>.navbox-group,
  html.skin-theme-clientpref-os .mw-parser-output tr+tr>.navbox-image,
  html.skin-theme-clientpref-os .mw-parser-output tr+tr>.navbox-list {
    border-top:2px solid #111111
  }
}
/* === End of Navbox styles === */

@media screen {
	kbd.key {
		background-color: var(--background-color-neutral-subtle,#f8f9fa);
	    color: var(--color-emphasized,#101418);
	    border: 2.5px outset var(--border-color-muted,#dadde3);
	    border-radius: 2px;
    	padding: 1px 4px;
	}
}

.nowrap {
  white-space: nowrap;
}