MediaWiki:Common.css: Difference between revisions

From Practices and Politics of Representation
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 2: Line 2:
:root {
:root {
   --bg: #121212;
   --bg: #121212;
   --fg: #eee;
   --fg: #ffffff;
   --link: rgb(0, 122, 255);
   --link: rgb(0, 122, 255);
   --link-hover: #66bfff;
   --link-hover: #66bfff;
Line 15: Line 15:
}
}


/* Body & text */
body, .mw-body, .mw-page-container {
body, .mw-body, .mw-page-container {
   background-color: var(--bg) !important;
   background-color: var(--bg) !important;
Line 21: Line 22:
   font-size: 15px !important;
   font-size: 15px !important;
   line-height: 1.4 !important;
   line-height: 1.4 !important;
}
/* Ensure ALL headings are white and transparent */
h1, h2, h3, h4, h5 {
  color: var(--fg) !important;
  background: transparent !important;
  border-bottom: 1px solid var(--sep) !important;
  padding-bottom: 4px !important;
  margin-top: 1em !important;
}
/* Special override for the page title */
.firstHeading {
  color: var(--fg) !important;
  background: transparent !important;
  border: none !important;
}
}


Line 33: Line 50:
   border-bottom: 1px solid var(--sep) !important;
   border-bottom: 1px solid var(--sep) !important;
   background: var(--panel) !important;
   background: var(--panel) !important;
  margin-left: 0; /* Adjust if you have a fixed sidebar */
}
}
.vector-menu-tabs li a {
.vector-menu-tabs li a {
Line 45: Line 63:
}
}


/* Headings & separators */
/* TOC & section separators */
h1, h2, h3, h4, h5 {
  border-bottom: 1px solid var(--sep) !important;
  padding-bottom: 4px !important;
}
#toc, .mw-headline {
#toc, .mw-headline {
   border-bottom: 1px solid var(--sep) !important;
   border-bottom: 1px solid var(--sep) !important;
}
}


/* Links */
/* Links everywhere */
a, a:link, a:visited {
a, a:link, a:visited {
   color: var(--link) !important;
   color: var(--link) !important;

Revision as of 18:19, 1 July 2025

/* ─── Base Dark Mode ───────────────────────────────── */
:root {
  --bg: #121212;
  --fg: #ffffff;
  --link: rgb(0, 122, 255);
  --link-hover: #66bfff;
  --panel: #1e1e1e;
  --sep: #333;
}

* {
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Body & text */
body, .mw-body, .mw-page-container {
  background-color: var(--bg) !important;
  color: var(--fg) !important;
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

/* Ensure ALL headings are white and transparent */
h1, h2, h3, h4, h5 {
  color: var(--fg) !important;
  background: transparent !important;
  border-bottom: 1px solid var(--sep) !important;
  padding-bottom: 4px !important;
  margin-top: 1em !important;
}

/* Special override for the page title */
.firstHeading {
  color: var(--fg) !important;
  background: transparent !important;
  border: none !important;
}

/* Sidebar & Panels */
#mw-panel, #p-navigation, #p-tb {
  background-color: var(--panel) !important;
  border-right: 1px solid var(--sep) !important;
}

/* Top tabs */
.vector-menu-tabs {
  border-bottom: 1px solid var(--sep) !important;
  background: var(--panel) !important;
  margin-left: 0; /* Adjust if you have a fixed sidebar */
}
.vector-menu-tabs li a {
  background: var(--panel) !important;
  color: var(--link) !important;
  padding: 5px 10px !important;
  text-decoration: none !important;
}
.vector-menu-tabs li a:hover {
  background: #2a2a2a !important;
  color: var(--link-hover) !important;
}

/* TOC & section separators */
#toc, .mw-headline {
  border-bottom: 1px solid var(--sep) !important;
}

/* Links everywhere */
a, a:link, a:visited {
  color: var(--link) !important;
  text-decoration: none !important;
}
a:hover {
  color: var(--link-hover) !important;
  text-decoration: underline !important;
}

/* Forms & buttons */
input, textarea, select, button {
  background: var(--panel) !important;
  color: var(--fg) !important;
  border: 1px solid #444 !important;
}

/* Hide logos & footer icons */
#p-logo, .mw-wiki-logo,
#footer, #footer-info, #footer-icons,
.mw-footer-logo, .printfooter,
.ccicons, .license {
  display: none !important;
}