Jump to content

MediaWiki:Common.css

From Flowcode Help
Revision as of 14:32, 13 July 2026 by SteveT (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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%;
  border: 1px solid #a7a7a7;
}

.mtx-class-macrotable > tr > th,.mtx-class-macrotable > tr > td,.mtx-class-macrotable > * > tr > th,.mtx-class-macrotable > * > tr > td {
  border: 1px solid #a7a7a7;
}

.mtx-class-macrohead {
  background-color: #c79fc7a1;
  font-weight: bold;
  border: 1px solid #a7a7a7;
}

.mtx-class-propfolder {
  background-color: #f5daf5a1
}