MediaWiki:Common.css: Difference between revisions

From Ghost Theory Wiki
No edit summary
Tags: Manual revert Reverted
Blanked the page
Tags: Blanking Manual revert
Line 1: Line 1:
/* ================================
  TIMELESS THEME — COMMON.CSS
  Black + Dark Gray + Yellow Links
  ================================ */


/* ---- GLOBAL BACKGROUND & TEXT ---- */
body,
html,
#content,
.mw-body {
    background: #000 !important;
    color: #fff !important;
}
/* ---- FULL WIDTH LAYOUT ---- */
#content,
.mw-body {
    max-width: 100% !important;
    width: 100% !important;
    padding: 1.5rem !important;
    box-sizing: border-box;
}
/* ---- CONTENT BOXES ---- */
.mw-parser-output,
div.thumb,
table,
pre,
blockquote {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}
/* ---- HEADINGS ---- */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    border-color: #333 !important;
}
/* ---- LINKS ---- */
a {
    color: #ffea00 !important; /* yellow */
}
a:visited {
    color: #c0c0c0 !important; /* silver */
}
a.new,
a.new:visited {
    color: #ff8080 !important; /* red for missing pages */
}
/* ---- TABLES ---- */
table {
    background: #1a1a1a !important;
    border-collapse: collapse !important;
}
table th,
table td {
    border: 1px solid #333 !important;
    padding: 0.4rem 0.6rem !important;
}
/* ---- CODE BLOCKS ---- */
pre,
code {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}
/* ---- SIDEBAR (TIMELESS) ---- */
#mw-navigation,
#mw-site-navigation,
#mw-related-navigation {
    background: #000 !important;
    color: #fff !important;
    border-right: 1px solid #333 !important;
}
#mw-navigation a,
#mw-site-navigation a,
#mw-related-navigation a {
    color: #ffea00 !important;
}
#mw-navigation a:visited,
#mw-site-navigation a:visited,
#mw-related-navigation a:visited {
    color: #c0c0c0 !important;
}
/* ---- HEADER ---- */
#mw-header,
#mw-header-container {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}
/* ---- FOOTER ---- */
#footer {
    background: #000 !important;
    color: #fff !important;
    border-top: 1px solid #333 !important;
}
/* ---- SEARCH BOX ---- */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}
/* ---- FORMS ---- */
input,
textarea,
select {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}
/* ---- MISC FIXES ---- */
hr {
    border-color: #333 !important;
}
.mw-ui-button {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}
/* ============================================
  TIMELESS SKIN — FORCE OPAQUE SIDE DRAWER
  ============================================ */
/* Main off‑canvas drawer */
#mw-timeless-drawer {
    background: #000 !important;
}
/* Drawer content container */
#mw-timeless-drawer .mw-timeless-drawer-content {
    background: #000 !important;
}
/* All children inside the drawer */
#mw-timeless-drawer * {
    background: #000 !important;
    color: #fff !important;
}
/* Drawer navigation lists */
#mw-timeless-drawer nav,
#mw-timeless-drawer nav * {
    background: #000 !important;
}
/* Drawer links */
#mw-timeless-drawer a {
    color: #ffea00 !important;
}
#mw-timeless-drawer a:visited {
    color: #c0c0c0 !important;
}
/* The overlay mask behind the drawer */
#mw-timeless-drawer-overlay {
    background: #000 !important;
    opacity: 1 !important;
}
/* The button that opens the drawer */
#mw-timeless-drawer-button,
#mw-timeless-drawer-button * {
    background: #000 !important;
    color: #fff !important;
}
/* ============================================
  TIMELESS — FORCE OPAQUE MOBILE SIDEBAR
  ============================================ */
/* The actual sliding sidebar container */
.sidebar-inner {
    background: #000 !important;
}
/* The wrapper that holds the sidebar when off‑canvas */
#mw-timeless-sitetools,
#mw-timeless-navigation,
#mw-timeless-sidebar,
#mw-timeless-sidebar * {
    background: #000 !important;
    color: #fff !important;
}
/* Portlet boxes inside the sidebar */
.mw-portlet,
.mw-portlet * {
    background: #000 !important;
    color: #fff !important;
}
/* Sidebar headings */
.mw-portlet h3 {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}
/* Sidebar link colors */
.sidebar-inner a {
    color: #ffea00 !important; /* yellow */
}
.sidebar-inner a:visited {
    color: #c0c0c0 !important; /* silver */
}
/* The overlay that appears behind the sidebar */
#mw-timeless-overlay {
    background: #000 !important;
    opacity: 1 !important;
}
/* ============================================
  TIMELESS — FORCE HAMBURGER ICON VISIBLE
  (Overrides background-image SVG)
  ============================================ */
#mw-timeless-drawer-button .mw-ui-icon,
#mw-timeless-drawer-button .mw-ui-icon::before,
#mw-timeless-drawer-button .mw-ui-iconElement-icon,
#mw-timeless-drawer-button .mw-ui-iconElement-icon::before {
    background-image: none !important;
    background-color: transparent !important;
}
/* Replace the icon with a visible custom one */
#mw-timeless-drawer-button::before {
    content: "≡";
    font-size: 26px;
    line-height: 1;
    color: #ffea00 !important; /* yellow */
    display: inline-block;
    padding: 4px 6px;
}