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'><a role='button' class='oo-ui-buttonElement-button'>

<span class='oo-ui-iconElement-icon oo-ui-icon-eye oo-ui-image-invert'></span><span class='oo-ui-labelElement-label'>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: inherit!important;}
.oo-ui-tool, .oo-ui-tool-link
  { color: inherit!important;}


.wikiEditor-ui,
.wikiEditor-section-main
 { background-color: inherit!important;}
.group-codeeditor-main,.group.group-format,
.group-size, .group-format span,
.group-insert span
 {
  background-color: inherit!important;
  color: inherit!important;
  filter: inherit!important;
}
.group {background-color: inherit!important;
  color: inherit!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: inherit!important;
 color: inherit!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 ;
}
********** */


.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%);
}
*/

#iframeframe {
  height: 700px;
}


/* 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) {
#browsebar {
 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;
 }
}





.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 Recent Changes by Notjusttired */

.mw-search-profile-tabs 
   {
  background: #333!important;
  border: 2px solid #000;
}

#search {
  background: #333!important;
  color: #ccc!important;
  border: 2px solid #000;
}

/* 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 */
 #wpSave,
.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%);
}

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 
#p-tb-label, #t-permalink, #t-print, #t-citethispage, #t-feeds, #p-whatlinkshere, #p-feeds {
  display: block;
 }
*/

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

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

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

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

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




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

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





/* Changes by Notjusttired */

#searchButton {
  border-color: transparent!important;
  background-color: transparent !important;
}

/* 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;
}

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

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







/* wikieditor code */

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

#editform {
  background-color: #000!important;
  color: #eee!important;
}

/* importants might not be needed after unset stuff take out of live  code */
.wikiEditor-ui, .wikiEditor-ui-top {
 background-color: #000!important;
 color: #eee!important;
 filter: invert(0%);
}
.wikiEditor-ui-view-wikitext {
  background-color: #000;
  color: #eee;
  filter: invert(0%);
}

.wikiEditor-ui-left, 
.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 .tab,
.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%);
}

.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;
}

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

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

.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  */

β β / Β. Greek letter beta (a symbol used in science), equivalent to "b".