Jump to content

MediaWiki:Common.css

From Yusupov's House
Revision as of 22:21, 1 October 2025 by Mvuijlst (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.
/* === Infobox (light theme default) === */
table.infobox {
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
  color: inherit;
  font-size: 90%;
  line-height: 1.4em;
  border-collapse: collapse;
  width: 22em;
}
table.infobox th, table.infobox td { padding: .25em .5em; vertical-align: top; }
table.infobox th { text-align: left; }

/* Title: centered, 125%, uses custom color if provided */
table.infobox th.infobox-title {
  text-align: center;         /* centering */
  font-size: 125%;            /* size */
  font-weight: bold;
  background: var(--ib-title-bg, #cfe3a3); /* uses |color= if set */
}

/* === Dark theme via skin toggle (ignore custom color) === */
html.skin-theme-clientpref-night table.infobox {
  background: #202124;
  border-color: #5f6368;
  color: #e8eaed;
}
html.skin-theme-clientpref-night table.infobox th { color: #e8eaed; }
html.skin-theme-clientpref-night table.infobox th.infobox-title {
  background: #323f2b;  /* fixed dark header; overrides any --ib-title-bg */
  color: #e8eaed;
}

/* Optional: link colors inside infobox in dark mode */
html.skin-theme-clientpref-night table.infobox a { color: #8ab4f8; }
html.skin-theme-clientpref-night table.infobox a:visited { color: #c58af9; }