MediaWiki:Common.css: Difference between revisions

Latest revision as of 16:21, 27 April 2026

/* CSS placed here will be applied to all skins */
/* Dark box styling */
.main-box {
  background: #0b0b0b;
  padding: 12px;
  border: 2px solid #c77;
  color: #ddd;
}

/* Titles inside boxes */
.main-box b,
.main-box strong {
  color: #fff;
  font-size: 16px;
}

/* Links */
.main-box a {
  color: #4da3ff;
  text-decoration: none;
}

.main-box a:hover {
  color: #7ec3ff;
  text-decoration: underline;
}

/* Improve list spacing */
.main-box ul {
  margin: 5px 0;
  padding-left: 18px;
}

.main-box li {
  margin-bottom: 4px;
}

/* Discipline section tighter */
.discipline-box {
  font-size: 14px;
  line-height: 1.6;
}

/* Page background tweak */
body {
  background-color: #1a1a1a;
}

/* Force readable text inside dark boxes */
.main-box {
  color: #e6e6e6 !important;
}

/* Fix paragraphs, lists, and spans inside boxes */
.main-box p,
.main-box span,
.main-box li {
  color: #e6e6e6 !important;
}

/* Fix bold headings */
.main-box b,
.main-box strong {
  color: #ffffff !important;
}

/* Fix tables inside pages (big one for those sections) */
.main-box table,
.main-box td,
.main-box th {
  color: #e6e6e6 !important;
}

/* Override any inline dark text from Fandom */
.main-box * {
  color: #e6e6e6;
}

/* Keep links readable */
.main-box a {
  color: #4da3ff !important;
}

/* Red text (like your highlights) */
.main-box .mw-parser-output span[style*="red"],
.main-box font[color="red"] {
  color: #ff4d4d !important;
}

/* Fix ALL dark backgrounds from imported content */
.mw-parser-output div[style*="background"],
.mw-parser-output table[style*="background"],
.mw-parser-output td[style*="background"] {
  color: #e6e6e6 !important;
}

/* Force readable text inside any dark container */
.mw-parser-output div,
.mw-parser-output td,
.mw-parser-output th {
  color: inherit;
}

/* Specifically fix black background blocks */
.mw-parser-output div[style*="background:#000"],
.mw-parser-output div[style*="background: black"],
.mw-parser-output table[style*="background:#000"],
.mw-parser-output table[style*="background: black"] {
  color: #e6e6e6 !important;
}

/* Fix nested text (this is the key one) */
.mw-parser-output div[style*="background"] * {
  color: #e6e6e6 !important;
}

/* Keep links visible */
.mw-parser-output a {
  color: #4da3ff !important;
}

/* Keep red highlights */
.mw-parser-output font[color="red"],
.mw-parser-output span[style*="red"] {
  color: #ff4d4d !important;
}

/* Sidebar background */
#mw-panel {
  background-color: #111 !important;
}

/* Sidebar links */
#mw-panel a {
  color: #4da3ff !important;
}

#mw-panel a:hover {
  color: #7ec3ff !important;
}

/* Section headers (Tools, etc.) */
#mw-panel h3 {
  color: #ddd !important;
}

/* Make sidebar text readable */
#mw-panel {
  color: #ccc;
}

/* Sidebar spacing */
#mw-panel ul {
  margin-bottom: 12px;
}

/* Section headers */
#mw-panel h3 {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 14px;
  border-bottom: 1px solid #333;
  padding-bottom: 3px;
}

/* Slight padding for links */
#mw-panel li {
  margin-bottom: 4px;
}

/* Fix Fandom-style infoboxes (pink boxes) */
.mw-parser-output table[style*="background"],
.mw-parser-output div[style*="background:#f"],
.mw-parser-output div[style*="background: #f"] {
  background-color: #1a1a1a !important;
  color: #e6e6e6 !important;
  border: 1px solid #444 !important;
}

/* Make text inside readable */
.mw-parser-output table[style*="background"] *,
.mw-parser-output div[style*="background"] * {
  color: #e6e6e6 !important;
}

/* Optional: tighten it visually */
.mw-parser-output table {
  border-collapse: collapse;
  margin: 10px 0;
}

#toc {
    float: left;
    width: 220px;
    margin-right: 20px;
}


/* Layout fix for TOC + right image WITHOUT breaking flow */

#toc {
    float: left;
    width: 220px;
    margin-right: 20px;
}

/* Keep content from sliding under the TOC */
#toc {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.mw-parser-output > *:not(#toc) {
    overflow: hidden;
}