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

wikiEditor-ui-toolbar .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

/* Brighter icons */ .bright { filter: brightness(200%) } .brighter { filter: brightness(350%) }

/* eg for userboxes */

.noborder { border: none; }

img.noimgborder, .noborder > img, .noborder table tr td img, .noborder table tr td div, .noimgborder > img { border: none; }

/* Medical hypotheses, potential treatments banner */ .title { background-color: #56b4e9; color: white; margin:auto; padding:20px; width:100%; text-align: center; font-size: 1.8em; text-shadow: 1px 1px black; } .title a.link:active, .title a.link:hover, .title a.link:visited, .title a.link, .title a { color: white !important; font-weight: bold; }

.oo-ui-image-invert { filter: invert(0%); }

.oo-ui-tagItemWidget { background-color: #ccc; color: #000; } .mw-ui-input:focus border-color: #aaa; box-shadow: inset 0 0 0 1px #aaa; }

.oo-ui-iconElement-icon { filter: invert(100%); } /*not working - use sky blue not orange for inverted icons */ .oo-ui-iconElement-icon .oo-ui-image-invert, .oo-ui-iconElement-icon .oo-ui-icon-eye { filter: invert(0%); color: #56b4e9; }

height: 700px; }
 * 1) iframeframe {

/* Form colors */ 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; } div.portalbullets ul { margin-left: 8px; font-size: 19px!important; } div.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; }

.oo-ui-toolbar-bar { background: #000; color: #000; border: 0; }

/* does this do anything .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

strong, em { color: inherit; }

/* reference redirects image */ .redirectText img { filter: invert(100%); }

@media screen {

a.interwiki, a.external { color: #aaa; } a.interwiki:visited, a.external:visited { color: #56b4e9; }

/* De-Color user signature links (black-on-black) */ a:not([class]) font, a:not([class]) span, a:not([class]) bold { background-color:inherit!important; color:inherit!important; }

/* Color explanations with tool tips */ abbr, acronym, .explain { border-color: #000; color: #ccc; background-color: #333; }

/* 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, 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:hover, .mw-ui-button:hover { 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; }

background: none; }
 * 1) mw-page-base {

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 {

.mw-ui-input:focus { border-color: #aaa; box-shadow: inset 0 0 0 1px #aaa; } .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; }
 * 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: #000 !important; border-color: #111; color: #ccc; }

img.transparent, .transparent img, div.transparent, .mbox-image > img, .transparent .thumbinner, .transparent .image {	background: transparent; border: 0!important; } /* used for non-inverted images etc */ .noinvert, .white { filter: invert(0%); } .white { background: #fff; }

/* 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, .wikiEditor-section-main { background-color: #000; color: #fff; filter: invert(0%); }

/* Advanced, heading, insert and dropdowns */ .wikiEditor-ui-toolbar div.tabs > a:link, .wikiEditor-ui-toolbar div.tabs > a.current, .wikiEditor-ui-toolbar div.tabs > a:visited, .section-characters div.index div {   background-color: #000; color: #fff; border-color: #333; filter: invert(0%); }

.wikiEditor-ui-toolbar, .toolbar, .sections, .tabs, .tab, .options, .options .option, .wikiEditor-ui-toolbar > .booklet, .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .group .tool, .wikiEditor-ui-toolbar > .page-table, .wikiEditor-ui-toolbar > a.current, .wikiEditor-ui-toolbar > .tool-select { background: #000!important; color: #000!important; border-color: #000; } .oo-ui-iconElement-icon, .oo-ui-icon-search, .oo-ui-indicatorElement-indicator { filter: invert(100%); background-color: transparent!important; }
 * 1) wikiEditor-ui-toolbar,

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

/* add to existing mobile section margins */ color: #ccc; border-color: #333; }
 * 1) mw-body, #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!important ; background: #000!important; }

.oo-ui-buttonElement-button { background-color: #ccc; color: #333; border-color: #000; }

/* end of visual editor colors */