User:Notjusttired/disabled timeless.css

/* to do - 2. visual editor colors for dropdown menus 3. visual editor layout 4. other pop-up or overlay colors

/* see MediaWiki:Timeless.css for button code class='oo-ui-widget oo-ui-widget-disabled oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-iconElement oo-ui-labelElement oo-ui-buttonWidget'>

Visual (beta)

toolbar background and dropdowns

.group .tool-select .menu .options{position:absolute;display:none;margin-left:-1px;margin-top:22px;border:1px solid #c0c0c0;background-color:#fff}.wikiEditor-ui-toolbar .group .tool-select .options .option{display:block;padding:0.5em;text-decoration:none;color:#000;white-space:nowrap}.wikiEditor-ui-toolbar .group .tool-select .options .option:hover{background-color:#e0eef7}.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-2']{font-size:150%;font-weight:normal}.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-3']{font-size:132%;font-weight:normal}.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-4']{font-size:116%;font-weight:normal}.wikiEditor-ui-toolbar .group .tool-select .options .option[rel='heading-5']{font-size:100%;font-weight:bold}.wikiEditor-ui-toolbar .group-search{float:right;padding:0 0 0 6px;border-right:0;border-left:1px solid #ddd}.wikiEditor-ui-toolbar .group-insert{border-right:0}.wikiEditor-ui-toolbar .booklet .index{float:left;width:20%;height:125px;overflow:auto;resize:horizontal}.wikiEditor-ui-toolbar .booklet .index div{padding:4px;padding-left:6px;cursor:pointer;color:#0645ad}.wikiEditor-ui-toolbar .booklet .index .current{background-color:#fafafa;color:#333;cursor:default}.wikiEditor-ui-toolbar .booklet .pages{background-color:#fafafa;height:125px;overflow:auto}.wikiEditor-ui-toolbar .page-table{padding-left:5px;padding-right:5px}.wikiEditor-ui-toolbar .page-table table{background:none;border-collapse:collapse;width:100%}.wikiEditor-ui-toolbar .page-table th{color:#999}.wikiEditor-ui-toolbar .page-table td{color:#000;border-top:1px solid #eee}.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .page-table td{margin:0;padding:5px;text-align:left}.wikiEditor-ui-toolbar .section-help .page-table{ }.wikiEditor-ui-toolbar .section-help .page-table .cell{vertical-align:top}.wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax{font-family:monospace,'Courier'}.wikiEditor-ui

new classes added to live code .bright, brighter .noborder, invert, noinvert, orange

/* unset important stuff from MediaWiki:Timeless.css */

.oo-ui-tool-title, .oo-ui-tool-accel { color: unset!important ;} .oo-ui-tool, .oo-ui-tool-link { color: unset!important;}

.wikiEditor-ui, .wikiEditor-section-main { background-color: unset!important;} .group-codeeditor-main,.group.group-format, .group-size, .group-format span, .group-insert span { background-color: unset!important; color: unset!important; filter: unset!important; } .group {background-color: unset!important; color: unset!important;}

.wikiEditor-ui-toolbar div.tabs a:link, .wikiEditor-ui-toolbar div.tabs a:visited, .section-characters div.index div { filter: unset!important;} .wikiEditor-ui-toolbar, .toolbar, .sections, .tabs, .tab { background-color: unset!important; color: unset!important; }

legend { color: unset!important; background-color: unset!important;} legend a { .current: unset!important; :link: unset!important; :visited: unset!important;}

/***********

popup alert echos disabled

.mw-echo-ui-notificationItemWidget { color: unset!important ; background: unset !important; } .oo-ui-popupWidget-popup { color: unset !important;} .oo-ui-popupWidget-body { background: unset !important;} .oo-ui-popupWidget-head > .oo-ui-labelElement-label { color: unset!important; } .mw-echo-ui-notificationItemWidget * { color: unset!important; background: unset!important ; } .oo-ui-popupWidget-footer .oo-ui-labelElement-label { color: unset!important;} .oo-ui-popupWidget-head, .oo-ui-popupWidget-footer { background: unset !important ; }

/* arrow color after links */ .external { background-image: none!important; filter: none; }

/* Used in Special:Upload */ .htmlform-tip { /* color: #ccc;*/ }

a.external:after { /* filter calculated to convert icon from black using https://codepen.io/sosuke/pen/Pjoqqp svg falls back to png, then none */ background-image: none; filter: invert(88%) sepia(5%) saturate(2721%) hue-rotate(177deg) brightness(91%) contrast(89%); background-image:url("https://www.me-pedia.org/images/d/d3/External-link-fa4.png"); background-image:url("https://www.me-pedia.org/images/c/c2/External-link-fa.svg"); background-size: 12px; background-repeat: no-repeat; }

.oo-ui-tagItemWidget { background-color: #ccc; color: #000; }

.oo-ui-iconElement-icon { filter: invert(100%); } /* inverted icons */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: invert(0%); } /* default a:link should set color .oo-ui-iconElement-icon .oo-ui-icon-eye, .oo-ui-iconElement-icon.oo-ui-icon-eye { filter: hue(100%); }

height: 700px; }
 * 1) iframeframe {

/* Form colors */ form { background: #333; } /* invert dropdown box colors */ option { /* override default os styling */ -appearance: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; background-image: none; /* background-image: linear-gradient(to bottom, #000 0%, #444 100%); */ } .mw-editform, select, option, option > li, .oo-ui-inputWidget, .oo-ui-indicator-down { background: #000; color: #ccc; }

@media screen and (max-width:850px) { font-size: 125%!important; } .portalbullets ul { margin-left: 8px; font-size: 19px!important; } .portalbullets ul li { font-size: 19px!important; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-right: 0; } }
 * 1) browsebar {

.mw-editsection-divider { display: none; }

/* Code from Visual editor extension adapted for pivot */

.oo-ui-lookupElement { background: black; color: magenta; }

/* source editing wikieditor button */ .oo-ui-toolbar-bar { background: #000; color: #000; border: 0; filter: invert(0%); }

/* fix name - check: does this do anything .oo-ui-dialog-content { background: orange; color: #ccc; } */

/* Visual editor layout only - mobiles */ @media screen and (max-width:851px) { .oo-ui-popupWidget { position: absolute; width: 300px; margin-left: 0!important; left: -9em !important; right: 0!important; max-width: 95vw !important; font-size: 90%!important; }

.oo-ui-popupWidget-popup { position: relative ; left: 0; } }

/* remove text shadow */ .oo-ui-popupWidget-body strong { text-shadow: none!important; }

.oo-ui-clippableElement-clippable .oo-ui-popupWidget-body { max-width: 100%!important; margin-left: 0; left:0; }

/* untested Changes by Notjusttired */

{ background: #333!important; color: #ccc!important; border: 2px solid #000; }
 * 1) search, .mw-search-profile-tabs

/* Color highlighted ref MediaWiki:Common.css */ body.action-info .mw-body-content :target, .citation:target { background-color: rgba(0, 127, 255, 0.133); }

/* Selection highlight */
 * -moz-selection

{ color: #ccc; background: #333; }
 * selection

{ color: #ccc; background: #333; }

input[type="number"], input[type="text"], input:not([type]), select { background-color: #333; color: #ccc; } button, a[type="button"], input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }

/* fix button background colors for edit button form */ div.editOptions { background: inherit; }

/* new button color code from dark vector skin */ /* Buttons that are grey with black text are framed ie not cancel or reset */ .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { background-color: #ccc!important; color: #222!important; border-color: #eee!important; filter: invert(0%); }

/* default button colors for preview, forms etc */ .oo-ui-buttonElement-button, .mw-ui-button, input[type="submit"], input[type="button"] { background-color: #ccc; color: #222; text-shadow: 1px 1px 0 #000; filter: invert(0%); } .oo-ui-buttonElement-framed { border-color: #aaa; }

/* button colors based on black skin gadget */ .oo-ui-buttonElement { background: #333; color: #ccc; border-color: transparent; filter: invert(0%); }

/* dropdown background */ textarea { background-color: #222; color: #eee; }

/* invert colors for cancel button that's actually a link */ input[type="reset"], .cancelLink, #mw-editform-cancel, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button { background-color: transparent!important; border: none; color: #fff !important; text-shadow: 1px 1px 0 #ccc; filter: invert(0%); } .oo-ui-buttonElement-button { background-color: #ccc; color: #333; border-color: #000; }

.oo-ui-buttonElement-button:hover, .mw-ui-button:hover, .oo-ui-buttonElement-button:active, .mw-ui-button:active { background-color: #eee; color: #222; }

.oo-ui-dropdownInputWidget select, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before { background-color: #4C4C4C !important; }

/* buttons in strong mid blue for dialogs #447FF5 */ .oo-ui-flaggedElement-primary > .oo-ui-buttonElement-framed { background-color: #447FF5 !important; border-color: #5079EE !important; color: #eee !important; text-shadow: 1px 1px 0 #000; filter: invert(0%); }
 * 1) wpSave,

div#globalWrapper { background-image: none; background-color: #333 ; color: #ccc; } /* .box less fix */ .box { background: #333; }

div#content, .mw-body { background-color: #333; color : #ccc; border-color: #333; }

/* show missing tools on menu RSS, printable version, permanent page link, may depend on php, see phabricator bookmark ? */ /* removed - a php issue display: block; }
 * 1) p-tb-label, #t-permalink, #t-print, #t-citethispage, #t-feeds, #p-whatlinkshere, #p-feeds {

.ui-menu-item > a.ui-corner-all, ui-menu-item { color: #ccc; background: #333; }

color: #999 !important; }
 * 1) p-search.ui-state-hover, .ui-state-active {

.ui-state-focus, .ui-state-default { color: #999 !important; }

/* non-search dropdowns use intermediate color */ .ui-state-hover, .ui-state-active { color: #ccc; }

border-color: #000; color: #ccc; }
 * 1) mw-searchoptions {

/* margins for mobiles */ margin-left: 2px; margin-right: 2px; } margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border: none; }
 * 1) p-cactions {
 * 1) mw-body-content {

/* fixes copied from white timeless for visual editor colors */ .parsoid-body {   color: #ccc; }

/* Changes by Notjusttired */

border-color: transparent!important; background-color: transparent !important; }
 * 1) searchButton {

/* addthis colors */ .addthis_default_style { background-color: #222 !important; border-color: #111; color: #ccc; }

/* bullet points within Portal gallery or Portal table sections */ ul.gallery, .gallerybox { color: #ccc; background-color: #333; border-color: #333; }

.toc, #toc, .gallery, .gallerybox, table, p, div, table ul, table li { background: #333; color: #ccc; border-color: #333; }
 * 1) mw-content-text,
 * 1) mw-content-text ul,
 * 1) p-cactions,

table.wikitable { text-shadow: 2px 2px 2px #000; }

/* wikieditor code */

.wikiEditor-ui { border-bottom: 1px solid #aaa!important; }

.wikiEditor-ui-toolbar, .wikiEditor-ui-right, .wikiEditor-ui, .wikiEditor-ui-toolbar .tabs, .oo-ui-fieldlayout, .wikiEditor-ui-right, .wikiEditor-toolbar-dialog, .wikieditor-toolbar-table-preview-wrapper, wikieditor-toolbar-table-preview-frame, .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .sections .section, .ve-init-mw-editSwitch, .oo-ui-tool, .toolbar, .wikiEditor-ui-toolbar > .options .option { background-color: #000; color: #eee; /* filter: invert(0%); */ border-color: #000; }

/* .oo-ui-tool-link, .oo-ui-tool-title, .oo-ui-icon-edit { background: #fff; color: #333; filter: invert(100%); }

.wikiEditor-ui-toolbar .sections, .wikiEditor-ui-toolbar .section .section-main, .wikiEditor-ui-toolbar > .section, .wikiEditor-ui-toolbar .group-search, .wikiEditor-ui-toolbar > .section-help, .wikiEditor-ui-buttons, .wikiEditor-ui-controls { filter: invert(0%); background: #000; color: #eee; border: #000; }

.group-size { background-color: #000; color: #eee; filter: invert(100%); border-color: transparent; }

.group-insert, .group-heading, .oo-ui-icon-wikiText, .group > .label { background-color: #000; color: #eee; filter: invert(0%); border: #000; } /* .group-codeeditor-main { color: #eee; filter: invert(0%); }

.group-format { background-color: #eee; color: #111!; filter: invert(0%); border: transparent; }

.wikiEditor-ui-toolbar > div, .wikiEditor-ui-toolbar div, .wikiEditor-ui-toolbar >.pages, .wikiEditor-ui-toolbar .page-table, .wikiEditor-ui-toolbar .page-table table, .wikiEditor-ui-toolbar .booklet .index div, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .page-table, .wikiEditor-ui-toolbar .booklet .page-table th, .wikiEditor-ui-toolbar .booklet .page-table td, .tab-characters, .tab-advanced, .section-advanced, .section-characters, .wikiEditor-ui-toolbar .page-characters, .wikiEditor-ui-toolbar .page-characters div span { background: #000; color: #eee; filter: invert(0%); } .tab-characters, .section-characters { filter: invert(0%!important); }

/* .tool.tool-button, .tool, .tool-button.tool-active, .tools-online { color: #000!important; }

/* Advanced, heading, insert and dropdowns */ .wikiEditor-ui-toolbar > .options .option:link, .wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .tabs div, .wikiEditor-ui-toolbar .tabs > a.current:visited, .wikiEditor-ui-toolbar .tabs > a.current:link, .wikiEditor-ui-toolbar .tabs .tab a, .wikiEditor-ui-toolbar .tabs > a, .wikiEditor-ui-toolbar .tabs > a.current, .wikiEditor-ui-toolbar .tabs > a:link, .wikiEditor-ui-toolbar .tabs > a:visited, .wikiEditor-ui-toolbar .page-table > a, .wikiEditor-ui-toolbar .page-table > a:link, .wikiEditor-ui-toolbar .page-table > a.current, .wikiEditor-ui-toolbar .page-table > a.current:link, .wikiEditor-ui-toolbar .page-table > a.current:visited, .wikiEditor-ui-toolbar .page-table > a:visited, .wikiEditor-ui-toolbar .section-help > .cell-syntax, .wikiEditor-ui-toolbar .page-table > .cell-syntax a, .wikiEditor-ui-toolbar .section-help > .cell-result, .wikiEditor-ui-toolbar > .suggestions a:link, .wikiEditor-ui-toolbar > .suggestions a, .wikiEditor-ui-toolbar > a:focus, .tab-characters a, .tab-characters a:link, .tab-characters a:visited, .page-characters > a, .page-characters .span, .page-characters a.span:link, .wikiEditor-ui-toolbar .page-table > a, .wikiEditor-ui-toolbar .page-table > a:link { color: #ccc; filter: invert(0%); }
 * 1) wikiEditor-ui-toolbar .tabs .tab,

.wikiEditor-ui-toolbar .section-help .page-table tr td { color: #ccc; border-color: #333; }

/* hover and active links sky blue */ .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .tabs > a, .wikiEditor-ui-toolbar .tabs > a.current:hover, .wikiEditor-ui-toolbar .tabs > a:hover, .wikiEditor-ui-toolbar .tabs .tab a:hover, .wikiEditor-ui-toolbar > .options .option:hover, .wikiEditor-ui-toolbar > .options .option:active, .wikiEditor-ui-toolbar .tabs .tab a:active, .wikiEditor-ui-toolbar .tabs > a:active, .wikiEditor-ui-toolbar .tabs > a.current:active, .page-characters span:hover, .page-characters span:active { background-color: #000; color: #56b4e9; }

/* Recent changes title area */ fieldset { border-color: #000; background-color: #333; color: #ccc; }

/* add to existing mobile section margins */ color: #ccc; background: #333; border-color: #333; } padding-bottom: 0.5em; -webkit-border-bottom-right-radius: 0!; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-radius: 0; }
 * 1) mw-body, #mw-content {
 * 1) mw-content {

border-bottom: #E7453A solid 2px; background: #000; border-image: none; }
 * 1) mw-content-block {

.mw-body, #mw-content-block { background-image: none; } .catlinks { border-image: none; }

/* Visual editor tool colors */

/* Cite button text */ .oo-ui-tool-title, .oo-ui-tool-accel { color: #fff; background: #000; }

/* end of visual editor colors */