MediaWiki:Common.css: Difference between revisions

Revision as of 11:49, 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;
}