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.

/* ===================================================
   TIMELESS DARK SITH HOLOCRON FIX
   =================================================== */

/* --- 1. SITH RED LINKS --- */
a, 
a:link, 
.mw-parser-output a,
#mw-content-text a,
#mw-panel a,
#page-tools a {
  color: #e62222 !important;
  text-decoration: none !important;
}

a:visited,
.mw-parser-output a:visited {
  color: #991111 !important;
}

a:hover,
.mw-parser-output a:hover,
#page-tools a:hover {
  color: #ff5500 !important;
}


/* --- 2. HEADER CONTAINER & ACCENT LINES --- */
/* Forces all header parts to deep obsidian black and applies a clean top red line */
#mw-header-container,
#mw-header-hack,
#mw-header-nav,
#site-navigation,
#user-tools,
#p-logo-text,
.color-middle,
.color-left,
.color-right {
  background-color: #0a0a0a !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Set single top red border on header and remove default color bars */
#mw-header-container {
  border-top: 2px solid #8b0000 !important;
  border-bottom: 1px solid #222222 !important;
}

#mw-header-container::before,
#mw-header-container::after,
#mw-header-hack::before,
#mw-header-hack::after {
  display: none !important;
  background: none !important;
}

/* Ensure Logo text matches the dark background */
#p-logo-text a {
  color: #d4af37 !important; /* Ancient Sith Gold for wiki title */
}


/* --- 3. PAGE TITLE UNDERLINE --- */
.firstHeading, 
#firstHeading, 
.mw-page-title-main {
  border-bottom: 2px solid #8b0000 !important;
}


/* --- 4. FOOTER & BOTTOM WRAPPERS --- */
/* Fixes the white/light footer and teal line */
#footer-container,
#footer-container * {
  background-color: #0d0d0d !important;
  background-image: none !important;
}

#footer-container {
  border-top: 2px solid #8b0000 !important; /* Replaces teal line with Sith Red */
}

/* Footer Text & Links */
#footer,
#footer-info,
#footer-places {
  color: #888888 !important;
}

#footer a, 
#footer-container a {
  color: #cc2222 !important;
}

#footer a:hover {
  color: #ff5500 !important;
}


/* --- 5. SIDEBAR & INNER BOXES --- */
.sidebar-chunk,
#mw-site-navigation .sidebar-chunk,
#page-tools .sidebar-chunk {
  background-color: #121212 !important;
  border-color: #222222 !important;
}