|
|
| Line 1: |
Line 1: |
| /* ================================ | | /* ============================ |
| TIMELESS THEME — COMMON.CSS | | TIMELESS — FIX HAMBURGER ICON |
| Black + Dark Gray + Yellow Links | | ============================ */ |
| ================================ */
| |
|
| |
|
| /* ---- GLOBAL BACKGROUND & TEXT ---- */ | | /* Remove Timeless SVG mask so it doesn't hide the icon */ |
| body,
| | #mw-header-hamburger .mw-ui-icon, |
| html,
| | #mw-header-hamburger .mw-ui-icon::before { |
| #content, | | mask-image: none !important; |
| .mw-body { | | background-image: none !important; |
| background: #000 !important; | |
| color: #fff !important; | |
| } | | } |
|
| |
|
| /* ---- FULL WIDTH LAYOUT ---- */ | | /* Replace with a visible yellow ≡ icon */ |
| #content,
| | #mw-header-hamburger::before { |
| .mw-body {
| | content: "≡"; |
| max-width: 100% !important;
| | font-size: 26px; |
| width: 100% !important;
| | line-height: 1; |
| 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; | | color: #ffea00 !important; |
| | display: inline-block; |
| | padding: 4px 6px; |
| } | | } |
|
| |
|
| #mw-navigation a:visited,
| | /* Ensure the button itself is visible */ |
| #mw-site-navigation a:visited,
| | #mw-header-hamburger { |
| #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; | | 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; | | color: #ffea00 !important; |
| | border: none !important; |
| } | | } |
|
| |
|
| #mw-timeless-drawer a:visited {
| | /* Fix the overlay so the drawer actually opens */ |
| color: #c0c0c0 !important;
| | #mw-timeless-drawer-overlay, |
| }
| |
| | |
| /* 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 { | | #mw-timeless-overlay { |
| background: #000 !important; | | background: rgba(0,0,0,0.85) !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;
| |
| } | | } |
