MediaWiki:Common.css

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 */

/* Hide the title on the Main Page */
.page-Main_Page #firstHeading,
.page-Main_Page #siteSub {
    display: none;
}

.skin-vector-dark .mainpage-banner {
    border-color: var(--border-color-base, #3a3a3a);
}

.skin-vector-dark .mainpage-banner-text h1,
.skin-vector-dark .mainpage-banner-text p {
    color: var(--color-base, #e6e6e6);
}

/* Fix inline wrapper that breaks alignment */
.mainpage-banner figure.mainpage-logo > span {
    display: block !important;
}

/* Remove default thumb margins */
.mainpage-banner figure.mainpage-logo {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Optional: remove caption space entirely */
.mainpage-banner figure.mainpage-logo figcaption {
    display: none !important;
}

/* ----------------------------- */
/* Base styling for all boxes    */
/* ----------------------------- */
.mw-parser-output .color-box {
  border-radius: 4px;
  padding: 0.75em 1em;
  margin: 0.75em 0;
  border: 1px solid transparent;
  font-size: 95%;
}

/* ----------------------------- */
/* LIGHT THEME COLORS            */
/* ----------------------------- */
.mw-parser-output .color-box--green {
  background:#e6f4ea; color:#0a5c2a; border-color:#b7e1c0;
}
.mw-parser-output .color-box--turquoise {
  background:#e0f7f9; color:#006b6b; border-color:#b3e6ea;
}
.mw-parser-output .color-box--blue {
  background:#e6f0ff; color:#0645ad; border-color:#c0d4ff;
}
.mw-parser-output .color-box--yellow {
  background:#fff8d6; color:#7a5a00; border-color:#f2e2a0;
}
.mw-parser-output .color-box--red {
  background:#ffe6e6; color:#b00020; border-color:#f5b3b3;
}
.mw-parser-output .color-box--brown {
  background:#f3e6dc; color:#5b3b1f; border-color:#d9bda3;
}
.mw-parser-output .color-box--purple {
  background:#f1e6ff; color:#5b2b8a; border-color:#d3b8ff;
}

/* ----------------------------- */
/* DARK THEME COLORS             */
/* Vector 2022 dark mode class   */
/* ----------------------------- */
html.skin-theme-clientpref-night .mw-parser-output .color-box--green {
  background:#0f2d1f; color:#b5f7c8; border-color:#1f5a37;
}
html.skin-theme-clientpref-night .mw-parser-output .color-box--turquoise {
  background:#062b30; color:#9df2f2; border-color:#0f5a61;
}
html.skin-theme-clientpref-night .mw-parser-output .color-box--blue {
  background:#0a1c33; color:#a9c7ff; border-color:#234a7a;
}
html.skin-theme-clientpref-night .mw-parser-output .color-box--yellow {
  background:#2f2804; color:#ffeaa0; border-color:#7a6510;
}
html.skin-theme-clientpref-night .mw-parser-output .color-box--red {
  background:#2f0c0f; color:#ffb3b8; border-color:#7a1f26;
}
html.skin-theme-clientpref-night .mw-parser-output .color-box--brown {
  background:#24170f; color:#e2c3a3; border-color:#5b3b24;
}
html.skin-theme-clientpref-night .mw-parser-output .color-box--purple {
  background:#1f102d; color:#d7b8ff; border-color:#4f2f7a;
}