|
|
| (123 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* === GLOBAL BACKGROUND === */
| | #ca-talk { display: none !important; } |
| html, body {
| |
| background: #000 !important;
| |
| color: #fff !important;
| |
| } | |
|
| |
|
| /* === MAIN CONTENT AREA === */ | | /* Hide the entire Anonymous dropdown menu in Timeless */ |
| #mw-content, | | #p-personal, |
| #mw-content-container, | | #personal, |
| #mw-content-block, | | #user-tools { |
| #mw-content-text {
| | display: none !important; |
| background: #000 !important; | |
| color: #fff !important;
| |
| } | | } |
|
| |
|
| /* === SIDEBAR + NAVIGATION === */
| | .quote-box { |
| #mw-navigation,
| | padding: 1em 1.2em; |
| #mw-panel,
| | margin: 1.5em 0; |
| #mw-panel .mw-portlet,
| | background: #f2f2f2; |
| #mw-panel .mw-portlet-body { | | border-left: 4px solid #ccc; |
| background: #000 !important; | | border-radius: 4px; |
| color: #fff !important; | | color: #222; |
| } | | } |
|
| |
|
| /* === RIGHT SIDEBAR (page tools, more, etc.) === */ | | /* Gray background box for FAQ questions */ |
| #mw-related-navigation,
| | .faq-question { |
| #mw-data-navigation,
| | background-color: #f2f3f4; /* light gray that fits your Timeless theme */ |
| #mw-related-navigation .mw-portlet, | | padding: .2em; /* space inside the box */ |
| #mw-data-navigation .mw-portlet {
| | margin: .5em 0; /* space between boxes */ |
| background: #000 !important; | | border-radius: 2px; /* optional: soft corners */ |
| color: #fff !important; | |
| }
| |
|
| |
|
| /* === HEADERS, TABS, TOP BAR === */
| |
| #mw-header,
| |
| #mw-header-container,
| |
| #mw-header h1,
| |
| #mw-header h2,
| |
| #mw-header .mw-portlet {
| |
| background: #000 !important;
| |
| color: #fff !important;
| |
| } | | } |
|
| |
|
| /* === SEARCH BAR === */ | | /* Make the heading smaller INSIDE the FAQ box */ |
| #searchInput,
| | h3 .faq-question { |
| #searchInput:focus {
| | background-color: #f2f3f4; |
| background: #111 !important; | | padding: .2em; |
| color: #fff !important; | | border-radius: 2px; |
| border: 1px solid #444 !important; | | font-size: .8em !important; |
| } | | } |
|
| |
|
| /* === LINKS === */ | | /* Hide all category links on article pages */ |
| a {
| | #catlinks { |
| color: #ff0 !important; /* yellow links */ | | display: none !important; |
| } | | } |
|
| |
|
| a:visited {
| | /* Hide empty category page warnings and edit notices */ |
| color: #ccc !important; /* silver visited links */ | | body.page-Category .mw-parser-output > p, |
| | body.page-Category .noarticletext, |
| | body.page-Category .mw-empty-elt, |
| | body.page-Category #contentSub, |
| | body.page-Category #contentSub2 { |
| | display: none !important; |
| } | | } |
|
| |
|
| /* === GRAY CONTENT BOXES === */ | | /* Hide the "Category" tab on category pages (optional) */ |
| .mw-parser-output .infobox, | | body.ns-14 #ca-nstab-category { |
| .mw-parser-output .toc,
| | display: none !important; |
| .mw-parser-output table,
| |
| .mw-parser-output .thumb,
| |
| .mw-parser-output .thumbinner,
| |
| .mw-parser-output .navbox,
| |
| .mw-parser-output .metadata {
| |
| background: #111 !important; | |
| color: #fff !important;
| |
| border-color: #333 !important;
| |
| } | | } |
|
| |
|
| /* === FIX WHITE GAPS BETWEEN ELEMENTS === */ | | /* Hide all category displays in Timeless */ |
| #mw-content-container, | | #catlinks, |
| #mw-content-block,
| | .catlinks, |
| #mw-content-text, | | .mw-normal-catlinks, |
| #mw-content { | | .mw-hidden-catlinks, |
| background-color: #000 !important; | | #mw-normal-catlinks, |
| | #mw-hidden-catlinks { |
| | display: none !important; |
| } | | } |
|
| |
|
| /* === REMOVE WHITE BACKGROUND FROM EDITOR === */ | | /* Universal kill-switch for Timeless page tools */ |
| .wikiEditor-ui,
| | #mw-related-navigation, |
| .wikiEditor-ui textarea {
| | #page-tools, |
| background: #000 !important;
| | #page-tools-wrapper, |
| color: #fff !important;
| | #mw-panel .page-tools, |
| }
| | .sidebar-chunk.page-tools { |
| | | display: none !important; |
| /* === FORCE DARK BACKGROUND ON ALL GENERIC DIVS === */
| |
| div {
| |
| background-color: transparent !important;
| |
| }
| |
| | |
| | |
| | |
| /* --- FORCE THE ENTIRE MENU COLUMN TO BE BLACK, NOT JUST THE TEXT ROWS --- */
| |
| #mw-panel, | |
| #mw-panel .portal, | |
| #mw-panel .portal .body, | |
| #mw-panel .portal ul,
| |
| #mw-panel .sidebar, | |
| #mw-panel .sidebar ul,
| |
| #mw-panel .sidebar li {
| |
| background: #000 !important;
| |
| }
| |
| | |
| /* --- ENSURE NO TRANSPARENT GAPS BETWEEN ITEMS --- */
| |
| #mw-panel .portal ul li,
| |
| #mw-panel .sidebar ul li {
| |
| background: #000 !important; | |
| border: none !important; /* Timeless sometimes adds separators */
| |
| }
| |
| | |
| /* --- ENSURE THE OVERLAY IS DARK --- */
| |
| #mw-navigation:before,
| |
| #mw-panel:before {
| |
| background: rgba(0,0,0,0.85) !important;
| |
| }
| |
| | |
| /* --- TEXT + LINK COLORS --- */
| |
| #mw-panel,
| |
| #mw-panel * {
| |
| color: #fff !important;
| |
| }
| |
| | |
| #mw-panel a {
| |
| color: #f5d000 !important;
| |
| }
| |
| | |
| #mw-panel a:visited {
| |
| color: #c0c0c0 !important;
| |
| }
| |
| | |
| | |
| /* FORCE THE ENTIRE MENU COLUMN TO BE SOLID BLACK */
| |
| #mw-panel,
| |
| #mw-panel .portal,
| |
| #mw-panel .portal .body,
| |
| #mw-panel .portal .body ul {
| |
| background-color: #000 !important;
| |
| }
| |
| | |
| /* REMOVE ANY BACKGROUND FROM INDIVIDUAL MENU ITEMS */
| |
| #mw-panel .portal .body ul li,
| |
| #mw-panel .portal .body ul li a {
| |
| background: transparent !important;
| |
| }
| |
| | |
| /* ENSURE TEXT AND LINKS ARE VISIBLE */
| |
| #mw-panel,
| |
| #mw-panel * {
| |
| color: #fff !important;
| |
| }
| |
| | |
| #mw-panel a {
| |
| color: #f5d000 !important;
| |
| }
| |
| | |
| #mw-panel a:visited {
| |
| color: #c0c0c0 !important;
| |
| }
| |
| | |
| /* DARKEN THE OVERLAY BEHIND THE MENU */
| |
| #mw-navigation:before {
| |
| background: rgba(0,0,0,0.85) !important;
| |
| }
| |
| | |
| | |
| /* FORCE THE ENTIRE MOBILE MENU COLUMN TO BE BLACK */
| |
| .mw-portlet,
| |
| .mw-portlet .mw-portlet-body,
| |
| .mw-portlet .mw-portlet-body ul,
| |
| .mw-portlet .mw-portlet-body ul li {
| |
| background: #000 !important;
| |
| } | | } |
|
| |
|
| /* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
| | @import url('https://fonts.googleapis.com/css2?family=Alegreya:opsz,wght@8..30,400;8..30,600;8..30,700&display=swap'); |
| .mw-portlet .mw-portlet-body ul li a {
| |
| background: transparent !important;
| |
| }
| |
| | |
| /* ENSURE TEXT IS VISIBLE */ | |
| .mw-portlet, | |
| .mw-portlet * { | |
| color: #fff !important;
| |
| }
| |
| | |
| /* YOUR LINK COLORS */
| |
| .mw-portlet a {
| |
| color: #f5d000 !important;
| |
| }
| |
| | |
| .mw-portlet a:visited {
| |
| color: #c0c0c0 !important;
| |
| }
| |
| | |
| /* DARKEN THE OVERLAY BEHIND THE MENU */
| |
| #mw-navigation:before {
| |
| background: rgba(0,0,0,0.85) !important;
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| /* FORCE THE ENTIRE MOBILE MENU COLUMN TO BE BLACK */
| |
| #mw-navigation,
| |
| #mw-navigation .mw-accordion,
| |
| #mw-navigation .mw-accordion-section,
| |
| #mw-navigation .mw-accordion-section .mw-accordion-content,
| |
| #mw-navigation .mw-accordion-section .mw-accordion-content ul,
| |
| #mw-navigation .mw-accordion-section .mw-accordion-content li {
| |
| background: #000 !important;
| |
| }
| |
| | |
| /* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
| |
| #mw-navigation .mw-accordion-section .mw-accordion-content li a {
| |
| background: transparent !important;
| |
| }
| |
| | |
| /* ENSURE TEXT IS VISIBLE */
| |
| #mw-navigation,
| |
| #mw-navigation * {
| |
| color: #fff !important;
| |
| }
| |
| | |
| /* YOUR LINK COLORS */
| |
| #mw-navigation a {
| |
| color: #f5d000 !important;
| |
| }
| |
| | |
| #mw-navigation a:visited {
| |
| color: #c0c0c0 !important;
| |
| }
| |
| | |
| /* DARKEN THE OVERLAY BEHIND THE MENU */
| |
| #mw-navigation:before {
| |
| background: rgba(0,0,0,0.85) !important;
| |
| }
| |
| | |
| | |
| /* FORCE THE ENTIRE MENU COLUMN TO BE BLACK */
| |
| #mw-navigation,
| |
| #mw-navigation * {
| |
| background-color: #000 !important;
| |
| }
| |
| | |
| /* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
| |
| #mw-navigation li a {
| |
| background: transparent !important;
| |
| }
| |
| | |
| /* REMOVE TRANSPARENT PADDING THAT CREATES THE GAPS */
| |
| #mw-navigation li {
| |
| padding-top: 0 !important;
| |
| padding-bottom: 0 !important;
| |
| margin-top: 0 !important;
| |
| margin-bottom: 0 !important;
| |
| background-color: #000 !important;
| |
| }
| |
| | |
| /* ENSURE THE UL ITSELF IS BLACK */
| |
| #mw-navigation ul {
| |
| background-color: #000 !important;
| |
| }
| |
| | |
| /* TEXT + LINK COLORS */
| |
| #mw-navigation,
| |
| #mw-navigation * {
| |
| color: #fff !important;
| |
| }
| |
| | |
| #mw-navigation a {
| |
| color: #f5d000 !important;
| |
| }
| |
| | |
| #mw-navigation a:visited {
| |
| color: #c0c0c0 !important;
| |
| }
| |
| | |
| | |
| | |
|
| |
|
| /* Force Timeless mobile hamburger to be visible */ | | /* Force Timeless title span to behave like a real heading */ |
| .skin-timeless .mw-ui-icon, | | .mw-page-title-main { |
| .skin-timeless .mw-ui-icon-element,
| | display: block !important; |
| .skin-timeless .mw-ui-icon:before,
| | font-family: "Alegreya", serif !important; |
| .skin-timeless .mw-ui-icon-element:before {
| | font-size: 1.4rem !important; |
| background-color: #ffff00 !important; /* paints the mask */ | | font-weight: 700 !important; |
| color: #ffff00 !important; | | line-height: 1.2 !important; |
| fill: #ffff00 !important; | | margin: 0 0 0.2em 0 !important; |
| | color: #989898 !important; |
| } | | } |
