MediaWiki:Common.css: Difference between revisions

Revision as of 15:18, 1 August 2026

/* ===================================================
   SITH HOLOCRON THEME (TIMELESS SKIN DARK MODE)
   =================================================== */

/* 1. Sith Red Links (Force override across all page sections) */
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. Remove Top Colored Accent Stripes */
/* Timeless uses background gradients on header containers for those top lines */
#mw-header-container,
.color-middle,
.color-left,
.color-right {
  background: #000000 !important; /* Pure black header */
  border-top: 2px solid #8b0000 !important; /* Single dark red top line */
  box-shadow: none !important;
}

/* Remove colored pseudo-elements in Timeless header */
#mw-header-container::before,
#mw-header-container::after,
#header-navigation::before {
  display: none !important;
  background: none !important;
}


/* 3. Main Page Title Underline */
.firstHeading, 
#firstHeading, 
.mw-page-title-main {
  border-bottom: 2px solid #8b0000 !important;
}


/* 4. Fix Grey Footer & Bright Teal Bar */
/* Timeless applies the grey color and teal border to #footer-container */
#footer-container,
#footer,
.mw-footer {
  background-color: #0d0d0d !important;
  background-image: none !important; /* Removes default Timeless background gradients */
  border-top: 2px solid #8b0000 !important; /* Replaces green bar with Sith Red */
  color: #a0a0a0 !important;
}

#footer-info, 
#footer-places,
#footer-icons {
  background-color: transparent !important;
}

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

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


/* 5. Timeless Category & Sidebar Borders */
.sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
  border-color: #222222 !important;
}