Difference between revisions of "MediaWiki:Blackspace.css"

From OMORI Wiki
Jump to navigation Jump to search
 
(122 intermediate revisions by the same user not shown)
Line 1: Line 1:
html, body {
/* ======== */
  height:100% !important;
/* SKINNING */
/* ======== */
@keyframes slide {
0%{
background-position: 0px 0px;
}
100%{
background-position: -679px 0px;
}
}
}


div#mw-panel {
/* scrolling top bg - Width/6 = A, A/2 = B, Width/B = 12 */
  min-height: 100% !important;
#mw-page-base {
  border-right: 1px solid #7F7F7F !important;
background: url(images/6/68/SkinBSP_Background.png) 0% 0% repeat;
image-rendering: crisp-edges;
animation: slide 56.5833333333s linear infinite;
}
}


/* FONTS */
/* replace logo with hq logo because we're epic */
@font-face {
.mw-wiki-logo {
  font-family: 'OMORI_GAME';
background-image: url(images/2/29/SkinDark_Logo.png) !important;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/OMORI_GAME.woff2) format('woff2');
}
 
@font-face {
  font-family: 'OMORI_GAME2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/OMORI_GAME2.woff2) format('woff2');
}
}


/* PAGE CONTENT */
.logo-text {
/* replace logo with hq logo because we're epic */
background-image: url(images/c/c2/SkinDark_LogoText.png) !important;
.mw-wiki-logo {
  background-image: url(images/2/2b/SkinBS_Logo.png) !important;
  background-size: 135px 135px;
}
}


Line 35: Line 30:
#p-logo
#p-logo
{
{
  background: url(images/8/84/SkinBS_SidebarTop.png) repeat-y #f1f0ef !important;
background: url(images/0/09/SkinDark_SidebarTop.png) repeat-y #000000 !important;
  border-right: 1px solid #7F7F7F !important;
}
 
/* scrolling top bg */
#mw-page-base {
  background: url(images/c/cd/SkinBS_Background.png) 0% 0% repeat;
  image-rendering: crisp-edges;
  width: 100%;
  animation: slide 100s linear infinite;
}
 
@keyframes slide {
  0%{
    background-position: 0px 0px;
  }
  100%{
    background-position: -1023px 0px;
  }
}
 
/* personal link colors */
#p-personal li * {
  color: #ffffff !important;
  text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
}
 
/* slightly smaller page heading */
#firstHeading {
  font-size: 1.7em !important;
}
}


/* main content bg and borders */
/* main content bg and borders */
#content {
#content {
  background: url(images/d/d6/SkinBS_Content.png) repeat-x #1F1D1B !important;
background: url(images/1/19/SkinDark_Content.png) repeat-x #1F1D1B !important;
  border-left: 1px solid #7F7F7F !important;
  border-top: 1px solid #7F7F7F !important;
  border-bottom: 1px solid #7F7F7F !important;
}
}


/* sidebar background */
/* sidebar background */
body {
body {
  overflow-x: hidden;
background: url(images/3/39/SkinDark_Sidebar.png) repeat-y #000000 !important;
  background: url(images/8/81/SkinBS_Sidebar.png) repeat-y #000000 !important;
}
 
/* fix for top section of sidebar */
div.body.vector-menu-content {
  margin-left: 0.5em !important;
}
}


/* sidebar custom color */
/* sidebar custom color */
ul.vector-menu-content-list li a {
ul.vector-menu-content-list li a {
  margin-right:4px;
color: #FFFFFF !important;
  color: #ffffff !important;
}
}


/* sidebar separator */
/* sidebar separator */
h3#p-tb-label {
h3#p-tb-label {
  background-image: url(images/f/f8/SkinBS_Separator.png) !important;
background-image: url(images/6/67/SkinDark_Separator.png) !important;
  background-position: left bottom;
  background-size: 122px 1px;
}
 
/* footer */
footer#footer.mw-footer {
  margin-left: 10em;
  border-left: 1px solid #7F7F7F !important;
}
 
/* make font generally smaller */
#bodyContent, .mw-body-content {
  font-size: 0.8em;
}
 
/* force bullet lists to not use img */
ul {
  list-style-image: none !important;
}
 
/* fix for 982px screen discrimination code */
@media screen and (min-width:982px) {
  div#content {
    margin-left: 10em !important;
    padding: 1em 1em 1em 1em !important;
  }
  #mw-panel {
    padding-left: 0em !important;
  }
  #p-search {
    margin-right: 0.5em !important;
  }
  #p-personal {
    right: 0.75em !important;
  }
}
 
/* keeping for now, account for additions to shared.css */
table.wikitable {
  border-collapse: separate;
}
 
/* keeping for now, for site notice */
#siteNotice div, #siteNotice p {
  margin: -0.5em 0em 1.5em 0em
}
 
/* TABS */
/* make tabs use relative so center section works */
nav.vectorTabs ul li {
  position: relative;
}
 
/* get rid of default tab separators */
nav.vectorTabs, nav.vectorTabs ul, nav.vectorMenu h5 a {
  background: none !important;
}
 
/* position text correctly */
nav.vectorTabs ul li, nav.vectorTabs ul li * {
  margin: 0px !important;
  padding: 0px !important;
  background: none !important;
}
}


/* font and whatnot */
/* font and whatnot */
nav.vectorTabs ul li * {
nav.vectorTabs ul li * {
  color: #EDECEB !important;
color: #EDECEB !important;
  font-family: "OMORI_GAME2" !important;
font-family: "OMORI_GAME2" !important;
  font-size: 20px !important;
}
}


/* bright on hover */
/* bright on hover */
nav.vectorTabs ul li:hover * {
nav.vectorTabs ul li:hover * {
  color: #ffffff !important;
color: #ffffff !important;
}
}


Line 175: Line 67:
/* tab positioning and left */
/* tab positioning and left */
nav.vectorTabs ul li {
nav.vectorTabs ul li {
  background: url(images/5/5a/SkinDefault_TabOffLeft.png) bottom left no-repeat !important;
background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
  padding-left: 10px !important;
  height: 24px !important;
  margin-top: 16px !important;
  margin-right: 4px !important;
  background-size: 20px 24px !important;
}
}


/* center */
/* center */
nav.vectorTabs ul li:before {
nav.vectorTabs ul li:before {
  background: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
  content: "";
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 8px;
  height: 24px;
  background-size: 10px 24px !important;
}
}


/* tab positioning and right */
/* tab positioning and right */
nav.vectorTabs ul li a {
nav.vectorTabs ul li a {
  background: url(images/3/31/SkinDefault_TabOffRight.png) bottom right no-repeat !important;
background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  margin-left: -10px !important;
  padding-bottom: 0px !important;
  line-height: 24px !important;
  height: 24px !important;
  display: block !important;
  position: relative !important;
  background-size: 20px 24px !important;
}
}


Line 212: Line 83:
/* left */
/* left */
nav.vectorTabs ul li.new {
nav.vectorTabs ul li.new {
  background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important;
background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important;
  background-size: 20px 24px !important;
}
}


/* center */
/* center */
nav.vectorTabs ul li.new:before {
nav.vectorTabs ul li.new:before {
  background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important;
background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important;
  content: "";
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 8px;
  height: 24px;
  background-size: 10px 24px !important;
}
}


/* right */
/* right */
nav.vectorTabs ul li.new a {
nav.vectorTabs ul li.new a {
  background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important;
background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important;
  background-size: 20px 24px !important;
}
}


Line 237: Line 99:
/* left */
/* left */
nav.vectorTabs ul li.selected {
nav.vectorTabs ul li.selected {
  background: url(images/e/e2/SkinBS_TabOnLeft.png) bottom left no-repeat !important;
background-image: url(images/b/b2/SkinDark_TabOnLeft.png) !important;
  background-size: 20px 24px !important;
}
}


/* center */
/* center */
nav.vectorTabs ul li.selected:before {
nav.vectorTabs ul li.selected:before {
  background-image: url(images/1/11/SkinBS_TabOnCenter.png) !important;
background-image: url(images/e/e2/SkinDark_TabOnCenter.png) !important;
  content: "";
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 8px;
  height: 24px;
  background-size: 10px 24px !important;
}
}


/* right */
/* right */
nav.vectorTabs ul li.selected a {
nav.vectorTabs ul li.selected a {
  background: url(images/a/a1/SkinBS_TabOnRight.png) bottom right no-repeat !important;
background-image: url(images/3/3e/SkinDark_TabOnRight.png) !important;
  background-size: 20px 24px !important;
}
}


/* disable text coloring for selected tabs */
/* disable text coloring for selected tabs */
nav.vectorTabs ul li.selected * {
nav.vectorTabs ul li.selected * {
  color: #FFFFFF !important;
color: #FFFFFF !important;
  cursor: default !important;
}
}


/* force text coloring for uncreated tabs */
/* force text coloring for uncreated tabs */
nav.vectorTabs ul li.selected.new * {
nav.vectorTabs ul li.selected.new * {
  color: #733c17 !important;
color: #733c17 !important;
}
}


/* MORE TAB */
/* MORE TAB */
/* more tab bg and fixing */
/* left */
nav.vectorMenu {
nav.vectorMenu {
  background: url(images/6/6b/SkinDefault_TabMore.png) no-repeat !important;
background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
  width: 66px !important;
  top: 16px !important;
  transition: none !important;
  height: 24px;
  background-size: 66px 24px !important;
}
}


/* more tab text fixing, get rid of default separator */
/* center */
div#mw-head nav.vectorMenu h3 {
h3#p-cactions-label::before {
  padding: 3px 0px 3px 0px;
background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
  background-image: none;
  height: 24px;
}
}


/* hide default more tab down arrow */
/* right - this is really hacky and will break in an update guaranteed */
h3#p-cactions-label:after {
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu::after {
  background-image: none;
background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
}
}
/* margin between tabs and more tab */
/* ul.vector-menu-content-list {
  margin-right:4px;
} */


/* more tab font */
/* more tab font */
nav.vectorMenu h3 span {
nav.vectorMenu h3 span {
  padding: 3px 0px 3px 25px;
color: #EDECEB;
  color: #EDECEB;
font-family: 'OMORI_GAME2';
  font-size: 20px;
  font-family: 'OMORI_GAME2';
}
}


/* more dropdown menu */
/* replace default more down arrow */
nav.vectorMenu .menu {
h3#p-cactions-label:after {
  top: 1.5em !important;
background-image: url(images/7/7c/SkinDefault_MoreArrow.png) !important;
  left: 0px !important;
}
}


/* more dropdown menu bg */
/* more dropdown menu bg */
nav.vectorMenu ul {
nav.vectorMenu ul {
  background: #676562 url(images/3/33/SkinDefault_MoreDropdown.png) top repeat-x !important;
background-image: url(images/3/33/SkinDefault_MoreDropdown.png) !important;
  border-left: 1px solid #7F7F7F !important;
background-color: #676562 !important;
  border-right: 1px solid #7F7F7F !important;
  border-bottom: 1px solid #7F7F7F !important;
  margin-left: 0px !important;
}
}


/* more dropdown color forcing */
/* more dropdown color forcing */
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu ul li a {
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu ul li a {
  color: #EDECEB !important;
color: #EDECEB !important;
}
 
ul.menu.vector-menu-content-list {
  min-width: 64px;
}
}


/* SEARCH TAB */
/* SEARCH TAB */
/* search bg */
/* left */
#p-search {
#p-search {
  background: url(images/c/c4/SkinDefault_TabSearch.png) bottom no-repeat !important;
background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
  width: 280px !important;
  max-width: 280px !important;
  height: 24px !important;
  margin-top: 16px !important;
  margin-left: 4px !important;
  background-size: 280px 24px !important;
}
}


/* fix search content being super low */
/* center */
#p-search form, #p-search input {
#p-search form#searchform {
  margin-top: 0px !important;
background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
}
}


/* fix search button being at an offset */
/* right */
#simpleSearch {
#p-search::after {
  background: none !important;
background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
  border: none !important;
  width: 280px !important;
  bottom: 7px !important;
  top: 1px !important;
}
}


/* search input */
/* search input */
#searchInput {
#searchInput {
  border: none !important;
background: #666361 !important;
  margin: 0px !important;
color: #FFFFFF !important;
  background: #666361 !important;
  padding: 4px !important;
  height: 18px !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  margin-left: 4px !important;
  width: 186px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
}


/* search input placeholder color */
/* search input placeholder color */
#searchInput::placeholder {
#searchInput::placeholder {
  color: #C7C6C5 !important;
color: #C7C6C5 !important;
}
}


/* search button */
/* search button */
#searchButton {
#searchButton {
  background: url(images/1/17/SkinDefault_ButtonSearch.png) top no-repeat !important;
background-image: url(images/1/17/SkinDefault_ButtonSearch.png) !important;
  border: 0px !important;
}
  padding: 0px !important;
 
  width: 81px !important;
/* external link colors */
  height: 18px !important;
.mw-parser-output a.external {
  cursor: pointer !important;
color: #308EFF;
  text-indent: -5000px !important;
}
  position: relative !important;
 
  top: 2px !important;
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
  right: 4px !important;
color: #2A5DE0;
  float: right !important;
}
  background-size: 81px 36px !important;
 
/* ======== */
/* COLORING */
/* ======== */
/* generic colors */
.theme-generic-light {
background: #190500;
color: #FFFFFF;
}
 
.theme-generic-dark {
background: #3A0800;
color: #FFFFFF;
}
 
.theme-generic-darkest {
background: #821700;
color: #FFFFFF;
}
 
.theme-generic-border {
border: 1px solid #821700 !important;
}
 
.theme-generic-border-bottom {
border-bottom: 1px solid #821700 !important;
}
 
/* ambox divider */
table.ambox-divider,td.ambox-divider {
border-left: 10px solid #821700;
}
 
/* ================================================================================================ */
/* !!! DARK MODE ONLY - NOTE: SOME THINGS MAY BE MERGED INTO OTHER SECTIONS FOR SPACE REDUCTION !!! */
/* ================================================================================================ */
 
/* ============ */
/* TEXT RELATED */
/* ============ */
/* all sorts of text to make white */
h1, h2, h3, h4, h5, h6, p, .mw-body, .parsoid-body, .mw-footer li, .messagebox, .errorbox, .warningbox, .successbox, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-labelElement .oo-ui-labelElement-label, .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget, .tocnumber, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikitable, .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label, #contentSub, #contentSub2 {
color: #FFFFFF;
}
 
/* header separator */
h1, h2 {
border-bottom: 1px solid #555555;
}
 
/* sidebar header */
.portal h3, .vector-menu-portal h3, .wikiEditor-ui-toolbar .group .label {
color: #ABA6A2 !important;
}
 
/* lighter link colors */
a, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .booklet > .index > .current {
color: #308EFF;
}
 
a:visited {
color: #2A5DE0;
}
 
/* pre */
pre, code, .mw-code, .wikiEditor-ui-toolbar .page-characters div span {
background-color: #0E0D0C;
border: 1px solid #282828;
color: #FFFFFF;
}
 
/* ============== */
/* EDITOR RELATED */
/* ============== */
/* editor border */
.wikiEditor-ui .wikiEditor-ui-view, .oo-ui-dropdownWidget-handle {
border: 1px solid #333333;
}
 
/* editor toolbar bg */
.wikiEditor-ui-toolbar {
background-color: #060606;
}
 
/* editor toolbar border */
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid #333333;
}
 
/* editor toolbar button separators */
.wikiEditor-ui-toolbar .group {
border-color: #333333;
}
 
/* invert color of vector icons */
.ace-tm, .oo-ui-iconElement-icon, .oo-ui-indicatorElement-indicator, .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after, .ui-icon {
filter: invert(1);
}
 
/* invert has to be done for a few choice things */
.oo-ui-icon-markup, .oo-ui-icon-check, .oo-ui-icon-reload, .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle, .oo-ui-icon-check {
filter: invert(0);
}
 
/* bg for checkboxes such as "this is a minor edit" */
.oo-ui-checkboxInputWidget [type="checkbox"] + span, .wikiEditor-ui-toolbar .booklet > .index > div, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: #000000;
color: #FFFFFF;
}
 
/* advanced toolbar border */
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid #333333;
}
 
/* editor tool popup ui */
.ui-widget-content {
background: #000000;
color: #FFFFFF;
border: 1px solid #555555;
}
 
/* editor tool popup header */
.ui-widget-header {
background: #1C1C1C;
color: #FFFFFF;
border: 1px solid #555555;
}
 
/* editor tool popup separator */
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: 1px solid #555555 !important;
}
 
/* editor tool popup buttons */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #1C1C1C;
color: #FFFFFF;
border: 1px solid #555555;
}
 
/* editor tool popup button hover */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: #3F3F3F !important;
border: 1px solid #555555;
}
 
/* special character + help hover */
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: #3F3F3F;
border-color: #282828;
}
 
/* help table */
.wikiEditor-ui-toolbar .page-table td {
color: #FFFFFF;
border-top: 1px solid #333333;
}
 
/* main text editor */
textarea {
background-color: #000000;
color: #FFFFFF;
border: 1px solid #333333;
}
 
/* editor footer (summary and whatnot) */
.editOptions {
background-color: #131313;
color: #FFFFFF;
border: 1px solid #333333;
border-top: 0;
}
 
/* summary textbox among other things */
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagItemWidget, .oo-ui-menuSelectWidget, .oo-ui-popupWidget-popup, .mw-widget-dateInputWidget-handle, div.thumbinner, .thumbimage {
background-color: #000000 !important;
color: #FFFFFF !important;
border: 1px solid #575757 !important;
}
 
/* editor footer buttons - note this leaks out into other buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-ui-button {
background-color: #070605;
color: #FFFFFF;
border-color: #575757;
}
 
/* editor footer button hover */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .mw-ui-button:not(:disabled):hover {
background-color: #3F3F3F;
color: #FFFFFF;
border-color: #575757;
}
 
/* ================== */
/* ACE EDITOR RELATED */
/* ================== */
/* warning bar */
.codeEditor-status {
background-color: #060606;
border-top: 1px solid #333333;
}
 
/* warning bar separators */
.codeEditor-status-message {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}
 
/* ================== */
/* EDITNOTICE RELATED */
/* ================== */
/* generic editnotices */
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div.mw-newarticletext, div#mw-protect-cascadeon, .fmbox, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: #060606;
border: 1px solid #333333;
}
 
/* preview warning */
.warningbox, .mw-email-not-authenticated .oo-ui-labelWidget {
background-color: #080808;
border-color: #353535;
}
 
/* blue */
.editnoticeblue {
background-color: #232938 !important;
border: 1px solid #57668E !important;
}
 
/* red */
.editnoticered {
background-color: #462C2C !important;
border: 1px solid #9E6565 !important;
}
 
/* ====================== */
/* RECENT CHANGES RELATED */
/* ====================== */
/* active filters bar top */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #060606;
border: 1px solid #575757;
border-bottom: 0;
}
 
/* active filters bar bottom right */
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget, .toc, .toccolours, .catlinks, li.gallerybox div.thumb, #filetoc {
background-color: #060606;
border: 1px solid #575757;
}
 
/* main filter widget header */
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
background-color: #060606;
border-bottom: 1px solid #333333;
}
 
/* main filter widget subheader */
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: #131313;
}
 
/* main filter widget separators */
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom: 1px solid #131313;
}
 
/* namespace filter widget separators */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
border-top: 4px solid #131313;
}
 
/* main filter widget selected */
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected), .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover, .wikiEditor-ui-toolbar .booklet > .index > :hover, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, .oo-ui-tabSelectWidget-framed {
background-color: #191919 !important;
}
 
/* main filter widget hover */
.mw-rcfilters-ui-itemMenuOptionWidget:hover, .wikiEditor-ui-toolbar .booklet > .index > .current, ol.references li:target, sup.reference:target, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: #3F3F3F !important;
color: FFFFFF;
}
 
/* main filter widget description text */
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: #A2A2A2 !important;
}
 
/* main filter widget footer */
.mw-rcfilters-ui-filterMenuSectionOptionWidget, .mw-rcfilters-ui-menuSelectWidget-footer {
background-color: #131313;
border-top: 1px solid #333333;
}
 
/* list of abbreviations */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .wikiEditor-ui-toolbar .group .tool-select .options {
background-color: #000000;
border: 1px solid #333333;
}
 
/* new changes separator */
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-top: 2px solid #333333;
}
 
/* highlight blue */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)), .diff-addedline .diffchange {
background-color: #2E3440;
}
 
/* highlight green */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #263D38;
}
 
/* highlight yellow */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)), .diff-deletedline .diffchange {
background-color: #403C28;
}
 
/* highlight orange */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #403329;
}
 
/* highlight red */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #402E2E;
}
 
/* watchlist top */
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
border-top: 2px solid #555555;
}
 
/* ================= */
/* WIKITABLE RELATED */
/* ================= */
/* wikitable body */
.wikitable {
background-color: #060606;
color: #FFFFFF;
border: 1px solid #575757;
}
 
/* wikitable header */
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: #131313;
}
 
/* wikitable inner borders */
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #575757;
}
 
/* groan! sigh! really awful workaround for wikitable sorting icons! */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_both_white.svg?0e440);
}
 
.jquery-tablesorter th.headerSortUp {
background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_up_white.svg?2ff5c);
}
 
.jquery-tablesorter th.headerSortDown {
background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_down_white.svg?4b69e);
}
 
/* ==================== */
/* VIEW HISTORY RELATED */
/* ==================== */
/* view history selections */
#pagehistory li.selected {
background-color: #3F3F3F;
color: #FFFFFF;
outline: 1px dashed #555555;
}
}


/* search button hover */
/* diff main */
#searchButton:hover {
.diff-context {
  background-position: 0px -18px !important;
background: #000000;
color: #FFFFFF;
border-color: #555555;
}
}


/* main page styling */
/* separator */
.mp-content-table {
hr {
  width: 100%;
background-color: #555555;
  background: #2B2927;
  border: 1px solid #5C347F;
}
}


.mp-content-header {
/* =================== */
  font-size: 140%;
/* FILE UPLOAD RELATED */
  background: #3B2151;
/* =================== */
  border: none;
/* file upload name */
  border-bottom: 1px solid #5C347F;
input#wpDestFile {
  padding-top:10px;
background-color: #000000;
  padding-bottom:10px;
color: #FFFFFF;
  margin:-3px;
border: 2px solid #555555;
  padding:10px;
  color: FFFFFF;
}
}


div.mp-content-header-alt {
/* file upload license */
  background: #3B2151;
select#wpLicense {
  font-size: 140%;
background-color: #000000;
  font-weight: bold;
color: #FFFFFF;
  border: none;
border: 2px solid #555555;
  border-bottom: 1px solid #5C347F;
  text-align: left;
  padding-top:10px;
  padding-bottom:10px;
  margin:-3px;
  padding:10px;
  color: FFFFFF;
}
}


/* blackspace exclusive styling */
/* ================== */
h3#p-tb-label, .mw-footer li, span.tocnumber {
/* PROTECTION RELATED */
  color: #E3E3E3 !important;
/* ================== */
/* disabled option */
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
background-color: #555555;
color: #FFFFFF;
text-shadow: 0 1px 1px #000000;
border-color: #333333;
}
}


h1, h2, h3, h4, h5, h6, .mw-body-content, .mw-headline {
/* =================== */
  color: #FFFFFF !important;
/* PREFERENCES RELATED */
/* =================== */
/* preferences main */
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border: 1px solid #555555;
}
}


div#toc {
/* preferences footer */
  border: 1px solid #5D564E !important;
.mw-prefs-buttons {
  background-color: #2B2927 !important;
background-color: #1F1D1B;
border-top: 1px solid #555555;
}
}


ul {
/* preferences footer red text */
  list-style-image: none !important;
span#mw-prefs-restoreprefs.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-flaggedElement-destructive.oo-ui-buttonWidget a.oo-ui-buttonElement-button span.oo-ui-labelElement-label {
color: #D33D33 !important;
}
}

Latest revision as of 07:19, 6 March 2022

/* ======== */
/* SKINNING */
/* ======== */
@keyframes slide {
	0%{
		background-position: 0px 0px;
	}
	100%{
		background-position: -679px 0px;
	}
}

/* scrolling top bg - Width/6 = A, A/2 = B, Width/B = 12 */
#mw-page-base {
	background: url(images/6/68/SkinBSP_Background.png) 0% 0% repeat;
	image-rendering: crisp-edges;
	animation: slide 56.5833333333s linear infinite;
}

/* replace logo with hq logo because we're epic */
.mw-wiki-logo {
	background-image: url(images/2/29/SkinDark_Logo.png) !important;
}

.logo-text {
	background-image: url(images/c/c2/SkinDark_LogoText.png) !important;
}

/* logo bg */
#p-logo
{
	background: url(images/0/09/SkinDark_SidebarTop.png) repeat-y #000000 !important;
}

/* main content bg and borders */
#content {
	background: url(images/1/19/SkinDark_Content.png) repeat-x #1F1D1B !important;
}

/* sidebar background */
body {
	background: url(images/3/39/SkinDark_Sidebar.png) repeat-y #000000 !important;
}

/* sidebar custom color */
ul.vector-menu-content-list li a {
	color: #FFFFFF !important;
}

/* sidebar separator */
h3#p-tb-label {
	background-image: url(images/6/67/SkinDark_Separator.png) !important;
}

/* font and whatnot */
nav.vectorTabs ul li * {
	color: #EDECEB !important;
	font-family: "OMORI_GAME2" !important;
}

/* bright on hover */
nav.vectorTabs ul li:hover * {
	color: #ffffff !important;
}

/* UNSELECTED TAB */
/* tab positioning and left */
nav.vectorTabs ul li {
	background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
}

/* center */
nav.vectorTabs ul li:before {
	background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
}

/* tab positioning and right */
nav.vectorTabs ul li a {
	background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
}

/* UNCREATED TAB */
/* left */
nav.vectorTabs ul li.new {
	background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important;
}

/* center */
nav.vectorTabs ul li.new:before {
	background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important;
}

/* right */
nav.vectorTabs ul li.new a {
	background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important;
}

/* SELECTED TAB */
/* left */
nav.vectorTabs ul li.selected {
	background-image: url(images/b/b2/SkinDark_TabOnLeft.png) !important;
}

/* center */
nav.vectorTabs ul li.selected:before {
	background-image: url(images/e/e2/SkinDark_TabOnCenter.png) !important;
}

/* right */
nav.vectorTabs ul li.selected a {
	background-image: url(images/3/3e/SkinDark_TabOnRight.png) !important;
}

/* disable text coloring for selected tabs */
nav.vectorTabs ul li.selected * {
	color: #FFFFFF !important;
}

/* force text coloring for uncreated tabs */
nav.vectorTabs ul li.selected.new * {
	color: #733c17 !important;
}

/* MORE TAB */
/* left */
nav.vectorMenu {
	background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
}

/* center */
h3#p-cactions-label::before {
	background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
}

/* right - this is really hacky and will break in an update guaranteed */
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu::after {
	background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
}

/* more tab font */
nav.vectorMenu h3 span {
	color: #EDECEB;
	font-family: 'OMORI_GAME2';
}

/* replace default more down arrow */
h3#p-cactions-label:after {
	background-image: url(images/7/7c/SkinDefault_MoreArrow.png) !important;
}

/* more dropdown menu bg */
nav.vectorMenu ul {
	background-image: url(images/3/33/SkinDefault_MoreDropdown.png) !important;
	background-color: #676562 !important;
}

/* more dropdown color forcing */
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu ul li a {
	color: #EDECEB !important;
}

/* SEARCH TAB */
/* left */
#p-search {
	background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
}

/* center */
#p-search form#searchform {
	background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
}

/* right */
#p-search::after {
	background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
}

/* search input */
#searchInput {
	background: #666361 !important;
	color: #FFFFFF !important;
}

/* search input placeholder color */
#searchInput::placeholder {
	color: #C7C6C5 !important;
}

/* search button */
#searchButton {
	background-image: url(images/1/17/SkinDefault_ButtonSearch.png) !important;
}

/* external link colors */
.mw-parser-output a.external {
	color: #308EFF;
}

.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
	color: #2A5DE0;
}

/* ======== */
/* COLORING */
/* ======== */
/* generic colors */
.theme-generic-light {
	background: #190500;
	color: #FFFFFF;
}

.theme-generic-dark {
	background: #3A0800;
	color: #FFFFFF;
}

.theme-generic-darkest {
	background: #821700;
	color: #FFFFFF;
}

.theme-generic-border {
	border: 1px solid #821700 !important;
}

.theme-generic-border-bottom {
	border-bottom: 1px solid #821700 !important;
}

/* ambox divider */
table.ambox-divider,td.ambox-divider {
	border-left: 10px solid #821700;
}

/* ================================================================================================ */
/* !!! DARK MODE ONLY - NOTE: SOME THINGS MAY BE MERGED INTO OTHER SECTIONS FOR SPACE REDUCTION !!! */
/* ================================================================================================ */

/* ============ */
/* TEXT RELATED */
/* ============ */
/* all sorts of text to make white */
h1, h2, h3, h4, h5, h6, p, .mw-body, .parsoid-body, .mw-footer li, .messagebox, .errorbox, .warningbox, .successbox, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-labelElement .oo-ui-labelElement-label, .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget, .tocnumber, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikitable, .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label, #contentSub, #contentSub2 {
	color: #FFFFFF;
}

/* header separator */
h1, h2 {
	border-bottom: 1px solid #555555;
}

/* sidebar header */
.portal h3, .vector-menu-portal h3, .wikiEditor-ui-toolbar .group .label {
	color: #ABA6A2 !important;
}

/* lighter link colors */
a, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .booklet > .index > .current {
	color: #308EFF;
}

a:visited {
	color: #2A5DE0;
}

/* pre */
pre, code, .mw-code, .wikiEditor-ui-toolbar .page-characters div span {
	background-color: #0E0D0C;
	border: 1px solid #282828;
	color: #FFFFFF;
}

/* ============== */
/* EDITOR RELATED */
/* ============== */
/* editor border */
.wikiEditor-ui .wikiEditor-ui-view, .oo-ui-dropdownWidget-handle {
	border: 1px solid #333333;
}

/* editor toolbar bg */
.wikiEditor-ui-toolbar {
	background-color: #060606;
}

/* editor toolbar border */
.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #333333;
}

/* editor toolbar button separators */
.wikiEditor-ui-toolbar .group {
	border-color: #333333;
}

/* invert color of vector icons */
.ace-tm, .oo-ui-iconElement-icon, .oo-ui-indicatorElement-indicator, .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after, .ui-icon {
	filter: invert(1);
}

/* invert has to be done for a few choice things */
.oo-ui-icon-markup, .oo-ui-icon-check, .oo-ui-icon-reload, .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle, .oo-ui-icon-check {
	filter: invert(0);
}

/* bg for checkboxes such as "this is a minor edit" */
.oo-ui-checkboxInputWidget [type="checkbox"] + span, .wikiEditor-ui-toolbar .booklet > .index > div, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
	background-color: #000000;
	color: #FFFFFF;
}

/* advanced toolbar border */
.wikiEditor-ui-toolbar .sections .section {
	border-top: 1px solid #333333;
}

/* editor tool popup ui */
.ui-widget-content {
	background: #000000;
	color: #FFFFFF;
	border: 1px solid #555555;
}

/* editor tool popup header */
.ui-widget-header {
	background: #1C1C1C;
	color: #FFFFFF;
	border: 1px solid #555555;
}

/* editor tool popup separator */
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
	border-top: 1px solid #555555 !important;
}

/* editor tool popup buttons */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #1C1C1C;
	color: #FFFFFF;
	border: 1px solid #555555;
}

/* editor tool popup button hover */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #3F3F3F !important;
	border: 1px solid #555555;
}

/* special character + help hover */
.wikiEditor-ui-toolbar .page-characters div span:hover {
	background-color: #3F3F3F;
	border-color: #282828;
}

/* help table */
.wikiEditor-ui-toolbar .page-table td {
	color: #FFFFFF;
	border-top: 1px solid #333333;
}

/* main text editor */
textarea {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #333333;
}

/* editor footer (summary and whatnot) */
.editOptions {
	background-color: #131313;
	color: #FFFFFF;
	border: 1px solid #333333;
	border-top: 0;
}

/* summary textbox among other things */
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagItemWidget, .oo-ui-menuSelectWidget, .oo-ui-popupWidget-popup, .mw-widget-dateInputWidget-handle, div.thumbinner, .thumbimage {
	background-color: #000000 !important;
	color: #FFFFFF !important;
	border: 1px solid #575757 !important;
}

/* editor footer buttons - note this leaks out into other buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-ui-button {
	background-color: #070605;
	color: #FFFFFF;
	border-color: #575757;
}

/* editor footer button hover */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .mw-ui-button:not(:disabled):hover {
	background-color: #3F3F3F;
	color: #FFFFFF;
	border-color: #575757;
}

/* ================== */
/* ACE EDITOR RELATED */
/* ================== */
/* warning bar */
.codeEditor-status {
	background-color: #060606;
	border-top: 1px solid #333333;
}

/* warning bar separators */
.codeEditor-status-message {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

/* ================== */
/* EDITNOTICE RELATED */
/* ================== */
/* generic editnotices */
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div.mw-newarticletext, div#mw-protect-cascadeon, .fmbox, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
	background-color: #060606;
	border: 1px solid #333333;
}

/* preview warning */
.warningbox, .mw-email-not-authenticated .oo-ui-labelWidget {
	background-color: #080808;
	border-color: #353535;
}

/* blue */
.editnoticeblue {
	background-color: #232938 !important;
	border: 1px solid #57668E !important;
}

/* red */
.editnoticered {
	background-color: #462C2C !important;
	border: 1px solid #9E6565 !important;
}

/* ====================== */
/* RECENT CHANGES RELATED */
/* ====================== */
/* active filters bar top */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background-color: #060606;
	border: 1px solid #575757;
	border-bottom: 0;
}

/* active filters bar bottom right */
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget, .toc, .toccolours, .catlinks, li.gallerybox div.thumb, #filetoc {
	background-color: #060606;
	border: 1px solid #575757;
}

/* main filter widget header */
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background-color: #060606;
	border-bottom: 1px solid #333333;
}

/* main filter widget subheader */
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: #131313;
}

/* main filter widget separators */
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
	border-bottom: 1px solid #131313;
}

/* namespace filter widget separators */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
	border-top: 4px solid #131313;
}

/* main filter widget selected */
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected), .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover, .wikiEditor-ui-toolbar .booklet > .index > :hover, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, .oo-ui-tabSelectWidget-framed {
	background-color: #191919 !important;
}

/* main filter widget hover */
.mw-rcfilters-ui-itemMenuOptionWidget:hover, .wikiEditor-ui-toolbar .booklet > .index > .current, ol.references li:target, sup.reference:target, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	background-color: #3F3F3F !important;
	color: FFFFFF;
}

/* main filter widget description text */
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: #A2A2A2 !important;
}

/* main filter widget footer */
.mw-rcfilters-ui-filterMenuSectionOptionWidget, .mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: #131313;
	border-top: 1px solid #333333;
}

/* list of abbreviations */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .wikiEditor-ui-toolbar .group .tool-select .options {
	background-color: #000000;
	border: 1px solid #333333;
}

/* new changes separator */
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
	border-top: 2px solid #333333;
}

/* highlight blue */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)), .diff-addedline .diffchange {
	background-color: #2E3440;
}

/* highlight green */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: #263D38;
}

/* highlight yellow */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)), .diff-deletedline .diffchange {
	background-color: #403C28;
}

/* highlight orange */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: #403329;
}

/* highlight red */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: #402E2E;
}

/* watchlist top */
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
	border-top: 2px solid #555555;
}

/* ================= */
/* WIKITABLE RELATED */
/* ================= */
/* wikitable body */
.wikitable {
	background-color: #060606;
	color: #FFFFFF;
	border: 1px solid #575757;
}

/* wikitable header */
.wikitable > tr > th, .wikitable > * > tr > th {
	background-color: #131313;
}

/* wikitable inner borders */
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border: 1px solid #575757;
}

/* groan! sigh! really awful workaround for wikitable sorting icons! */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
	background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_both_white.svg?0e440);
}

.jquery-tablesorter th.headerSortUp {
	background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_up_white.svg?2ff5c);
}

.jquery-tablesorter th.headerSortDown {
	background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_down_white.svg?4b69e);
}

/* ==================== */
/* VIEW HISTORY RELATED */
/* ==================== */
/* view history selections */
#pagehistory li.selected {
	background-color: #3F3F3F;
	color: #FFFFFF;
	outline: 1px dashed #555555;
}

/* diff main */
.diff-context {
	background: #000000;
	color: #FFFFFF;
	border-color: #555555;
}

/* separator */
hr {
	background-color: #555555;
}

/* =================== */
/* FILE UPLOAD RELATED */
/* =================== */
/* file upload name */
input#wpDestFile {
	background-color: #000000;
	color: #FFFFFF;
	border: 2px solid #555555;
}

/* file upload license */
select#wpLicense {
	background-color: #000000;
	color: #FFFFFF;
	border: 2px solid #555555;
}

/* ================== */
/* PROTECTION RELATED */
/* ================== */
/* disabled option */
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
	background-color: #555555;
	color: #FFFFFF;
	text-shadow: 0 1px 1px #000000;
	border-color: #333333;
}

/* =================== */
/* PREFERENCES RELATED */
/* =================== */
/* preferences main */
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
	border: 1px solid #555555;
}

/* preferences footer */
.mw-prefs-buttons {
	background-color: #1F1D1B;
	border-top: 1px solid #555555;
}

/* preferences footer red text */
span#mw-prefs-restoreprefs.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-flaggedElement-destructive.oo-ui-buttonWidget a.oo-ui-buttonElement-button span.oo-ui-labelElement-label {
	color: #D33D33 !important;
}
Retrieved from "https://omori.wiki/index.php?title=MediaWiki:Blackspace.css&oldid=11041"