MediaWiki:Vector.css: Difference between revisions

Revision as of 18:15, 4 April 2025

/* All CSS here will be loaded for users of the Vector skin */
/* Suppress red links for Vector skin */
a.new, a.new:visited {
    color: inherit !important;
    pointer-events: none !important;
    text-decoration: none !important;
}

/* ===================== */
/* LisaFire — Dark Mode  */
/* Final Consolidated Build — wiki.alsresume.com */
/* ===================== */

/* Preserve red link suppression */
a.new, a.new:visited {
  color: inherit !important;
  pointer-events: none !important;
  text-decoration: none !important;
}

/* General background and text */
body,
#content,
.mw-body,
.mw-parser-output {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

/* Links */
a, a:visited {
  color: #66ccff !important;
}

a:hover {
  color: #ffffff !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .mw-headline {
  color: #ffffff !important;
  border-color: #333 !important;
}

/* Sidebar, footer, and header base */
#mw-panel,
#p-personal,
#footer,
.vector-menu-content,
#mw-page-base,
#mw-head-base,
#mw-header {
  background-color: #1a1a1a !important;
  color: #ccc !important;
}

/* Search bar */
#searchInput,
#searchGoButton,
#searchform input {
  background-color: #222 !important;
  color: #fff !important;
  border: 1px solid #444 !important;
}

/* Input fields */
textarea,
input,
select {
  background-color: #222 !important;
  color: #eee !important;
  border: 1px solid #444 !important;
}

/* Logo styling */
.mw-wiki-logo {
  filter: brightness(0.9) contrast(1.2);
}

/* Top nav links */
#p-personal ul li a,
#left-navigation a,
#right-navigation a,
#mw-head a {
  color: #cccccc !important;
  background-color: transparent !important;
}

#p-personal ul li a:hover,
#left-navigation a:hover,
#right-navigation a:hover {
  color: #66ccff !important;
  background-color: #333 !important;
}

/* TAB BAR — FULL DESTRUCTION AND GLOW RESTORE */
.vector-menu-tabs,
.vector-menu-tabs li,
.vector-menu-tabs li a,
.vector-menu-tabs li a:visited,
.vector-menu-tabs li.selected a,
.vector-menu-tabs li a:hover,
.skin-vector .vector-menu-tabs li a {
  background: none !important;
  background-color: #1a1a1a !important;
  color: #ccc !important;
  border: none !important;
  box-shadow: none !important;
}

/* Tab selected glow */
.vector-menu-tabs li.selected a {
  background-color: #2a2a2a !important;
  color: #66ccff !important;
  box-shadow: inset 0 -3px 0 #66ccff !important;
}

/* Tab hover glow */
.vector-menu-tabs li a:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  box-shadow: inset 0 -2px 0 #66ccff !important;
}

/* Kill thin white line above content */
#content {
  border-top: none !important;
}

/* 🧨 Eliminate rogue white block next to the logo */
#p-logo {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#mw-panel .portal:first-child {
  background-color: transparent !important;
  border: none !important;
}

/* Nuke extra background from logo container or its ghost sibling */
.vector-menu-portal,
.vector-menu-portal:first-child,
.vector-menu:not(.vector-menu-tabs) {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 👻 Nuke ghost box near logo */
#mw-head-base,
#mw-page-base {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Specifically target the tab highlight and white bar bug */
div#mw-head {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* And the stubborn pseudo glow */
div#mw-head::before,
div#mw-head::after {
  display: none !important;
}

/* Dark Mode Fix for Table of Contents (TOC) */
#toc, .toc, .toc ul {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

.toc a {
  color: #66ccff !important;
}

.toc a:hover {
  color: #ffffff !important;
  background-color: #2a2a2a !important;
}