|
|
| (17 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;
| |
| }
| |
| | |
| /* ---- MINERVA HAMBURGER + MENU ---- */
| |
| .minerva-icon,
| |
| .minerva-icon * {
| |
| fill: #fff !important;
| |
| }
| |
| | |
| #mw-mf-main-menu-button,
| |
| #mw-mf-main-menu-button * {
| |
| background: #000 !important;
| |
| color: #fff !important;
| |
| }
| |
| | |
| #mw-mf-page-left,
| |
| #mw-mf-page-left .menu,
| |
| #mw-mf-page-left .menu * {
| |
| background: #000 !important;
| |
| color: #fff !important;
| |
| }
| |
| | |
| #mw-mf-page-left a {
| |
| color: #ffea00 !important;
| |
| }
| |
| | |
| #mw-mf-page-left a:visited {
| |
| color: #c0c0c0 !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;
| |
| } | | } |
