Difference between revisions of "MediaWiki:Timeless.css"

From Operator The Game Wiki
 
(49 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the Timeless skin */
/* All CSS here will be loaded for users of the Timeless skin */
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  background-color: #333;}
#mw-header-nav-hack,#mw-site-navigation .sidebar-inner,#mw-related-navigation .sidebar-inner {
  border-top: solid 2px #464141;
  background: #333;
}
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type="submit"] {
  border-radius: 2px;
  padding: 0.35em 1em;
  background-color: #408040;
  font-weight: bold;
  color: #fff;
  border: solid 1px #408040;
}
#pagehistory li.selected {
  background-color: #333;
  color: white;
  outline: 1px dashed #a2a9b1;
}
.mw_metadata th, .wikitable th {
  background: #333;}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
background-color: #408040;
border-color: #224a22;}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: #f9fbfd;}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #5b5b5b;}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
  background-color: #717171;}
.oo-ui-optionWidget.oo-ui-optionWidget-highlighted{
background-color:#232323;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #f8f9fa;
  color: #fff;}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
  color: #ecb46b;}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
  background-color: #1e1e1e;}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: white;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #c6c6c6;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget, div.editOptions {
  background: #333;
  color:white;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  background-color: #424242;}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
  color: #fff;}
.oo-ui-menuSelectWidget {
  position: absolute;
  width: 100%;
  z-index: 4;
  color: white;
  background-color: #333;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color: #464646;
color:white}
.mw-rcfilters-ui-menuSelectWidget-footer {
  background-color: #333;}


#mw-content-container, #mw-header-container{
#mw-content-container, #mw-header-container{
Line 6: Line 98:
color: white !important;
color: white !important;
}
}
.oo-ui-popupWidget-popup {
  background-color: #333;}


#personal .dropdown::after { border-bottom-color: #333;}
#personal .dropdown::after { border-bottom-color: #333;}
Line 118: Line 213:
.color-left { background:#d79810;}
.color-left { background:#d79810;}
.color-right { background:#d79810;}
.color-right { background:#d79810;}
/*
.mw-list-item{
background: #6a6565;
padding: 3px;
border-radius: 3px;
border: 1px solid gray;
color: black;
}
*/

Latest revision as of 22:23, 12 May 2022

/* All CSS here will be loaded for users of the Timeless skin */




.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  background-color: #333;}







#mw-header-nav-hack,#mw-site-navigation .sidebar-inner,#mw-related-navigation .sidebar-inner {
  border-top: solid 2px #464141;
  background: #333;
}


form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type="submit"] {
  border-radius: 2px;
  padding: 0.35em 1em;
  background-color: #408040;
  font-weight: bold;
  color: #fff;
  border: solid 1px #408040;
}

#pagehistory li.selected {
  background-color: #333;
  color: white;
  outline: 1px dashed #a2a9b1;
}

.mw_metadata th, .wikitable th {
  background: #333;}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
background-color: #408040;
border-color: #224a22;}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: #f9fbfd;}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #5b5b5b;}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
  background-color: #717171;}

.oo-ui-optionWidget.oo-ui-optionWidget-highlighted{
background-color:#232323;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #f8f9fa;
  color: #fff;}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
  color: #ecb46b;}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
  background-color: #1e1e1e;}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: white;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #c6c6c6;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget, div.editOptions {
  background: #333;
  color:white;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  background-color: #424242;}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
  color: #fff;}

.oo-ui-menuSelectWidget {
  position: absolute;
  width: 100%;
  z-index: 4;
  color: white;
  background-color: #333;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color: #464646;
color:white}

.mw-rcfilters-ui-menuSelectWidget-footer {
  background-color: #333;}

#mw-content-container, #mw-header-container{
background-color: #263240;
border-bottom: 0;
color: white !important;
}

.oo-ui-popupWidget-popup {
  background-color: #333;}

#personal .dropdown::after { border-bottom-color: #333;}

body{background-color:#333}

.mw-rcfilters-ui-filterMenuHeaderWidget-title{
color:white
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
  border-bottom: 1px solid #c8ccd1;
  background-color: #333;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: #a8a8a8;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
background-color:#333
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title{
color:white
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle{
background-color: #333;
color: white;
}

.warningbox {
  background-color: #806d6d;
  border-color: #fc3;
}

.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable, ul#filetoc, .toc, .toccolours, .mw-warning, .wikitable > tr > th, .wikitable > * > tr > th, .mw_metadata td

{
background-color:#333;
border: solid #141414;
color: white;
border: 1px solid gray;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input{
background-color: silver;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button
{
color: #fff;
background-color: #408040;
border-color: #224a22;
}

#personal .dropdown{
background-color:#333
}

.mw-body h1.firstHeading, .tools-inline li.selected{
  margin: 0.25em 0 0.5em;
  border-bottom: solid 4px #263240;
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk
{
background: #333333;
border: solid #404348;
}

#mw-content {
background-color: #1c1c1c;
color: white;
border: 0;
}

#simpleSearch {
  box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.05);
  background: #777676;
  position: relative;
  border: solid 1px gray;
color: red;
}

.thumbinner{
background: #777676;
border: solid 1px gray
}

.thumbinner .thumbimage, .thumbborder{
border: solid 1px gray
}

a 
{
color: #d79810 !important;
text-shadow: 0 0 4px black;
}

#p-logo-text a {
color: #d79810
}

.tools-inline, li.selected a{
color: white
}

.color-middle{ background:#d79810; }
.color-left { background:#d79810;}
.color-right { background:#d79810;}