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 */
:root {
  --wiki-bg: #0f1720;
  --wiki-bg-soft: #162231;
  --wiki-card: #1d2b3a;
  --wiki-card-border: #2f465c;
  --wiki-accent: #46c2ff;
  --wiki-accent-2: #7be0ff;
  --wiki-text: #eef8ff;
  --wiki-muted: #a9bed0;
  --wiki-link: #64d2ff;
  --wiki-radius: 14px;
}

/* Overall page */
body {
  background:
    radial-gradient(circle at top, rgba(70, 194, 255, 0.16), transparent 35%),
    var(--wiki-bg);
  color: var(--wiki-text);
}

/* Main content area - selectors vary by skin */
.mw-body,
#content,
.citizen-body {
  background: rgba(29, 43, 58, 0.92);
  border: 1px solid var(--wiki-card-border);
  border-radius: var(--wiki-radius);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

/* Headings */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.firstHeading {
  color: var(--wiki-text);
  border-bottom: 1px solid var(--wiki-card-border);
}

/* Links */
a {
  color: var(--wiki-link);
}

a:hover {
  color: var(--wiki-accent-2);
}

/* Tables */
.wikitable {
  background: var(--wiki-card);
  color: var(--wiki-text);
  border: 1px solid var(--wiki-card-border);
  border-radius: var(--wiki-radius);
  overflow: hidden;
}

.wikitable th {
  background: #24384d;
  color: var(--wiki-text);
}

.wikitable td,
.wikitable th {
  border-color: var(--wiki-card-border);
}

/* Infoboxes / portable infobox-like boxes */
.infobox,
.pi-theme,
.portable-infobox {
  background: var(--wiki-card);
  color: var(--wiki-text);
  border: 1px solid var(--wiki-card-border);
  border-radius: var(--wiki-radius);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

/* Category links / small boxes */
.catlinks {
  background: var(--wiki-bg-soft);
  border: 1px solid var(--wiki-card-border);
  border-radius: var(--wiki-radius);
  color: var(--wiki-muted);
}