User:Notjusttired/disabled timeless.css

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
< User:Notjusttired
Revision as of 01:39, October 23, 2019 by Notjusttired (talk | contribs) (transparent border on elements after transparent class)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* to do - 
2. visual editor colors 
3. visual editor layout 
4. other pop-up or overlay colors 
*/

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

/* transparent logo needs white background to get black text visible */
.mw-wiki-logo img {
    background-color: #FFF;
}

/* recent changes colors */
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, 
.mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions {
	color: #ccc;
	.box;
}

.oo-ui-popupWidget {
font-size: 95%;
width: 95% !important;
/* Color gets inverted */
background: #eee;
}
.mw-echo-ui-notificationItemWidget {
/* these colors get inverted */
 color: #000!important ;
 background: #fff !important;
 width: 100%;
}

/* Alerts heading plus body background */
.oo-ui-popupWidget-popup {
/* colors get inverted */
background: #eee;
color: #333 !important;
margin-left: 1rem !important ;
width: 95vw !important;
max-width: 100vw !important;
}
.oo-ui-popupWidget-body {
  background: transparent !important;
}
/* echo alerts popup heading  */
.oo-ui-popupWidget-head > .oo-ui-labelElement-label {
   color: #ccc!important; 
}
.mw-echo-ui-notificationItemWidget * {
 color: #000!important;
 background: transparent!important ;
}
.mw-echo-ui-notificationItemWidget .oo-ui-clippableElement-clippable {
  background: transparent;
}
.oo-ui-popupWidget-footer .oo-ui-labelElement-label {
   color: #333!important;
}
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
  filter: invert(100%);
  background: #000 !important ;
}
.oo-ui-image-invert {
 filter: none;
}

.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: none;
    color: #56b4e9;
}

#iframeframe {
  height: 700px;
}

.thumbinner
{
  background-color: transparent; 
  color: #ccc; 
  border-color: #222;
}

/* Form colors */
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;
}
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;
 }
}
/* Portal box colors */
.boxbackground {
 background: #333!important;
 color: #ccc!important;
 border-color: #222!important;
 border-width: 2px;
}

.boxtitlecolor, .whitetext {
 color: #eee!important;
}
.whitetext {
 box-shadow: none;
}

.boxtitlebackground {
 background: #000!important;
 border-color: #000!important;
}

/* Dark colors for use over colored backgrounds, sets paler text and changes border color of there is a border */
.darkskin {
 color: #ccc!important;
 box-shadow: none;
 border-color: #222!important;
}

.shortcutbox { 
background: #222;
} 

.code { 
background: transparent; 
 } 
/* Code editing colors */
.mi, .mh, .kp, .kc { color: #eee!important;} 
.p, .o { color: #aaa!important;} 
.k, .ki, .mt { color: lightgreen!important;}
.nc, .nt { color: skyblue!important;}
.c { color: lightgray!important;}
.cp { color: palegoldenrod!important; }
.nb, .nn {color: #f5b561!important;}
.nd {color: #EE2222!important ;}

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

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


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

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

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

/* 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;
    border: none;
    color: #fff !important;
    text-shadow: 1px 1px 0 #ccc;
    filter: none;
}

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

div#globalWrapper {
  background-image: none;
  background-color: #333 ;
  color: #ccc;
  }

 #mw-page-base {
    background: none;
}

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

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

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

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





/* Changes by Notjusttired */
/* make orange brighter using low vision colors */
a {
  color: #E69F00;
}
/* unvisited links */
a:link, a:active {
 color: #E69F00;
}
.current, .current a {
   color: #E69F00!important;
}
/* wanted pages red color */
a.new { 
  color: #FF4444;
}
/* stubs lighter than low vision sky blue */
a.stub {
  color: #86d4f9 !important;
}
/* low vision sky blue shade for visited */
/* mid blue links */
a:visited, a:hover, a.link:visited {
  color: #56b4e9;
}
/* external links rapture blue shade */

.mw-body-content a.external,
 a.external:visited { 
 color: #83BFCE;
}

/* caption does site visits */
body, caption {
color: #cccccc;
}
caption big {
 color: #bbbbbb;
 font-weight: normal;
}

/* set dark colors where missing*/
#mw-wrapper, #mw-header, #mw-header-container,
.right-off-canvas-menu, 
.left-off-canvas-menu,
.off-canvas-list,
.sidebar-chunk
{
 background-color: #000;
 color: #ccc; 
 border-color: #aaa;
}

/* set light colors where missing eg spans */
span, .label  {
  color: #eee;
}

.sidebar-inner {
background-color: #333;
color: #ccc;
border-color: #aaa;
}

#p-logo-text a, #p-logo-text {
  background-color: #000;
  color: #eee;
  font-family: Oswald, sans-serif;
  font-style: italic;
  font-variant: small-caps;
}
#p-logo-text a::before { 
  content: "#";
  font-family: Oswald, sans-serif;
  font-style: italic;
  font-variant: normal;
}
div#simpleSearch,
.suggestions-special .special-label,
.suggestions-result,
.suggestions-special .special-query {
    color: #ccc!important;   
    background-color: #333!important;
}
#searchButton {
  border-color: transparent!important;
  background-color: transparent !important;
}

/* Dropdown box autocomplete must not be navy */
/* Search results suggestion box */
.suggestions-results,
 .suggestions-special {
    background-color: #000;
    color: #ccc;
    border: solid 1px #aaa!important;                     
}

@media screen and (max-width:851px) {
#user-tools { 
background-color: #000;
}

#user-tools h2 {
display: block;
}
#user-tools h2 ul {
   background-color: #333;
}

#user-tools { 
position: absolute;
right: 1em;
top: 0;
}

#personal-extra { 
  position: relative;
  left: -12rem;
  top: 0.75rem;
  background-color: transparent;
}
#personal-inner {
  background-color: #333;
}

#pt-notifications-alert,
#pt-notifications-notice { 
filter: invert(100%);
background: transparent;
}
} /* end small screen changes */
/**********************************/

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

/* Images - transparent images need white background */
.mw-body img {
    border: 2px solid #000;
    background-color: #FFF;
    
}

/* gallery image border */
.thumb, .image { 
margin: 0.5rem auto; 
background-color: #333 !important;
border: 1px solid #000 !important;
} 
img.transparent, .transparent img,
 div.transparent, .mbox-image > img,
 .transparent .thumbinner, .transparent .image
{
	background: transparent;
        border: 0!important;
}

hr {
    border-color: #000;
    background-color: #333;
}

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

.color-left, .color-right {
background-color: #333;
}
.color-left-container, 
.color-right-container, 
.color-middle-container,
.color-middle {
background-color: #E7453A;
color: #333;
}
.color-bar {
background: #E7453A;
}

#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 background colors and allow scroll off side */
table { 
    background-color: #333;
    color: #ccc;
    border-color: #000;
    overflow-x: auto;
}
th {
    background-color: #333;
    color: #ccc;
    border-color: #000;
}
tr, td {
    background-color: #333;
    color: #ccc; 
    border-color: #000;
}

/* Tabular tables - used on main page  */
table.wikitable {
  border-color: #000 !important;
  color: #ccc;
  text-align: center;
  background-color: #000;
  text-shadow: 2px 2px 4px #000;
}
.wikitable tr {
  background-color: #333;
  border-color: #000;
  color: #eee;
}
.wikitable > * > tr > th {
  background-color: #454544!important;
  border-color: #000;
  color: #fff!important;
}

.wikitable tr, .wikitable tr td {
  background-color: #333;
  border-color: #000 !important;
  color: #ccc;
}

/* JQuery white sort arrows  */
table.jquery-tablesorter th.headerSort {
    filter: invert(100%);
}
table.jquery-tablesorter th.headerSortUp {
    filter: invert(100%);
}
table.jquery-tablesorter th.headerSortDown {
    filter: invert(100%);
}
/* search results had defaulted to black, and dark green for date, size under results  */
.searchResults {
  background-color: #333;
  color: #ccc;
}
.results-info, .mw-search-result-data {
  color: #aaa;
}

/* Color code snippets incl for errors  */
code { 
    background-color: #ccc; 
    color: #000; 
    font-weight:bold;
}
.error code { 
    color: #FF4444; 
}

/* wikieditor code */
.wikiEditor-ui,
.wikiEditor-section-main {
  background-color: #000;
  color: #fff;
}

/* Advanced, heading, insert and dropdowns  */
.wikiEditor-ui-toolbar div.tabs a:link,
.wikiEditor-ui-toolbar div.tabs a:visited,
.section-characters div.index div
  {
    background-color: #000;
    color: #fff;
    border-color: #333;
    filter: none!important;
}

.wikiEditor-ui-toolbar,
.toolbar, .sections, .tabs, .tab {
 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;
}
.oo-ui-widget { 
  background: #333;
  color: #eee;
}

/* wikieditor background and icons without text */
 .group {
 background-color: #000!important; 
 color: #fff!important; 
}

/* Code edit, bold and italic icons */

 .group-codeeditor-main, .group-format,
.group-size, .group-format span,
.group-insert span
{
 filter: invert(100%)!important;
 background-color: #fff!important; 
 color: #000!important; 
}

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

/* add to existing mobile section margins */
#mw-body, #mw-content {
 padding-left: 1px;
 padding-right: 1px;
 color: #ccc;
 border-color: #333;
}
} /* end media screen */

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

#footer-container, 
#footer-bottom, #mw-footer {
 background-color: #000;
 border: 0;
}
#mw-content-container {
border: 0;
border-bottom: #E7453A 5px solid;
background: #333;
}

.mw-body, #mw-content-block {
 background-image: none;
border: 0;
}
.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-tool, .oo-ui-tool-link
 {
  background: #000!important;
  color: #fff!important;
}

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

.oo-ui-clippableElement-clippable {
background: #333;
color: #ccc
}

/* end of visual editor colors  */


.mw-body-text {
  color: #ccc;
}
.mw-indicators {
/* symbols need filter */
 background-color: transparent!important;
 filter: invert(100%);
 border: none;
}

#mw-indicator-mw-helplink a {
 color: #000!important;
}
#mw-indicator-mw-helplink {
 background: inherit!important;
}
.mw-changeslist-legend {
 background: transparent;
 color: #ccc!important;
}

.mw-changeslist-legend-plusminus {
 color: #ccc;
}

.mw-plusminus-null { 
color: #bbb;
 } 

/* green */
.mw-plusminus-pos {
 color: #33aa33;
 }

 .autocomment {
  color: #ccc; 
} 

legend {
    border-color: #000;
    color: #ccc!important;
    background-color: #333!important;
}
legend a {
    .current: #eee!important;
    :link: #eee!important;
    :visited: #eee!important;
}

/* License images */
.layouttemplate tr td img,
.layouttemplate tr td p img {
 filter: invert(100%);
 background: transparent;
 border-color: transparent;
}

.suggestions-query, .suggestions-special {
 background-color: #222!important;
}
/* end of new code */