MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */
/* Fonts */
body {
    font-family: 'IBM Plex Sans', sans-serif;
}

.mainpage-header .header-intro h1 {
    font-family: Avalon;
    font-weight: 500;
}

.mw-body h1.firstHeading {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
}

/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

/* Vector changes */

:focus {
	outline: 1px solid #fff;
}

/* override default different external color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited {
	color: #dec300;	
}

.mw-parser-output a:hover {
	color: #fff39a;
} 

/* left and top menu buttons */
.vector-menu-tabs,
.vector-menu-tabs li,
.vector-menu-tabs li a {
	background-image: none;
	color: #5a93dd;
}

.vector-menu-dropdown .vector-menu-content,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.mw-prefs-buttons,
.mw-datatable td,
.toc {
	background-color: #171717;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background-color: #311a1a;
	color: #fff39a;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #171717;
    color: #ffffff;
    border-color: #a2a9b1;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
	border-bottom-color: transparent;
}

.vector-menu-dropdown h3,
.vector-menu-dropdown li a,
.vector-menu-tabs .selected,
.vector-menu-tabs .selected a,
.vector-menu-tabs li a:visited,
.vector-menu-tabs .selected a:visited,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.vector-menu-dropdown .selected a, .vector-menu-dropdown .selected a:visited,
.tocnumber,
.toctogglelabel {
	color: #dec300;
}

.vector-menu-dropdown h3:hover,
.vector-menu-dropdown h3:focus,
.vector-menu-dropdown li a:hover,
.vector-menu-dropdown li a:focus,
.vector-menu-portal .vector-menu-content li a:hover,
.vector-menu-portal .vector-menu-content li a:focus,
.wikiEditor-ui-toolbar .tabs span.tab a:hover,
.wikiEditor-ui-toolbar .tabs span.tab a:focus,
.wikiEditor-ui-toolbar .tabs span.tab a.current {
	color: #fff39a;
}

.vector-menu-tabs .selected,
.mw-search-profile-tabs {
	background: transparent;
}

.vector-menu-dropdown h3 {
	background-image: none !important;
}

.wikiEditor-ui-toolbar .group .tool-select .label {
	color: #fff !important;
}

.oo-ui-toolbar-bar {
	background-color: #6a6a6a !important;
}
	
.vector-menu-dropdown h3:after,
.oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-icon-markup):not(.oo-ui-icon-reload),
.wikiEditor-ui-toolbar .group .tool-select .label:after,
.oo-ui-icon-expand,
.oo-ui-icon-collapse {
	filter: invert(1);
}

.editOptions,
.ace-tm {
	background-color: #0e0e0e;
	color: #fff;
}

.ace_gutter-cell,
.ace-tm .ace_cursor,
#msupload-dropzone,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions-special .special-query,
.suggestions-special .special-label
{
	color: #000;
}

.search-types .current a {
    color: #fff;
}

.wikiEditor-ui-toolbar .group .label {
    color: #fff;
}

.mw-changeslist > h4 {
    color: #fff;
}

.ace-tm .ace_gutter-active-line {
	background-color: #dec300;
}

.codeEditor-status,
.ace-tm .ace_gutter,
.ace-tm .ace_print-margin,
#msupload-div,
.mw-datatable th {
	background-color: #241718;
}

.catlinks {
	background: #241718 url(/images/catlinks-face.png) no-repeat bottom right;
    margin-top: 10px;
    border-radius: 8px;
}

.mw-notification {
    background-color: #171717;
    border: 1px solid #dec300;
    color: #fff;
}

.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select .options {
	background-color: #0e0e0e;
}

.suggestions-special.suggestions-result-current {
	background-color: #2a4b8d;
    color: #fff;
}

.oo-ui-icon-indent {
	filter: invert(1);
}

.diff-context {
	border-color: #dec300;
    background: #454545;
    color: #fff;
}

/* help button color indicator on upload page */
#mw-indicator-mw-helplink a {
	background-image:none;
}

/* background color of upload page and input fields */
textarea,
input,
select,
button,
.wikitable.mw-page-info {
	background-color: #171717 !important;
	color: #fff !important;
	border: 1px solid white !important;
}

.warningbox {
	background-color: #520e0e !important;
	color: #fff !important;
	border: 1px solid white !important;
}

:placeholder,
:-ms-input-placeholder,
:-ms-input-placeholder {
	color: #fff;
}

/* search bar border removal */
div#simpleSearch {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

/* search bar icon fix */
#searchButton, #mw-searchButton {
	background-color: transparent !important;
	border: none;
	filter: invert(1);
}

/* image thumbnail fixes */
.tleft > div.thumbinner,
.tright > div.thumbinner {
	background: #171717;
}

.tnone > div.thumbinner {
	background: #171717;
    max-width: fit-content;
}

.thumbimage {
	border: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* Image fixes */
.floatnone img:not(.image2x) {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* File page fixes */
#filetoc {
	background: transparent;
}


/* temp fixes */
h3,h4 {
	color: #ffffff;
}

ul {
	list-style-image: none;
}

/* Article navigation */
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div#mw-head div.vectorMenu h3,
div.vectorMenu h3 span::after {
    background: transparent;
}

div#mw-page-base {
    margin-bottom: 60px;
}

div.vectorMenu h3,
div.vectorTabs ul li {
    border: none;
    padding: 0;
    margin-right: 10px;
    text-transform: uppercase;
    background: none !important;
}

#right-navigation,
#left-navigation {
    border-color: transparent;
    border-image: url(/images/sidebar-main.png) 24 fill round;
    border-width: 24px;
    border-style: solid;
    text-transform: uppercase;
    background: none !important;
}

#left-navigation {
	margin-left: 15em !important;
}

@media (max-width: 830px) {
	#mw-head-base {
		margin-top: 0;
	}	
}

div.vectorMenu h3 span,
div.vectorTabs ul li a {
    color: white !important;
    font-family: 'IBM Plex Sans';
    letter-spacing: 1px;
}

div.vectorMenu h3 a {
    background: none;
    width: 0;
    height: 0;
}

div.vectorMenu h3 span {
    margin-right: 0;
    padding-right: 0.5em;
}

#left-navigation {
    margin-left: 26em;
}

#right-navigation {
    margin-right: 1em;
}

div.vectorMenu div.menu,
div.vectorMenu div.menu ul {
    background: #1e1a31;
    border-color: #6e6a79;
}

div.vectorMenu div.menu ul li a {
    color: #969499;
    font-family: 'IBM Plex Sans';
}

div#simpleSearch {
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: 2px solid #9c9c9e;
    border-bottom: 2px solid #9c9c9e;
}

div#simpleSearch #searchInput {
    font-family: 'IBM Plex Sans';
}

/* Sidebar */
#mw-panel {
    padding-left: 0;
}

div#mw-panel {
    border-color: transparent;
    border-image: url(/images/sidebar-main.png) 24 fill round;
    border-width: 24px;
    border-style: solid;
    text-transform: uppercase;
    background: none !important;
    margin-left: 10px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
}

#mw-panel .body a {
    color: #969499 !important;
}

#mw-panel h3,
#mw-panel h3 a {
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 1px;
}

.skin-hydradark div#mw-panel div.portal div.body {
    background-image: none;
}

.skin-hydradark div#mw-panel:not(.collapsible-nav) div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) h3 {
    border-bottom: 2px solid #9c9c9c;
}

/* Content area */
div#content {
    background-color: transparent;
    border-color: transparent;
    border-image: url(/images/content-body.png) 25 fill round;
    border-width: 25px;
    border-style: solid;
    padding: 0;
    margin-right: 1em;
    margin-left: 15em;
    margin-top: 20px;
}

.mw-body, .vector-body, .parsoid-body {
	color: #ffffff;
}

.mw-body h1,
.mw-body h2 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    border-color: #9c9c9c;
    color: #ffffff;
}

.mw-body h3,
.mw-body h4,
.mw-body h5 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    border-color: #9c9c9c;
    color: #ffffff;
}

.mw-body h1 {
    border-width: 2px;
}

.mw-footer {
    margin-left: 15em;
}

.mw-footer li {
    color: #ffffff;
}

/* Background */
body {
    background-color: #241718;
    background-image: url(/images/background-inferno.png);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

div#mw-page-base {
    background: transparent;
}

/* Logo */
.mw-wiki-logo {
    background-size: 160px;
}

#p-logo a {
    width: 160px;
}

/* Preferences */
.client-js #preferences {
    background: #161527;
}

.client-js .mw-prefs-buttons,
.client-js .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed {
    border-color: black;
}

.client-js .oo-ui-tabSelectWidget {
    background: transparent;
}

.client-js .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
    font-family: 'IBM Plex Sans';
    color: #969499;
}

table th a {
    color: #0f4497;
}

/* Misc */
code,
pre,
.mw-code {
    background: #171717;
    color: #fff;
    border: 2px solid gray;
}

span.warning {
    color: #a37400;
}

div.wikiEditor-preview-loading,
div.wikiEditor-ui {
    background: none;
}

/* Visual editor */
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
    background-color: #282828;
    border: 1px solid #383838;
    box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
    color: #e0e0e0;
}

.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    border-color: #ffffff;
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
    background-color: #282828;
}

.oo-ui-indicator-down {
    filter: unset;
    background-image: linear-gradient(transparent,transparent),url(/images/arrow-down.svg);
}

.oo-ui-indicator-up {
    background-image: linear-gradient(transparent,transparent),url(/images/arrow-up.svg);
}

.ve-ui-mwSaveDialog-options {
    background-color: #282828;
}

.ve-ui-mwSaveDialog-license {
    color: #e0e0e0;
}

/* Diffs */
td.diff-addedline .diffchange {
    background: none;
    color: #bfd959;
}

td.diff-deletedline .diffchange {
    background: none;
    color: #e62444;
}

td.diff-addedline,
td.diff-deletedline {
    border-color: transparent;
}

table.diff,
td.diff-otitle,
td.diff-ntitle {
    background: #171717;
    border: 2px solid black;
}

/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding: 0.25ex 1ex 0ex;
     font-size: 95%;
}

.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left: 0.8em;
     margin-top: 0.5em;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    color: #ffffff;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #181818; 
    border: 2px solid #505050; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #181818; 
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    padding: 0em;
}

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}

.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px; padding: 10px;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #505050;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

/* front page styles */
.fpbox .heading,
.fpbox .mainheading {
    border: 0;
    border-bottom: 2px solid #9c9c9c;
    color: #fff;
    font-family: 'IBM Plex Sans';
    text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;
}

.fpbox {
    background: #161527;
    border: 2px solid #000;
    color: #B3B4B7;
}

.linkslabel {
    border-bottom: 1px solid #9c9c9c;
    color: #fff;
    font-family: 'IBM Plex Sans';
    text-align: center;
    text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;
}

.fplink {
    background-color: rgba(255, 255, 255, 0.05);
    border: 2px solid #000;
}

.fplink a {
    color: #fff !important;
}

/* Notifications fix */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
    background: inherit;
}

/* Tooltip: [[File:Tooltip Border.png]] */
.tooltip {
    border-image-source: url(https://stoneshard.com/w/images/b/bc/Tooltip_Border.png);
    border-image-slice: 32;
    border-image-repeat: round;
    border-width: 24px;
    border-style: solid;
    display: inline-block;
    background: #1b1926;
    text-shadow: black 2px 1px 4px; 
    font-size: 90%; 
    color: #ffffff; 
    line-height: 1.6;
}

/* Simple Tooltip border and padding removal */ 
.simple-tooltip-img {
	border: none;
	padding: 0;
}

.simple-tooltip-img:hover {
	clip-path: inset(8px);
}

.tooltipster-default {
	background: transparent;
}

/* Hide elements that should be collapsed and elements that collapse them in the tooltips */
.to_tooltip .mw-collapsed,
.to_tooltip span[id^="mw-customcollapsible-"] {
	display: none;
}

/*
 * Links.
 */
a,
.toctogglelabel,
#p-cactions li a,
nav.vector-menu-tabs li a,
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.vector-menu-portal .vector-menu-content li a {
  /* Standard links. */
  color: #dec300;
}

a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.vector-menu-portal .vector-menu-content li a:visited {
  /* Visited links. */
  color: #827413;
}

a:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover {
  /* Hovering over external links. */
  color: #fff39a;
}

a:visited:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:visited:hover {
  /* Hovering over external links. */
  color: #fff39a;
}

a.new:link,
a.new:visited,
#p-cactions .new a,
#p-cactions .new a:visited,
.skin-vector-legacy a.new,
.skin-vector-legacy a.new:visited {
  /* Non-existent pages. */
  color: #b51d1d;
}

a:hover {
	color: #fff39a;
}

/* TOC */

#toc {
        -moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
        -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
        border-radius: 0.4em 0.4em 0.4em 0.4em;
	background: #241718 url(/images/toc-abdlogo.png) no-repeat right bottom; 
 }

/* TOC END */

#toc .toctitle, .toc .toctitle {
    background: #000;
    padding: 0.25em 1em;
}

#toc .toctitle h2, .toc .toctitle h2 {
    color: #fff;
}

#toc > ul, .toc > ul {
   border: 1.9px solid #000000;
}

#toc .toclevel-1 a, .toc .toclevel-1 a {
    color: #ffffff;
}

#toc .toclevel-2 a, .toc .toclevel-2 a {
    color: #ffffff;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}

.wikiEditor-ui-toolbar .page-characters div span {
    color: #fff;
}

.wikiEditor-ui-toolbar .page-table th {
    color: #fff;
}

.wikiEditor-ui-toolbar .page-table td {
   color:#fff;
}

h5 {
   color:#fff;
}

.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
   background-color: #0e0e0e;
}

.suggestions-results {
   background-color: #dddddd;
   color: #ffffff;
}

.suggestions-special {
    background-color: #dddddd;
}

textarea#wpTextbox1 + #editpage-specialchars, .wikiEditor-ui-clear + #editpage-specialchars {
    border-top: 0;
    background-color: #171717;
}

.mw-parser-output a.external, .link-https {
    background-image: url(/images/link-external-small-ltr-progressive.svg);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 13px;
}

body.page-Главная_страница .mw-parser-output {
    max-width: 95em;
    margin: 0 auto;
}

#t-print,
#t-permalink {
    display: none;
}

.oo-ui-icon-bell {
    background-image: linear-gradient(transparent,transparent),url(https://wiki.biboran.org/images/OOjs_UI_icon_bell-destructive.svg);
}

.oo-ui-icon-tray {
    background-image: linear-gradient(transparent,transparent),url(https://wiki.biboran.org/images/OOjs_UI_icon_tray-destructive.svg);
}

.oo-ui-icon-markup {
    background-image: linear-gradient(transparent,transparent),url(https://wiki.biboran.org/images/OOjs_UI_icon_markup-invert.svg);
}

.oo-ui-window-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #171717;
    color: white;
}

.user-board-message-from {
    background-color: #0e0e0e;
    padding: 3px 0 5px 5px;
}

.user-board-message {
    border: 1px solid #d4dfd7;
    width: inherit;
    margin: 0 0 15px 0;
    background-color: #171717;
    border: 1px solid #dec300;
}

.profile-info-container b {
    color: #fff;
    margin: 0 10px 0 0;
}

.profile-info-container div {
    margin: 0 0 8px 0;
    color: #d4cece;
}

#profile-toggle-button {
    background-color: #6a141f;
    top: 5px;
    right: 0;
    padding: 2px 10px;
    position: absolute;
}

.skin-vector-legacy .ve-init-mw-desktopArticleTarget-toolbar {
    margin: -1.1em -1.1em 1.1em -1.1em;
}

.oo-ui-messageDialog-title {
    font-size: 1.5em;
    color: #f2f2f2;
}

.oo-ui-messageDialog-message {
    font-size: 1.1em;
    color: #ffffff;
    text-align: left;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    color: #d33;
    background-color: transparent;
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
    display: table-cell;
    vertical-align: middle;
    color: black;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: transparent;
}

#msupload-dropzone {
    color: #fff;
}

#msupload-list .file {
    background: #171717;
    border-top: 1px solid #c8ccd1;
    margin: 0;
    padding: 10px;
    position: relative;
}

#msupload-bottom {
    border-top: 1px solid #c8ccd1;
    padding: 8px;
    height: 22px;
    background-color: #171717;
}

#msupload-list .green {
    background: #0b3113;
}

.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    line-height: 1.42857143em;
    color: white;
}

a.pager-disable {
    color: #e5e5e5;
    cursor: text;
    text-decoration: none;
}

.vector-user-menu-legacy #pt-anonuserpage {
    color: #dec300;
}

blockquote {
    background: #0b0b0b;
    border: 1px solid #852222;
}

.vector-body blockquote {
    border-left: 4px solid #852222;
}

div.gallerytext {
    color: #ffffff;
    font-size: 0.85em;
    line-height: 1.6em;
}

table.wikitable > * > tr > th {
    color: #ffffff;
    background: #000000;
    border-color: #eeeeee;
}

table.wikitable {
    background: #131313;
}

.wikitable {
    color: #ffffff;
}

.jquery-tablesorter th.headerSort {
    background-image: url(https://wiki.biboran.org/images/sort_both.svg);
}

.ve-ui-linearContextItem-title > .oo-ui-labelWidget {
    color: black;
}

.ve-ui-desktopContext .ve-ui-linearContextItem-body:not(:empty) {
    color: black;
}

.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
    background-color: #6a6a6a;
}

div.thumbinner {
    background-color: #171717;
    border: 1px solid #000000;
}


element.style {
}
.mw_metadata th {
    font-weight: normal;
    text-align: center;
}

таблица стилей агента пользователя
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}

.mw_metadata {
    color: black;
}

#pagehistory li.selected {
    border: 1px solid #e4eaee;
    background: #171717;
    color: white;
}

#pagehistory li.selected {
    border: 1px solid #e4eaee;
    background: #171717;
    color: white;
}

.mw-content-ltr.mw-highlight-lines pre {
    background-color: black;
}

.CodeMirror-code {
    outline: none;
    background-color: #171717;
    color: white;
}

.CodeMirror-gutters {
    background-color: #323131;
    color: white;
}

.CodeMirror-scroll {
    background-color: #19171a;
}

fieldset {
    border: 1px solid #958409;
    margin: 1em 0 1em 0;
    padding: 0 1em 1em;
}

.mw-datatable tr:hover td {
    background-color: #fff7c1;
    color: black;
}

.wikiEditor-ui-toolbar .tabs span.tab a:before {
    background: url(/images/arrow-down.svg) center no-repeat;
}

.ui-button-text-only .ui-button-text {
    color: black;
}

#mw-mf-diffview #mw-mf-userinfo {
    background-color: #171717;
    border-top: solid 1px #d2b905;
}   

#mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count {
    color: #72777d;
}

.minoredit {
    background: transparent;
    color: #dec300;
}

#contentSub {
    color: #fff;
}

#n-Поддержать a {
    color: white !important;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #aa3232;
    display: block;
    position: relative;
    padding: 4px 0 5px calc(17px + 5.5px * 2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    transition: 0.2s ease;
}

#n-Поддержать a::before {
    font-weight: normal;
    opacity: 0.85;
}

#n-Поддержать a::after {
    content: '';
    background-size: 17px 13px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
    position: absolute;
    top: 5px;
    left: 7px;
    width: 17px;
    height: 13px;
}

#n-Поддержать a:hover {
    text-decoration: none;
    background-color: #450e0e;
}

#n-Поддержать a:hover {
    text-decoration: none;
    background-color: #450e0e;
}

.vector-menu-portal .vector-menu-content {
    margin-left: 0;
}

.mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset {
    color: black;
}

.oo-ui-messageWidget > .oo-ui-labelElement-label {
    color: black;
}

.mw-datatable.ext-checkuser-investigate-table th {
    color: black;
}

.oo-ui-messageWidget > .oo-ui-labelElement-label {
    color: #dd3333;
}

.comment-user {
    color: #c2c2c2;
}

.comment-selected {
    background: url(/images/tick.png) no-repeat right bottom;
}

.profile-update-title {
    color: #fff;
}

.profile-on {
    color: #000;
    font-weight: 600;
}

ol.references li:target {
    background-color: #b24f4f;
}

.ext-replacetext-searchoptions {
    background-color: #171717;
}

#mw-searchoptions {
    background-color: #171717;
}

.results-info {
    color: #ffffff;
}

.mwe-popups .mwe-popups-container {
    background: #171717;
}

.mwe-popups .mwe-popups-extract {
    color: #fff;
}

.mwe-popups {
    background: #171717;
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
    background-image: linear-gradient(to right,rgba(255,255,255,0),#171717 50%);
}

.mw-ui-icon-settings:before {
    background-image: url(/images/OOjs UI icon advanced-invert.svg);
}

.mw_metadata td {
    border: 1px solid #ffffff;
    background-color: #131313;
    color: #ffffff !important;
}

.mw_metadata th {
    color: #ffffff !important;
    background-color: #131313;
}

.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
    background-color: #171717;
}

.mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker .mw-widgets-datetime-dateTimeInputWidget .mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: #171717;
    color: white;
}

.mw-widgets-datetime-calendarWidget.mw-widgets-datetime-calendarWidget-dependent {
    background-color: #171717;
}

.comment-paginator span[current] {
    color: #dec300;
    border: 1px solid #fff;
    background-color: #351c1f;
}

.comment-paginator span {
    color: #fff;
}

::selection {
    background: #ca1d1d;
    color: white;
}

ul.gallery {
    padding-top: 0.6em;
    border: 1px solid #dec300;
    background: #241718 url(/images/gallery-corner-image.png) no-repeat bottom right;
    text-align: center;
    border-radius: 8px;
    margin: 1.6em;
    display: flow-root;
}

li.gallerycaption {
    font-family: Avalon;
    font-size: xx-large;
    padding: 7px;
}

li.gallerybox div.thumb { border: 1px solid #ccd; background-color: #171717; border-radius: 6px; }

#p-personal .vector-menu-content-list {
	padding: 1px 0.5em 1px 0;
}

.vector-user-menu-legacy li {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

#mw-panel.collapsible-nav .portal .vector-menu-heading {
    background-image: url(https://cdn.wikimg.net/en/hkwiki/images/7/70/Collapsearrow.png);
    background-position: right center;
    background-size: 1.25em;
    margin: 0;
    padding: 4px 1.5em 3px 0;
}

#mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading {
    background-image: url(https://cdn.wikimg.net/en/hkwiki/images/2/20/Expandarrow.png);
}

#mw-panel.collapsible-nav .portal .vector-menu-heading, #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading {
    background-position: right center;
    background-size: 1.25em;
    margin: 0;
    padding: 4px 1.5em 3px 0;
}

.vector-menu-portal:first-of-type::before {
    background: url(https://cdn.wikimg.net/en/hkwiki/images/9/96/Dialogue_Top.png)center/contain no-repeat;
    top: 0;
}