Tags: Manual revert Reverted |
|
| (10 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* ================================
| | #ca-talk { display: none !important; } |
| TIMELESS THEME — COMMON.CSS
| |
| Black + Dark Gray + Yellow Links
| |
| ================================ */
| |
|
| |
|
| /* ---- GLOBAL BACKGROUND & TEXT ---- */ | | /* Hide mobile version on desktop */ |
| body,
| | .episode-image-mobile { |
| html,
| | display: none; |
| #content,
| |
| .mw-body { | |
| background: #000 !important; | |
| color: #fff !important;
| |
| } | | } |
|
| |
|
| /* ---- FULL WIDTH LAYOUT ---- */ | | /* Hide desktop version on small screens */ |
| #content,
| | @media screen and (max-width: 600px) { |
| .mw-body {
| | .episode-image-desktop { |
| max-width: 100% !important;
| | display: none; |
| width: 100% !important;
| | } |
| padding: 1.5rem !important;
| | .episode-image-mobile { |
| box-sizing: border-box;
| | display: block; |
| }
| | } |
| | |
| /* ---- 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; | |
| } | | } |
