MediaWiki:Common.css: Difference between revisions

Revision as of 12:05, 13 July 2026

/* CSS placed here will be applied to all skins */
.noautonum .tocnumber { display: none; }

/* Edits by ST090726 to improve dark mode */
@media screen {
  html.skin-theme-clientpref-night {
  }

  html.skin-theme-clientpref-night .mw-parser-output > span.mw-default-size:not(.skin-invert-image) img,html.skin-theme-clientpref-night section .mw-heading ~ div > span.mw-default-size:not(.skin-invert-image) img,html.skin-theme-clientpref-night section > span.mw-default-size:not(.skin-invert-image) img,html.skin-theme-clientpref-night dd > span.mw-default-size:not(.skin-invert-image) img,html.skin-theme-clientpref-night p > span.mw-default-size:not(.skin-invert-image) img,html.skin-theme-clientpref-night .mw-parser-output > figure[typeof^='mw:File']:not(.skin-invert-image) img,html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof^='mw:File']:not(.skin-invert-image) img,html.skin-theme-clientpref-night section > figure[typeof^='mw:File']:not(.skin-invert-image) img,html.skin-theme-clientpref-night dd > figure[typeof^='mw:File']:not(.skin-invert-image) img,html.skin-theme-clientpref-night p > figure[typeof^='mw:File']:not(.skin-invert-image) img {
    background-color: transparent;
    color: var(--color-base-fixed,#202122);
    filter: brightness(0.8)
  }

  .tabs-label {
	cursor: pointer;
	padding: 1px 6px;
	background-color: transparent;
	border: 1px solid #AAA;
  }

  .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    z-index: 2;
    background-color: #ae92b3a0;  /*#a022b5a8;*/
    font-weight: bold;
  }

}

/* These vars are not used. Use the classes below instead. */
:root {
  --mtx-tabs-bk-head: #ae92b3a0;  /*#a022b5a0;*/
  --mtx-tabs-bk-2d: #41b5222b;
  --mtx-tabs-bk-3d: #718dd750;
  --mtx-tabs-bk-both: #e372722b;
}

/* The classes for displaying tables in light and dark modes */
.mtx-class-bk-head {
  background-color: #ae92b3a0;
  font-weight: bold;
}

.mtx-class-bk-2d {
  background-color: #41b5222b;
}

.mtx-class-bk-3d {
  background-color: #718dd750;
}

.mtx-class-bk-both {
  background-color: #e372722b;
}

.mtx-class-macrotable {
  width: 60%;
}

.mtx-class-macrohead {
  background-color: #c79fc7a1;
  font-weight: bold;
}