MediaWiki:Common.css

From Adventure Koala
Revision as of 07:48, 28 April 2026 by SoulscribeBot (talk | contribs) (Update wiki branding via Soulscribe)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Soulscribe wiki branding — auto-generated, do not edit manually */

/* ── Variables ─────────────────────────────────────────────────────── */
:root {
  --wb-primary:     #F4862A;
  --wb-accent:      #2D7D32;
  --wb-primary-dim: color-mix(in srgb, #F4862A 15%, transparent);
  --wb-accent-dim:  color-mix(in srgb, #2D7D32 15%, transparent);
  --wb-text:        #1a1a1a;
  --wb-muted:       #555;
  --wb-border:      #ddd;
  --wb-radius:      6px;
}

/* ── Base typography ────────────────────────────────────────────────── */
body { color: var(--wb-text); font-family: Georgia, 'Times New Roman', serif; }
#content { font-size: 1rem; line-height: 1.7; }
h1, h2 { color: var(--wb-primary); border-bottom: 2px solid var(--wb-primary); padding-bottom: 0.2em; }
h3 { color: var(--wb-primary); }
h4, h5, h6 { color: var(--wb-muted); }
a { color: var(--wb-accent); }
a:hover { color: var(--wb-primary); text-decoration: underline; }
#firstHeading { color: var(--wb-primary); font-size: 1.9em; letter-spacing: 0.01em; }

/* ── Navigation bar accent ──────────────────────────────────────────── */
#mw-navigation, #p-logo { border-color: var(--wb-primary); }
#p-navigation .portal-first { border-top: 3px solid var(--wb-primary); }

/* ── Infobox base ───────────────────────────────────────────────────── */
.infobox {
  float: right;
  clear: right;
  margin: 0 0 1.2em 1.5em;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius);
  overflow: hidden;
  font-size: 0.88em;
  min-width: 220px;
  max-width: 280px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  background: #fff;
}

/* Infobox title row */
.infobox tr:first-child th[colspan] {
  padding: 0.6em 0.8em;
  font-size: 1.05em;
  text-align: center;
  background: var(--wb-primary);
  color: #fff !important;
  font-style: normal;
  letter-spacing: 0.02em;
}

/* Infobox data rows */
.infobox td {
  padding: 0.35em 0.7em;
  border-top: 1px solid var(--wb-border);
  vertical-align: top;
}
.infobox tr:nth-child(even) td { background: var(--wb-primary-dim); }

/* ── Entity-type infobox header accent colours ──────────────────────── */
.character-infobox     tr:first-child th[colspan] { background: var(--wb-primary); }
.location-infobox      tr:first-child th[colspan] { background: #2c6e49; }
.episode-infobox       tr:first-child th[colspan] { background: #1d3557; }
.item-infobox          tr:first-child th[colspan] { background: #6d4c41; }
.plot-thread-infobox   tr:first-child th[colspan] { background: #6a1e55; }
.running-element-infobox tr:first-child th[colspan] { background: #37474f; }

/* ── Definition lists (Goals, Fears, Starting state…) ──────────────── */
dl { margin: 0.4em 0 0.8em 0; }
dt {
  font-weight: bold;
  color: var(--wb-primary);
  margin-top: 0.5em;
  padding-left: 0;
}
dd {
  margin-left: 1.4em;
  color: var(--wb-text);
  border-left: 3px solid var(--wb-accent-dim);
  padding-left: 0.6em;
}

/* ── Quote template (.wb-quote) ─────────────────────────────────────── */
.wb-quote {
  border-left: 4px solid var(--wb-accent);
  margin: 0.8em 0 0.8em 1em;
  padding: 0.5em 0.9em;
  background: var(--wb-accent-dim);
  border-radius: 0 var(--wb-radius) var(--wb-radius) 0;
  font-style: italic;
  color: var(--wb-text);
}
.wb-quote-attr {
  display: block;
  margin-top: 0.3em;
  font-size: 0.85em;
  font-style: normal;
  color: var(--wb-muted);
}

/* ── StatusBadge template (.wb-badge-*) ─────────────────────────────── */
.wb-badge {
  display: inline-block;
  padding: 0.15em 0.55em;
  border-radius: 999px;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.03em;
  vertical-align: middle;
}
.wb-badge-alive       { background: #d4edda; color: #155724; }
.wb-badge-deceased    { background: #f8d7da; color: #721c24; }
.wb-badge-missing     { background: #fff3cd; color: #856404; }
.wb-badge-unknown     { background: #e2e3e5; color: #383d41; }
.wb-badge-captured    { background: #fde8c8; color: #7d4e00; }
.wb-badge-active      { background: #d4edda; color: #155724; }
.wb-badge-resolved    { background: #d1ecf1; color: #0c5460; }
.wb-badge-ongoing     { background: #fff3cd; color: #856404; }
.wb-badge-abandoned   { background: #e2e3e5; color: #383d41; }
.wb-badge-default     { background: #e2e3e5; color: #383d41; }

/* ── Spoiler box (.spoiler-warning) ─────────────────────────────────── */
.spoiler-warning {
  border: 1px solid #f5c842;
  background: #fffde7;
  border-radius: var(--wb-radius);
  padding: 0.5em 0.9em;
  margin: 0.8em 0;
  font-size: 0.9em;
}
.spoiler-block.spoiler-warning {
  border-left: 4px solid #f5c842;
}

/* ── Vertical evolution timeline (.wb-timeline) ─────────────────────── */
.wb-timeline { list-style: none; margin: 0.5em 0 0.5em 0.5em; padding: 0; }
.wb-timeline li {
  position: relative;
  padding: 0.3em 0 0.3em 1.4em;
  border-left: 2px solid var(--wb-accent);
  margin-bottom: 0.1em;
}
.wb-timeline li::before {
  content: '';
  position: absolute;
  left: -5px;
  top: 0.6em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wb-accent);
}
.wb-timeline li:last-child { border-left-color: transparent; }

/* ── Category page grid ─────────────────────────────────────────────── */
.mw-category-group { margin-bottom: 1em; }
.mw-category ul { column-count: 2; column-gap: 2em; list-style: disc; }
@media (max-width: 600px) { .mw-category ul { column-count: 1; } }

/* ── Relationship table (.wb-relationship-table) ────────────────────── */
.wb-relationship-table { width: 100%; margin: 0.5em 0 1em 0; border-collapse: collapse; }
.wb-relationship-table th {
  background: var(--wb-primary);
  color: #fff;
  padding: 0.4em 0.7em;
  text-align: left;
  font-size: 0.9em;
}
.wb-relationship-table td {
  padding: 0.35em 0.7em;
  vertical-align: top;
  border-top: 1px solid var(--wb-border);
  font-size: 0.9em;
}
.wb-relationship-table tr:nth-child(even) td { background: var(--wb-primary-dim); }
.wb-relationship-table td:first-child { white-space: nowrap; font-weight: bold; }
.wb-relationship-table td:nth-child(2) { white-space: nowrap; }

/* ── Relationship section ───────────────────────────────────────────── */
#content h3 .mw-headline { font-size: 0.95em; font-weight: bold; }
Retrieved from "https://adventurekoala.soulscribe.com/index.php?title=MediaWiki:Common.css&oldid=13"