MediaWiki:Blackspace.css: Difference between revisions

Revision as of 06:36, 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(https://cdn.discordapp.com/attachments/637648816341778432/949464689878892584/logobs.png) !important;
}

.logo-text {
	background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464689572716614/logo2bs.png) !important;
}

/* logo bg */
#p-logo
{
	background: url(https://cdn.discordapp.com/attachments/637648816341778432/949465375064596550/bstop.png) repeat-y #000000 !important;
}

/* main content bg and borders */
#content {
	background: url(https://cdn.discordapp.com/attachments/637648816341778432/949464690268983306/SkinBS_Content.png) repeat-x #1F1D1B !important;
}

/* sidebar background */
body {
	background: url(https://cdn.discordapp.com/attachments/637648816341778432/949465374628393030/bsside.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(https://cdn.discordapp.com/attachments/637648816341778432/949464690566791188/SkinBS_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(https://cdn.discordapp.com/attachments/637648816341778432/949464691028131910/SkinBS_TabOnLeft.png) !important;
}

/* center */
nav.vectorTabs ul li.selected:before {
	background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464690768089108/SkinBS_TabOnCenter.png) !important;
}

/* right */
nav.vectorTabs ul li.selected a {
	background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464691233673296/SkinBS_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: #260700;
	color: #FFFFFF;
}

.theme-generic-dark {
	background: #4C0E00;
	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 {
	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 {
	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 {
	background-color: #0D0D0D !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 {
	background-color: #3F3F3F !important;
}

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

/* ================= */
/* 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: #FFF;
	outline: 1px dashed #555;
}

/* diff main */
.diff-context {
	background: #000000;
	color: #FFFFFF;
	border-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 #000;
	border-color: #333333;
}