MediaWiki:Common.css: Difference between revisions
From Ghost Theory Wiki
Blanked the page Tags: Blanking Manual revert Reverted |
No edit summary Tags: Manual revert Reverted |
||
| 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; | |||
} | |||
