User:Hotairballoon/vector.css

/*** dark theme ***/
/* Eventually you will write your entire theme here, and you can delete this example rule and this comment after verifying the config is working. */

/*** Note: Adjusting themes can take up to 15 minutes to 1 hour for cache to refresh. 
Make adjustments in large edits/saves instead of single code edits/saves. ***/

/*** wiki formatting ***/

:root {
	--bg: url(https://instarsandtime.wiki.gg/images/a/aa/SASASAP_Battleback_King.png);
	--pixel-font: "ＭＳ Ｐゴシック";
	--bg-color: rgba(0, 0, 0, 0.85);
}

.mediawiki, #mw-head {
	background-image: linear-gradient(rgba(0,0,0, 0.8), rgba(0,0,0, 0.9)), var(--bg);
	background-attachment: fixed;
}
#ca-move, #ca-cargo-purge {
	border: 0px;
	border-radius: 0px;
}
.catlinks, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background: transparent;
}
#content {
	background-color: var(--bg-color);
}
code {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    border: 1px solid #555 !important;
}
[id^="ca-"], #p-cactions {
	background-color: var(--bg-color);
	font-weight: bold;
	font-family: var(--pixel-font);
	border: 1px solid white;
	-moz-border-radius: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px; 
}
.wikiEditor-ui-toolbar .option[rel^='heading-'], .wikiEditor-ui-toolbar .page-characters div span, .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.oo-ui-labelElement-label {
	color: white;
}
div.thumbinner {
    border: 4px solid white;
    background-color: transparent;
    font-size: 90%;
}
.editOptions, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input, .ext-WikiEditor-ResizingDragBar, #msupload-div, .wikiEditor-ui-toolbar {
    background-color: transparent;
    color: white;
}
.ext-WikiEditor-realtimepreview-button:hover, .wikiEditor-ui-toolbar .booklet > .index > :hover, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #444;
}
.mw-body {
	border: 4px solid #fff;
	background: black;
	color: #ccc;
}
.mw-collapsible {
	display: contents;
}
.mw-changeslist-legend {
    border: 4px solid white;
    background-color: black;
}
.mw-widget-dateInputWidget-calendar, .diff[data-selected-side='deleted'] .diff-side-added, .diff[data-selected-side='deleted'] .diff-side-added, .diff-editfont-monospace .diff-context, .oo-ui-toggleSwitchWidget {
	background: black;
}
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-added del {
    background: #ffe49c2e;
}
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added ins, .mw-diff-inline-added.mw-diff-empty-line::after {
    background: #369fff3d;
}
textarea, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, pre, .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-menuSelectWidget, .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle, .cdx-button:enabled {
	background: black;
	color: white;
}
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .mw-widget-calendarWidget-item, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month {
	color: white;
}
.wds-button {
	border: solid #333 2px !important;
	padding: 3px !important;
}
.mw-headline, .mw-page-title-main, .mw-page-title-separator, .mw-page-title-namespace, #firstHeading, #mw-previewheader, .wikiEditor-ui-toolbar .group .tool-select .label,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	font-family: "Trebuchet MS";
	color: #fff;
}
#mw-history-search {
	display: block;
}
#mw-page-base {
	background: transparent;
}
#mw-panel {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.mw-plusminus-pos {
    color: #66ee66;
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: #113347;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
	background-color: #4ad;
	border-color: #4ad;
}
.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
    background: #222;
    border-bottom: 1px solid white;
}
#pagehistory li.selected {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    outline: 1px dashed #a2a9b1;
}
#p-cactions-label {
	color: #fff;
	font-weight: bold;
	font-family: var(--pixel-font);
}
#p-tb, #p-navigation {
	border-style: solid;
	border-color: white;
	border-width: 4px;
	background-color: black;
}
#p-tb {
	padding-top: 0px;
}
#p-tb-label {
	margin-left: 5px;
	margin-top: 5px;
	font-size: 20px;
	font-family: "system ui";
	color: white;
}
.pi-media-collection .pi-tab-link.current {
	background: #393939;
}
.portable-infobox {
	background-color: transparent;
	border: 4px solid white;
}
.portable-infobox .pi-secondary-background, li.gallerybox div.thumb, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, .thumbimage {
	background-color: rgba(255, 255, 255, 0.2);
}
.portable-infobox .pi-data-label {
	border: 0px;
}
.searchButton[name=go], .vector-menu-dropdown .vector-menu-heading::after {
	filter: contrast(0) brightness(2);
}
.stattable {
    margin-top: 16px;
    display: inline-block;
    border-style: solid;
    border-width: 5px;
    vertical-align: top;
    background: 0 0;
    overflow: auto;
    text-align: center;
    border-color: #fff;
}
.suggestions-results, .suggestions-special, oo-ui-buttonElement-button {
	background-color: #000;
}
.tabber__indicator {
    border-radius: 0px;
    margin-top: -4px;
    background: #fff;
    block-size: 4px;
}
.tabber__tab:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current {
	color: #aaa;
}
th, .mw-collapsible tbody tr {
	background-color: transparent !important;
    background: transparent !important;
    border: 1px solid white !important;
}
.toc {
	background-color: black;
    border: 4px solid white;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before, body.ltr .wikiEditor-ui-toolbar .tabs span.tab a::before, 
.wikiEditor-ui-toolbar .group .tool-select .label::after, #msupload-select, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert),
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert),
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
	filter: contrast(0) brightness(10);
}
ul {
    list-style-image: url(https://instarsandtime.wiki.gg/images/a/ad/Bulletpoint2.png);
}
ul ul {
	list-style-image: url(https://instarsandtime.wiki.gg/images/7/79/Bulletpoint2hollow.png);
}
.vector-search-box-input {
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff;
}
.vector-menu-content-list {
	background-color: var(--bg-color);
}
.vector-menu-portal .vector-menu-content li a:link, .vector-menu-tabs-legacy li a, .vector-menu-dropdown .mw-list-item a, a:link, .mw-collapsible-toggle-default .mw-collapsible-text, .mw-parser-output a.extiw, .mw-parser-output a.external, .toctogglelabel,
.wikiEditor-ui-toolbar .tabs span.tab a {
	color: #4ad;
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
    background-color: #ddd;
    color: black;
}
.vector-menu-portal .vector-menu-content li a:visited, .vector-menu-tabs-legacy .selected a:visited, a:visited, .mw-parser-output a.external:visited {
	color: #c7c;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited, .mw-plusminus-neg, a.new {
	color: #ff6161 !important;
}
.vector-menu-portal .vector-menu-content li a:hover, a:hover {
	color: #8aa;
}
.vector-menu-portal .vector-menu-content li a:click, a:click {
	color: #ff5;
}
.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected {
	background-image: linear-gradient(var(--bg-color), var(--bg-color));
	background-color: var(--bg-color);
}
.vector-menu-tabs-legacy li a {
	padding-left: 12px;
	padding-right: 12px;
}
.vector-menu-tabs {
	background-image: linear-gradient(var(--bg-color), var(--bg-color));
}
.vector-search-box-input {
	padding: 2px;
	border: 2px solid white;
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: rgba(255, 255, 255, 0.3);
    color: white;
}
.wikitable {
	margin: 0px;
	background-color: transparent;
	color: #ddd;
	border: 0px;
	border-collapse: separate;
}
.wikitable>*>tr>th {
    background-color: rgba(150, 150, 150, 0.2)
}
.mw-collapsible>*>tr>td>*>*>tr>td {
    border: 1px solid grey;
}
h1, h2, h3, h4, h5, h6 p, .tocnumber, mbox__content, mbox__wrapper, .suggestions-result, .suggestions-special, .suggestions-special .special-query,
.mw-footer, body::marker, .tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited, .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .label,
.option[rel='heading-2'], .option[rel='heading-3'], .option[rel='heading-4'], .option[rel='heading-5'] {
    color: #fff !important;
}
#footer-info-lastmod, #footer-info-copyright, label {
	color: #ddd;
}
td, #msupload-dropzone, bdi {
	color: white !important;
}

h1, h2, h3 {
	border-bottom: 1px solid #555;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .options, #wikiEditor-section-advanced .options {
	background-color: #000;
}

/*** css formatting ***/

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    padding-left: 3.5em;
    box-shadow: inset 2.75em 0 0 #000;
}
.p {
	color: #fff;
}
code, .mw-code {
    background-color: #f8f9fa;
    color: #bed5d9;
    border: 1px solid #eaecf0;
}
pre {
    background-color: #0d1318;
}
.mw-highlight .c {
    color: #40627f;
    font-style: italic;
}
.mw-highlight .kc {
    color: #7aff7a;
    font-weight: bold;
}
.mw-highlight .kt {
    color: #ff7250;
}
.mw-highlight .mi {
    color: #ff0000;
}
.mw-highlight .nb {
    color: #6effb7;
}
.mw-highlight .nc {
    color: #b4b4e7;
    font-weight: bold;
}
.mw-highlight .nf {
    color: #778bc5;
}
.mw-highlight .nn {
    color: #ff00ba;
    font-weight: bold;
}
.mw-highlight .nt {
    color: #b4d9b4;
    font-weight: bold;
}
.mw-highlight .nv {
    color: #819d9f;
}
.mw-highlight .mh {
    color: #a39898;
}
.mw-highlight .k {
    color: #f9f0ab;
    font-weight: bold;
}
.mw-highlight .o {
    color: #caff00;
}
.mw-highlight .s2 {
    color: #02ceff;
}
.mw-code {
    color: #99a2a9;
}