MediaWiki:Theme-Cure.css

/*
 * Title: Plague Inc. Wiki  Cure Theme
 * Made by: Seb
 * Date: Tested in January 2024 to February 2024
 */

/* Site Background */
body {
  background-color: #1a1818;
  overflow-y: scroll;
  color: white;
  background: url('https://styles.redditmedia.com/t5_3fbfi/styles/bannerBackgroundImage_fkz6abje29e61.png') no-repeat fixed #020424;
  background-size: cover;
}


/* Basic HTML Elements */
/* Text Selector */
::selection {
  color: #FFF;
  background: #777;
}


/* Links */
a {
    text-decoration: none;
    color: #78e8e8;
    background: none;
}


a:visited {
    text-decoration: none;
    color: #78e8e8;
    background: none;
}


.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #78e8e8;
}


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


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

.mw-parser-output a.external {
    background-image: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg?14604);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: .8em;
    padding-right: 0.9em;
    padding-top: 1em;
}

a.new {
    color: #ff7373;
}

.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
    color: #ff7373;
}

/* Lists */
ul {
	text-align: left !important;
	list-style-image: inherit;
}

ol.references li:target, sup.reference:target {
  background-color: #4d3232;
  overflow: hidden;
}


.page-content ol, .page-content ul {
  margin: 1px 0 1px 36px;
}


.mw-references-wrap {
	overflow: hidden;
	display: inline;
}

/* Input */
input {
  background: #020424;
  color: white;
  border: 1px double whitesmoke;
  padding: 5px;
}

textarea {
    border: 1px solid #c8ccd1;
    padding: 4px;
    background: #020424;
    color: white;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #d5d5d5;
    font-family: Manrope !important;
}


h3 {
  margin: 24px 0 12px;
  overflow: hidden;
  border-bottom: 1px solid white;
  padding: 5px 0;
}


h2 {
  border-bottom: 2px solid whitesmoke;
  overflow: hidden;
  padding: 6px 0;
}


/* Code Tag */
pre {
  background: #2d2d2d;
  color: white;
}


code, .mw-code {
    background-color: #282828;
    color: white;
    border: 1px solid #eaecf0;
 }

/* Data Input Element */
input {
	margin: 1px;
}


/* Sound Files */
audio {
	display: flex;
}


/* Vector Skin */
/* Vector Main Page Content */
.mw-body {
    padding: 1.25em 1.5em 1.5em 1.5em;
    background: #020424e3;
    margin-top: -1px;
    border: 1px solid #292f8a;
    backdrop-filter: blur(2px);
    margin-right: 1em;
}

.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
  margin-left: 12em;
}

.vector-body {
    font-size: calc(1em * 0.875);
    line-height: 1.6;
    color: #d5d5d5;
}


#mw-page-base {
    background-color: transparent;
    background-image: none;
    background-position: bottom left;
    height: 5em;
 }
 
#mw-head {
    margin-top: 14px;
}
 
 #mw-head-base {
    background: #020424;
    opacity: 0.3;
  border-right: 1px solid #89e9ff;
  margin-top: -34px;
  border-left: 1px solid #89e9ff;
  border-top: 1px solid #89e9ff;
  height: 3.5em;
  margin-left: 13.5em;
  margin-right: 2.5em;
}

.content-wrapper {
  margin-right: 1em;
  margin-left: 1em;
}

#p-namespaces {
  margin-left: 35px;
}

#right-navigation {
  margin-right: 36px;
}
 
/* Vector Sidebar */
#mw-panel {
  padding-left: 0;
  background: #020424;
  margin: 7px;
  padding-bottom: 20px;
  width: 11em;
  border: 2px solid #1da8fb85;
}

#p-logo a {
    width: 100%;
}

#p-logo {
    width: 100%;
}

.mw-wiki-logo {
  background-size: 150px;
}

.vector-menu-portal .vector-menu-heading {
  background-image: none;
  color: #fff;
  border-bottom: 1px solid #1a0095;
  margin: 3px 9px;
  text-align: center;
}

.vector-menu-portal {
  margin: 12px 9px;
  padding: 2px;
  direction: ltr;
  border: 1px solid whitesmoke;
  border-top: 5px solid whitesmoke;
}

.vector-menu-portal .vector-menu-content ul {
  font-size: 17px;
  margin-left: 4px;
}

.vector-menu-portal .vector-menu-content li {
  margin: 0;
  padding: 1px 3px 1px 3px;
  line-height: 1.5em;
  list-style-type: '┃';
  text-align: left;
  color: #9b9b9b;
}

#mw-panel li:hover {
	background: #202020;
}

.vector-menu-portal .vector-menu-content li a:visited {
    color: #78e8e8 !important;
}


.vector-menu-portal .vector-menu-content li a {
    color: #78e8e8 !important;
}


/* Vector Footer */
.mw-footer {
  padding: 1.25em;
  background-color: #020424f0;
  margin-right: 2em;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 2em;
  overflow: hidden;
  border: 1px solid #4d53b3;
  border-top: 3px solid #4d53b3;
}

  
.mw-footer li {
    color: white;
    margin: 0;
    padding: 0.5em 0;
    font-size: 0.75em;
}

/* Vector Page Subtitle */
#contentSub, #contentSub2 {
    color: #a8a8a8;
}

/* Vector Menu Dropdowns */
.vector-menu-dropdown .mw-list-item a {
    padding: .625em;
    color: #78e8e8;
  }


.vector-menu-dropdown .vector-menu-content {
    line-height: 1.125em;
    background-color: #020424;
    border: 1px solid #4446dd;
}


/* Vector Menu Tabs */
.vector-menu-tabs {
  margin-top: 4px;
}

.vector-menu-tabs-legacy ul {
    margin-top: 3px;
}

.vector-menu-tabs-legacy li a {
    color: #78e8e8;
    font-size: 0.8125em;
    cursor: pointer;
    padding: 9px;
    height: 100%;
}


.vector-menu-tabs-legacy .selected {
    background: #0d1e486b;
    border: 1px solid #11dce6;
}


.vector-menu-tabs-legacy li {
    background-image: none;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 10px;
    border: 1px solid #379fc8;
    margin-inline: 3px;
    background: #00000061;
}


.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
    color: white !important;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
  background-image: none;
  background-repeat: no-repeat;
  background-size: 1px 90%;
}

.vector-menu-tabs .mw-watchlink.icon a {
    width: 100%;
    height: 100%;
    padding: 9px;
    overflow: hidden;
}

.vector-menu-tabs #ca-watch.icon a::before {
    background-image: none;
}

.vector-menu-tabs #ca-unwatch.icon a:hover:before,
  .vector-menu-tabs #ca-unwatch.icon a:focus:before {
    background-image: none;
  }
  .vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:hover:before,
  .vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:focus:before {
    background-image: none;
  }
  .vector-menu-tabs #ca-watch.icon a:hover:before,
  .vector-menu-tabs #ca-watch.icon a:focus:before {
    background-image: none;
  }

  .vector-menu-tabs #ca-unwatch.icon a::before{
    background-image: none;
  }

.vector-menu-dropdown .vector-menu-heading {
    color: white;
}

.vector-menu-dropdown .vector-menu-heading::after {
    filter: invert(100%);
}

/* Categories */
.catlinks {
  border: 1px solid #a2a9b1;
  background-color: #2f2f2f78;
  padding: 5px;
  margin-top: 1em;
  clear: both;
}

/* Table of Contents (TOC) */
.toc {
  background-color: transparent;
  border: 1px whitesmoke solid;
  border-radius: 0;
  font-size: 100%;
  margin: 24px auto 24px 0;
  padding: 5px 11px 5px 11px;
  border-left: 5px whitesmoke solid;
}

.toc .toctitle {
    text-align: center;
    border-bottom: 1px solid #44d5d5;
}

.toctogglelabel {
    cursor: pointer;
    color: #78e8e8;
}


.tocnumber {
    color: white;
    padding-left: 0;
    padding-right: 0.5em;
  }


/* Page History */
#pagehistory li.selected {
  background-color: #313030;
  color: white;
  outline: 1px dashed #a2a9b1;
}


.diff-context {
  background: transparent;
  border-color: #eaecf0;
  color: white;
}


.diff-addedline .diffchange {
  background: #261212;
}


.diff-deletedline .diffchange {
  background: #261212;
}


.mw-plusminus-neg {
  color: #d20000;
}


/* File Description + Galleries + Images */
#filetoc {
  border: 1px solid #a2a9b1;
  background-color: transparent;
}


.mw_metadata td {
  background-color: #020424;
}


.mw_metadata th {
  background-color: #020424;
  font-weight: normal;
  text-align: center;
}


table.mw-interwikitable.body td.mw-interwikitable-local-yes {
  background: transparent;
}


li.gallerybox div.thumb {
    border: 1px solid whitesmoke;
    background-color: transparent;
  }
  
.gallerytextwrapper > .gallerytext {
  color: black;
}

.thumbimage {
    background-color: transparent;
    border: 1px solid #313233;
  }


div.thumbinner {
    border: 1px solid #c8ccd1;
    background-color: transparent;
    font-size: 94%;
  }


/* Buttons */
.mw-ui-button {
  background-color: #040404;
  color: white;
}

.mw-ui-button:hover {
    background-color: #444;
}

.mw-ui-button:not(:disabled):visited {
  color: white;
}

.mw-ui-button:not(:disabled):hover {
  background-color: #800000;
  color: white;
}

.mw-ui-button:not(:disabled):focus {
  color: white;
  border-color: whitesmoke;
  box-shadow: none;
}

.mw-ui-button:not(:disabled):focus::-moz-focus-inner {
  border-color: #800000;
}

.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
  background-color: #800000;
  color: white;
  border-color: #72777d;
  box-shadow: none;
}

.mw-ui-button:disabled {
  background-color: #800000;
  color: #ffffff;
  border-color: #c8ccd1;
}

#preferences .mw-htmlform-submit-buttons {
  background-color: #020424;
}

/* Search Bar */
.mw-search-profile-tabs {
  background-color: #020424;
  margin-top: 1em;
  border: 1px solid #c8ccd1;
  border-radius: 2px;
}


.search-types .current a {
  color: white;
}

/* Message Box */
.mw-message-box-warning {
  background-color: #020424;
  border-color: #fc3;
}

.mw-message-box-error {
  background-color: transparent;
  border-color: #d33;
}

.mw-message-box {
  color: white;
}

.suggestions-special .special-query {
  color: white;
}

/* Menus */
.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 #2d2d2d;
}


.suggestions-results {
  background-color: #020424;
  cursor: pointer;
  border: 1px solid #a2a9b1;
  padding: 0;
  margin: 0;
}


.suggestions-result {
  color: white;
  line-height: 1.5em;
  text-align: left;
  white-space: nowrap;
}


.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link {
  color: white;
  text-decoration: none;
}


.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
  color: white;
  text-decoration: none;
}


.vector-search-box-input::placeholder {
    color: #979797;
    opacity: 1;
}


  .vector-search-box-input {
    background-color: rgba(51, 51, 51, 0.5);
    color: white;
    border: 1px solid #a2a9b1;
    padding: 5px 2.15384615em 5px 0.4em;
    box-shadow: inset 0 0 0 1px transparent;
  }


.suggestions-special .special-label {
  color: white;
  text-align: left;
}


.suggestions-special {
  background-color: #444;
  border: 1px solid #a2a9b1;
}

.searchButton[name="go"] {
	filter: invert(100%);
}

/* CSS Code Editor */
.codeEditor-status {
  background-color: #020424;
  border-top: 1px solid #c8ccd1;
}

/* Source Code Editor */
.mw-editfont-monospace {
  background-color: #171717;
  color: white;
}


.wikiEditor-ui-toolbar {
  background-color: #222;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);
}


.wikiEditor-ui-toolbar .tabs span.tab a {
  color: white;
  cursor: pointer;
  display: block;
  height: 32px;
  padding-left: 18px;
  padding-right: 12px;
}


#msupload-div {
  background: #020424;
  border-top: 1px solid #c8ccd1;
  padding: 0;
  z-index: 0;
}


#msupload-dropzone {
  margin: 9px;
  padding: 3px;
  border: 1px dashed #a2a9b1;
  text-align: center;
  height: 21px;
  color: white;
}


#mw-searchoptions {
  clear: both;
  padding: 0.5em 0.75em 0.75em 0.75em;
  background-color: #020424;
  margin: -1px 0 0;
  border: 1px solid #c8ccd1;
  border-radius: 0 0 2px 2px;
}


.ace-tm {
  background-color: #0f0f0f;
  color: white;
}


.ace-tm .ace_gutter {
  background: #000;
  color: #333;
}

/* Source Editor (Syntax Highlight) */
.CodeMirror-scroll {
	background-color: #020424;
	color: white;
}

.CodeMirror-linenumber {
  color: white;
  background-color: #020424;
}

.CodeMirror-gutter .CodeMirror-linenumbers {
	background-color: #020424;
}

/* Visual Editor (See https://www.mediawiki.org/wiki/VisualEditor/Portal for more info) */
/* Visual Editor (UI) */
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
  background-color: #555252;
}


.ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {
  background: #444;
}


.ve-ui-mwAceEditorWidget .ace_editor {
  max-width: 864px;
}


.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
  margin: -0.3em 0 -0.1em 0;
  outline: 1px dashed #c8ccd1;
  background-color: #1e1e1e;
}


.ve-ui-mwGalleryDialog-highlighted-image {
  background-color: transparent;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border: 1px solid whitesmoke;
}


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


.ve-ui-expandableContent-toggle {
  background-color: #020424;
  pointer-events: auto;
  border: 1px solid whitesmoke;
}


.mw-body-content.vector-body.oo-ui-widget.ve-ui-surface.ve-ui-surface-visual.ve-ui-mwSurface.ve-ui-surface-dir-ltr {
    background: #444;
}

.mw-upload-bookletLayout-filePreview {
  background-color: #020424;
}

.ve-ui-mwTemplatePage-description {
  color: #abb5bd;
}

.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
  color: #abb5bd;
}

.ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
  color: #abb5bd;
}

.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted{
    color: white !important;
}

/* Visual Editor (Image Border) */
figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption, figure[typeof~="mw:Image/Thumb"] > figcaption, figure[typeof~="mw:Video/Thumb"] > figcaption, figure[typeof~="mw:Audio/Thumb"] > figcaption, figure[typeof~="mw:Image/Frame"] > figcaption, figure[typeof~="mw:Video/Frame"] > figcaption, figure[typeof~="mw:Audio/Frame"] > figcaption {
  border: 1px solid #262626;
    border-top-color: #262626;
    border-top-style: solid;
    border-top-width: 1px;
  border-top: 0;
  background-color: #444;
  font-size: 88.4%;
}


figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"], figure[typeof~="mw:Image/Thumb"], figure[typeof~="mw:Video/Thumb"], figure[typeof~="mw:Audio/Thumb"], figure[typeof~="mw:Image/Frame"], figure[typeof~="mw:Video/Frame"], figure[typeof~="mw:Audio/Frame"] {
  border: 1px solid #262626;
    border-bottom-color: #262626;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  border-bottom: 0;
  background-color: #444;
}


figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption, figure[typeof~="mw:Image/Thumb"] > figcaption, figure[typeof~="mw:Video/Thumb"] > figcaption, figure[typeof~="mw:Audio/Thumb"] > figcaption, figure[typeof~="mw:Image/Frame"] > figcaption, figure[typeof~="mw:Video/Frame"] > figcaption, figure[typeof~="mw:Audio/Frame"] > figcaption {
  display: table-caption;
  caption-side: bottom;
  line-height: 1.4em;
  word-break: break-word;
  padding: 0 6px 6px 6px;
}

/* Visual Editor Toolbar */
.oo-ui-toolbar-bar {
	background: #020424;
	color: white;
}

/* Visual Editor Dropdown Menus */
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
  background-color: #444;
  color: white;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
  background-color: #444;
  color: white;
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
  background-color: #444;
  color: white;
}

.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
  background-color: #444;
}

.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
  background-color: #444;
}

/* OOUI (See https://www.mediawiki.org/wiki/OOUI for more info) */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
  background-color: #313131;
  color: whitesmoke;
  border: 1px solid #a2a9b1;
}


.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
  background-color: #313131;
}


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

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

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


.oo-ui-layout {
    background: transparent;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #020424;
  color: white;
  border-color: #a2a9b1bf;
  border-width: 1px;
  border-style: solid;
}


.oo-ui-popupToolGroup-tools {
  background-color: #020424;
  min-width: 16em;
  margin: 0 -1px;
  border: 1px solid #c8ccd1;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);
}


.oo-ui-iconElement-icon {
  filter: invert(100%);
}


.oo-ui-indicatorElement-indicator {
  filter: invert(100%);
}

.oo-ui-image-invert {
  filter: inherit;
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
  background-color: #2d2525;
  color: #78e8e8;
}


.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
  background-color: #2d2525;
}


.oo-ui-window-head {
    background-color: #020424;
}


.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
  background-color: #1c1919;
  color: #78e8e8;
}


.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #1c1919;
    color: #78e8e8;
}


.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
  background-color: #555;
  -webkit-text-fill-color: white;
  color: white;
  text-shadow: 1px 1px 1px #060606;
  border-color: #c8ccd1;
}


.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
  background-color: #312727;
  border-color: #c8ccd1;
}


.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
  color: #fff;
  background-color: #730000;
}


.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
  background-color: #312727;
  color: #78e8e8;
  box-shadow: none;
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: #020424;
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: white;
  background-color: #020424;
}


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


.oo-ui-window-foot {
    background-color: #020424;
    padding: 3px;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: #78e8e8;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover{
    background-color: #202020;
    border-color: whitesmoke;
}

.oo-ui-menuSelectWidget {
  background-color: #020424;
}


.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
  color: white;
}


.oo-ui-layout .oo-ui-menuLayout .oo-ui-menuLayout-expanded .oo-ui-menuLayout-before .oo-ui-menuLayout-showMenu .oo-ui-bookletLayout {
    background: #020424;
}


.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: #78e8e8;
  box-shadow: inset 0 -2px 0 0 #78e8e8;
}


.oo-ui-menuLayout {
    background: #020424;
}


.oo-ui-window-body {
    background: #020424;
}


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


.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #313131;
}


.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
  background-color: #111111ab;
  border-color: whitesmoke;
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  background-color: #444;
  color: white;
  border-color: #a2a9b1;
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: #78e8e8;
}


.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesLimitAndDateButtonWidget:hover {
  background-color: #444;
}


.oo-ui-tagItemWidget.oo-ui-widget-enabled {
  color: white;
}

.oo-ui-popupToolGroup-active.oo-ui-widget-enabled,
.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
    background-color: transparent;
    background-image:none;
    color:white;
}


.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
  color: #606060;
}


.oo-ui-tagItemWidget {
    background-color: #333;
    background-image: linear-gradient(to bottom,#595959 0,#404040 100%);
    color: white;
}

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
    background-color: #111;
    background-image: linear-gradient(to bottom, #222 0, #000 100%);
    color: white;
}


.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background-color: #444;
    background-image: none;
}

.oo-ui-buttonElement > .oo-ui-buttonElement-button { 
    color: white;
}


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


.oo-ui-tool-active {
  background-color: #444;
}


.oo-ui-tabSelectWidget-framed {
  background-color: #262626;
}


.oo-ui-tabOptionWidget {
  color: white;
}


.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
  background-color: transparent;
}


.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
    background-color: #444;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #1400a8;
  border-color: #1400a8;
}


.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
  color: #fff;
  background-color: #1400a8;
}


.oo-ui-optionWidget-highlighted {
    background-color: #444 !important;
}


.oo-ui-optionWidget-highlighted:hover {
    background-color: #444 !important;
}


.oo-ui-messageDialog-title {
  color: white;
}


.oo-ui-messageDialog-message {
  color: white;
}


.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
  background-color: transparent;
  border-color: #14866d;
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
  background-color: #2d2d2d;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  color: whitesmoke;
}

.oo-ui-popupWidget-popup {
  background-color: #020424;
  border: 1px solid #a2a9b1;
}

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

.oo-ui-labelElement-label {
    color: white;
}

/* Template Data (See https://www.mediawiki.org/wiki/Extension:TemplateData for more info) */
.mw-templatedata-doc-param-alias {
  color: white;
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
  color: white;
}

/* Scribunto (LUA Modules) (See https://www.mediawiki.org/wiki/Extension:Scribunto for more info) */
.mw-scribunto-message {
  color: #008000;
  background: transparent;
}

.mw-scribunto-console-fieldset {
  background: transparent;
  color: white;
}

/* Widgets */
/* Date Widget */
.mw-widget-dateInputWidget-handle {
    background-color: #313131;
    color: white;
}

.mw-widget-dateInputWidget-calendar {
  background-color: #020424;
}

.mw-widget-calendarWidget-day {
  color: white;
}

/* Menus + Items */
.mw-rcfilters-ui-itemMenuoptionWidget:hover {
    background-color: #313131;
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  color: whitesmoke;
}


.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: white;
  white-space: normal;
}


.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
  font-weight: bold;
  font-size: 1.15em;
  color: white;
}


.mw-rcfilters-ui-menuSelectWidget-footer {
  background-color: #020424;
  border-top: 1px solid #c8ccd1;
}


/* Template Editor */
.ve-ui-expandableContent-fade {
  background: none;
  width: 50px;
  height: 100%;
}


.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: white;
}


.mcf-card-tall {
  height: 100px;
}


.mcf-card-article__thumbnail {
  width: 100%;
  height: 900px;
  margin-top: -90px;
}


.mcf-card-article__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 1px;
  padding: 0 18px;
}


.mcf-card-wiki-articles__header {
  font-size: 16px;
  font-weight: 600;
  padding: 9px;
  position: relative;
  text-align: center;
}


.mcf-card {
  height: 100px;
}


.mcf-card-wiki-articles__list {
  margin: 0;
  overflow-y: scroll;
}


.mcf-card-wiki-articles__circle {
  margin: 2px;
}


.mcf-card-wiki-articles__item {
    margin: 9px;
}


.mcf-en .mcf-card-related-wikis {
  height: 100px;
}


.mcf-card-related-wikis__header {
  padding: 1px 1px 1px 9px;
}


.mcf-card-related-wikis__list {
  margin: 1px 1px 1px 10px;
  overflow-y: scroll;
  height: 60px;
}


.mcf-mosaic {
  max-height: 151px;
  overflow-y: scroll;
}

/* Multimedia Viewer (See https://www.mediawiki.org/wiki/Extension:MultimediaViewer for more info) */
.mw-mmv-post-image {
  color: white;
  background-color: #202020;
}

.mw-mmv-image-metadata {
  border-top: 1px solid #c8ccd1;
  background-color: #020424;
}

.mw-mmv-filepage-buttons .mw-mmv-view-expanded .mw-ui-icon::before {
  filter: invert(100%);
}

.mw-mmv-filepage-buttons .mw-mmv-view-config .mw-ui-icon::before {
	filter: invert(100%);
}

.mw-mmv-dialog {
  background-color: #020424;
  color: white;
}

.mw-mmv-dialog .mw-mmv-dialog-warning {
  background-color: #800000;
}

.mw-mmv-download-pane .mw-mmv-download-attribution {
  background-color: #202020;
  color: white;
}

.mw-mmv-download-pane .mw-mmv-download-attribution:hover {
  background-color: #444;
  color: white;
}

.mw-mmv-options-text-header {
  color: white;
}

.mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive {
  color: white;
}

.mw-mmv-options-dialog-header {
  color: white;
}

.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif {
  background: none;
}

/* Messages + Notifs (See https://www.mediawiki.org/wiki/Extension:Echo for more info) */
.mw-notification {
    background-color: #020424;
    border-color: #78e8e8;
    color: white;
}

.mw-echo-ui-notificationItemWidget-content-message-header {
  color: white;
}


.mw-echo-ui-notificationItemWidget {
  display: block;
  background-color: #020424;
}


.mw-echo-ui-notificationItemWidget:hover {
  display: block;
  background-color: #020424;
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
  background-color: #171717;
  color: #3366cc;
}

.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  color: white;
}

.mw-echo-ui-notificationItemWidget-unread {
  background-color: #020424;
}


.mw-echo-ui-notificationItemWidget-unread:hover {
  background-color: #444;
}


.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background: transparent;
}

.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
  color: white;
}

/* Recent Changes Filters */
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
  background: #020424;
}


.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background-color: #020424;
  border: 1px solid #c8ccd1;
}


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


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


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


.mw-rcfilters-ui-menuSelectWidget-group {
    background-color: #020424;
}


.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
  color: white;
  white-space: normal;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: white;
}

/* Cargo (More info: https://support.wiki.gg/wiki/Cargo) */
table.cargoTable {
  border-collapse: collapse;
  display: block;
}

table.cargoTable > tbody > tr > td {
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

table.cargoTable > thead > tr > th {
  border: 1px solid #c8c2c2;
  background-color: #282828;
  white-space: nowrap;
  padding-left: 15px;
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: transparent;
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: transparent;
}

.field_Page {
  position: sticky;
  left: 0;
  background: #111;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

div.drilldown-filters-wrapper {
  border: 1px solid #a2a9b1;
  border-radius: 2px;
  background-color: transparent;
  color: white;
  padding: 0.6em;
  margin-top: 1em;
}

.cargo-pagevalues-tableinfo {
  background-color: transparent;
}

/* Custom Recent Changes */
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
  margin-left: calc((0.2px + 2px) * 5 + 0.35714286em);
  margin-top: 10px;
  background: #201d1dba;
  padding: 10px;
  border-left: 6px solid #c68f2c;
}

/* Misc */
.editOptions {
  background-color: #020424;
  color: white;
}


.ui-widget-content {
  background: #020424;
  color: white;
}


.OGImage img {
	height: 21px;
}

#mw-indicator-mw-helplink a {
  background-image: url(/images/a/ac/Info_Icon_-_General.png?20240127170252);
  background-size: 19px;
}

/* HTML Form */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
  background-color: #202020;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
  background-color: #444;
}

/* Tables */
table {
  display: table;
  white-space: normal;
}


.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #282828;
    text-align: center;
}

  
.wikitable {
  background-color: transparent;
  color: white;
  margin: 1em 0;
  border: 1px solid #27292b;
  border-collapse: separate;
}


.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid #61656a;
    padding: .2em .4em;
}

/* Datatable */
.mw-datatable th {
  background-color: #202020;
}

.mw-datatable td {
  background-color: transparent;
}

.mw-datatable tr:hover td {
  background-color:#eaf3ff
}

/* Main Page */
.Main-Page-Content {
  width: calc(100% - 320px);
  float: left;
}


.Main-Page-Sidebar {
  clear: right;
  float: right;
  width: 300px;
}

/* Traits Tables */
.infotable {
  margin-inline: auto;
  min-width: 50%;
  text-align: center;
}

/* 1.41 CSS */
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
  background-color: #3366cc;
  color: white;
  border-color: #a2a9b1;
}

.cdx-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover {
  background-color: #3366cc;
  color: white;
}

.cdx-button__icon {
  filter: invert(100%);
}

.mw-collapsible-toggle-default .mw-collapsible-text {
  color: #78e8e8;
  border: 1px solid whitesmoke;
  padding: 2px;
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins {
  background: #737373ed;
}

.mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins {
  background: #737373ed;
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del {
  background: #ff000091;
}

.mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del {
  background: #ff000091;
}


/* Mobile CSS */
@media screen and (max-width: 720px) {
  #mw-head {
    top: 0px;
  }

#p-namespaces {
  margin-left: 0;
}

#right-navigation {
  margin-right: 0;
}

#mw-head-base {
  border-right: none;
  margin-right: 0;
  border-left: none;
  border-top: none;
  margin-left: 0;
}
  
  .mw-body {
    margin-right: 0;
  }
  
  .mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
  margin-left: 0;
  }
  
 #mw-panel {
  margin: 9px 0;
  padding-bottom: 5px;
  width: 100%;
  }
  
  .content-wrapper {
  margin-right: 0;
  margin-left: 0;
}

#ca-unwatch {
  display: none;
}
  
  .Main-Page-Content {
  width: 100%;
  float: none;
  display: block;
  }
  
.portable-infobox {
    width: 95% !important;
    margin-inline: auto;
    margin-top: 4px;
    max-width: 93% !important;
  }
  
table {
    display: block;
    white-space: normal;
    overflow-x: auto;
    overflow-y: auto;
  }

  
.wikitable table {
	max-height: 284px;
}


.thumb {
	width: auto;
}

.mw-footer {
    margin-right: 0;
  }


.floatnone img {
    width: 100%;
    height: 5%;
}

.thumbimage {
  width: 99%;
  height: 5%;
}

.thumbinner {
  width: 100% !important;
  height: 5%;
}

div.thumb {
  margin: 10px;
}
}