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.

:root {
  --cultopedia-cream: #FFF5E9;
  --cultopedia-cream-strong: #FFE9C1;
  --cultopedia-teal-deep: #064B4C;
  --cultopedia-teal: #088A8C;
  --cultopedia-green: #66BF77;
  --cultopedia-green-bright: #71E78B;
}

body {
  background: linear-gradient(180deg, var(--cultopedia-cream) 0, #ffffff 220px);
}

.mw-page-container {
  background-color: transparent;
}

.vector-header-container {
  background: color-mix(in srgb, var(--cultopedia-cream) 84%, white);
  border-bottom: 1px solid color-mix(in srgb, var(--cultopedia-teal-deep) 18%, white);
}

.vector-sticky-header-container {
  background: color-mix(in srgb, var(--cultopedia-cream) 92%, white);
}

.mw-logo-icon {
  border-radius: 999px;
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--cultopedia-cream-strong) 55%, transparent);
}

.mw-logo-wordmark,
.mw-logo-tagline {
  filter: hue-rotate(130deg) saturate(0.7);
}

.vector-feature-page-tools-pinned-enabled .vector-page-toolbar,
#mw-panel,
.vector-page-toolbar,
.vector-toc {
  background-color: color-mix(in srgb, var(--cultopedia-cream) 78%, white);
}

a,
.mw-parser-output a.extiw,
.mw-parser-output a.external {
  color: var(--cultopedia-teal);
}

a:visited {
  color: var(--cultopedia-teal-deep);
}

a.new {
  color: #8a5a00;
}

.mw-body h1,
.mw-body-content h2,
.mw-body-content h3,
.vector-pinnable-header-label {
  color: var(--cultopedia-teal-deep);
}

.mw-parser-output .infobox,
.mw-parser-output .sidebar,
.mw-parser-output .navbox {
  border-color: color-mix(in srgb, var(--cultopedia-teal-deep) 30%, white);
}

.mw-parser-output .infobox th,
.mw-parser-output .sidebar th,
.mw-parser-output .navbox-title {
  background-color: color-mix(in srgb, var(--cultopedia-cream-strong) 72%, white);
  color: var(--cultopedia-teal-deep);
}

#firstHeading {
  text-wrap: balance;
}