MediaWiki:Timeless.css

/* cargotable fixing */ .cargoTable {color: black;filter: invert(1) hue-rotate(180deg);}

/* duct tape solution for edit button pencil not showing mid-page */ .mw-editsection, .mw-editsection > a { filter: invert(1) hue-rotate(180deg); }

/* Compare page revisions */ .diff-context { filter: invert(1) hue-rotate(180deg); } .diffchange.diffchange-inline { color: black; } .diff-addedline { filter: brightness(0.85); } .diff-deletedline { filter: brightness(0.85); }

/* Code boxes */ code, pre, .mw-code { filter: invert(1) hue-rotate(180deg); } /* Mock Code Blocks */ .MockCodeBlock { border-color: #303439; background-color: #151515; } /*Editor Window*/ .wikiEditor-ui, .editOptions{ filter: invert(1) hue-rotate(180deg); }

/*Background details*/ background-image: linear-gradient(0deg, rgba(9,23,2,0.5) 0%, rgba(1,40,61,0.5) 100%), url("https://static.miraheze.org/dragdownwiki/1/11/Dark_mode_background.png"); background-repeat: no-repeat, repeat; background-size: 100%, 9px; background-position: left top; }
 * 1) mw-content-container {

/*Hiding logo text. In future, make visible only on mobile*/ font-family: 'PT Sans', Calibri, Tahoma, sans-serif; color: #009df2; } /*Sets content area bg, border, and text*/ background-color:#0D0D0D; border-color: #222222; color: #ffffff; margin-left: 12em; }
 * 1) p-logo-text a {
 * 1) mw-content {

/*Navigation area colors*/ background-color:#111111; border-color: #222222; color: #ffffff; font-size: 0.85em; width: 12em; }	background-color:#111111; border-color: #222222; color: #ffffff; font-size: 0.85em; width: 12em; }
 * 1) mw-site-navigation .sidebar-chunk {
 * 1) mw-related-navigation .sidebar-chunk {

/* One-sided navigation menu */ @media (min-width: 1340px) { #mw-content-block { display: block; } #mw-content, #content-bottom-stuff { margin-left: 14em; } #mw-content-wrapper { float: right; margin-left: -14em; width: 100%; } #mw-related-navigation { width: 14em; padding: 0 1em 0 0; } div.color-middle { margin-right: 0; } .mw-wiki-logo { display: inline-block; } }

/* Align top colour bar with page columns */ .ts-inner { padding: 0 0 0 1em; }

/* Re-aligning bottom logos */ }
 * 1) footer { padding-right: 1em;

/*Header and tools*/ background-color:#111111; border-color: #222222; }	  filter: invert(1) hue-rotate(180deg); }	background-color:#333333; border-color:#444444; color:#ffffff; } input#searchInput { color: #ffffff; }   filter: invert(1); }
 * 1) mw-header-container {
 * 1) user-tools {
 * 1) simpleSearch {
 * 1) mw-site-navigation h2 { /*Mobile header tools*/

.tools-inline ul { filter: invert(1) hue-rotate(180deg); }

/*Footer*/ background-color:#111111; }
 * 1) mw-footer-container {

/*content box*/ .contentbox { border-color: #08385A;} hr { border-color: #303439; }

/*Boxes recolor for pages*/ .fpbox { background-color: #111111; box-shadow: 0 2px 2px 0 rgb(255 255 255 / 14%), 0 3px 1px -2px rgb(255 255 255 / 12%), 0 1px 5px 0 rgb(255 255 255 / 20%); } table.stripe tr:nth-child(even){background-color:#151515} table.stripe tr:nth-child(odd){background-color:#111111}

/*Move boxes color*/ .movedata-container {background-color: #111111; border-color: #303439;} .movedata-flex-image-container {background-color: #111111; border-color: #303439;} .movedata-flex-framedata-name {background-color: #111111; border-color: #303439;} .wikitable {color: #ffffff; background-color: #151515; border-color: #303439;} .mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td { border-color: #303439;} .mw_metadata th, .wikitable td {background-color: #151515;} .wikitable > tr > th, .wikitable > * > tr > th {background-color: #111111;}

/*Fix for display issues on some screen sizes*/ @media screen and (min-width: 851px) and (max-width: 1099px){ background-color: #111111; }}
 * 1) mw-header-nav-hack, #mw-header-hack{

.ambox {background-color: #111111;}

ul#filetoc, .toc, .toccolours, .mw-warning { background: #151515; border: solid #303439; }

/*8/30/2022 update */

div#mw-content { box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); }

.contentbox { background-color: #181818; border-color: #37373e; box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); }

a:hover { /* color: #447ff5; */ }

.mw-parser-output a.extiw:visited, .mw-parser-output a.extiw:active:visited, .mw-parser-output a.external:visited { color: #8c79f5; }

a:visited { color: #8c79f5; }

a:visited:hover { color: #8c79f5; }

.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external { color: #98b6f3; }

a { color: #98b6f3; }

a.new { color: #ff6969; }

a.new:hover { color: #9f3f3f; }

.contentbox { background-color: #181818; border-color: #37373e; }

position: absolute; display: inline-block; cursor: pointer; top: 9px; text-indent: 0; left: 55%; font-size: 0.9em; font-weight: bold; padding: 0 0.3em; border: 1px solid #fff; border-radius: 2px; background-color: #72777d; content: attr(data-counter-text); color: #fff; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge:after, #pt-notifications-notice .mw-echo-notifications-badge:after {

/* this stuff will be changed once we have icons to replace it*/ /*.oo-ui-icon-bell, .mw-ui-icon-bell:before { background-image: url(/w/load.php?modules=oojs-ui.styles.icons-alerts&image=bell&format=rasterized&skin=timeless&version=6prr9); background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E bell %3C/title%3E %3Cpath d=%22M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z%22/%3E %3C/svg%3E); }

.oo-ui-icon-tray, .mw-ui-icon-tray:before { background-image: url(/w/load.php?modules=oojs-ui.styles.icons-alerts&image=tray&format=rasterized&skin=timeless&version=6prr9); background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E tray %3C/title%3E %3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E %3C/svg%3E); }

background-image: url(/w/skins/Timeless/resources/images/pencil-grey.svg?530f0); }
 * 1) ca-edit a {

background-image: url(/w/skins/Timeless/resources/images/clock-grey.svg?48197); }
 * 1) ca-history a {

.tools-inline li a { background-image: url(/w/skins/Timeless/resources/images/page-misc-grey.svg?806ed); }

@media screen and (min-width: 851px) background-image: url(/w/skins/Timeless/resources/images/user-grey.svg?9781b); }
 * 1) personal h2 {

background-image: url(/w/skins/Timeless/resources/images/talk-grey.svg?b4d04); }
 * 1) ca-talk a {

.tools-inline li[id^='ca-nstab-'] a { background-image: url(/w/skins/Timeless/resources/images/page-grey.svg?a26bc); }*/

box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); }
 * 1) site-navigation {

box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); }
 * 1) site-tools {

box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); }
 * 1) page-tools {

.fpbox { background-color: #181818; border-color: #37373e; box-shadow: 0 0 15px 0 rgb(10, 10, 10, 0.7); border-width: 1px; border-style: solid; border-radius: 8px; }

.contentbox > .fpbox { background-color: #151515; } .movedata-container { background-color: #151515; border-color: #37373e; }