Difference between revisions of "MediaWiki:Common.css"

From Idlescape Wiki
Jump to navigation Jump to search
(Keep aspect ratio of all images.)
(Equally spaced table css)
 
(3 intermediate revisions by the same user not shown)
Line 3: Line 3:
  
 
/* General changes */
 
/* General changes */
 +
 +
table.equal-space {
 +
  table-layout: fixed;
 +
}
  
 
img {
 
img {
Line 15: Line 19:
 
li#ca-talk {
 
li#ca-talk {
 
  display: none;
 
  display: none;
 +
}
 +
 +
/* Tooltips */
 +
.tooltip {
 +
  cursor: help;
 +
}
 +
 +
.tooltip-dotted {
 +
  border-bottom: 1px dotted;
 
}
 
}
  
Line 82: Line 95:
 
.infobox-image img {
 
.infobox-image img {
 
   max-width: 300px;
 
   max-width: 300px;
   height: auto;
+
   max-height: 300px;
 
   padding: 1em;
 
   padding: 1em;
 
}
 
}
Line 492: Line 505:
 
table.wikitable td {
 
table.wikitable td {
 
   border: 1px solid #172136;
 
   border: 1px solid #172136;
 +
}
 +
 +
table.wikitable.compact td p {
 +
  margin: 0;
 
}
 
}
  

Latest revision as of 10:07, 5 July 2024

/* CSS placed here will be applied to all skins */


/* General changes */

table.equal-space {
  table-layout: fixed;
}

img {
  object-fit: contain;
}

.noautonum .tocnumber { 
  display: none; 
}

/* Low level hiding Discussions tab */
li#ca-talk {
 display: none;
}

/* Tooltips */
.tooltip {
  cursor: help;
}

.tooltip-dotted {
  border-bottom: 1px dotted;
}

/**
    Template for 2D TOC
**/
.mw-parser-output .htoc li li {
  display:inline
}
.mw-parser-output .htoc li li .tocnumber {
  display:none
}
.mw-parser-output .htoc li li::after {
  content:" · ";
  font-weight:bold
}
.mw-parser-output .htoc li li:last-child::after {
  content:none
}

/**
    Template for Infobox_Monster
**/
.infobox {
  background: #313e59;
  border: 1px solid #172136;
  float: right;
  margin: 0.5em 0 1em 1em;
  padding: 1em;
  width: 325px;
  word-break: break-word;
  font-size: 0.85em;
}
.infobox .infobox-title,
.infobox .infobox-above {
  font-size: 1.5em;
  text-align: center;
  line-height: 2.5em;
  background-color: #222e45;
  font-weight: bold;
}
.infobox .infobox-header {
  font-size: 1.25em;
  text-align: center;
  line-height: 2em;
  background-color: #222e45;
  font-weight: bold;
}
.infobox .infobox-subheader,
.infobox .infobox-slabel,
.infobox .infobox-sdata,
.infobox .infobox-full-data {
  text-align: center;
}
.infobox .infobox-label {
  text-align: right;
  white-space: nowrap;
  overflow: auto;
}
.infobox .infobox-data {
  text-align: left;
  padding: 0 0.5em;
}
.infobox-image {
  text-align: center;
}
.infobox-image img {
  max-width: 300px;
  max-height: 300px;
  padding: 1em;
}
.infobox-stats {
  text-align: center;
  padding: 0.25em;
}
.infobox-nested {
  text-align: center;
}
.fullWidth-table {
  width: 100%;
}

.infobox .infobox-slabel {
  text-align: center;
}

.infobox .infobox-sdata {
  text-align: center;
}

.infobox .infobox-label {
  text-align: right;
}

.infobox .infobox-data {
  text-align: left;
}
/**
    Main Page
**/
body.page-Idlescape_Wiki .mw-parser-output {
  max-width: 75em;
  margin: 0 auto;
}
body.page-Idlescape_Wiki .firstHeading {
  display: none;
}
.mainpage-header {
  display: flex;
  margin: 2.6em 1.75em 1.5em;
}
.mainpage-header .header-intro {
  flex: 2;
}
.mainpage-header .header-intro h1 {
  font-size: 2.5em;
  border: none;
  margin: 0 0 0.15em;
}
.mainpage-header .header-intro h2 {
  font-size: 1.5em;
  border: none;
  margin: 0 0 0.15em;
}
.mainpage-header .header-intro p {
  font-size: 1.1em;
  line-height: 1.7em;
}
.mainpage-header .header-stats {
  flex: 1 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -1em;
}
.mainpage-header .header-stats ul {
  list-style: none;
}
.mainpage-body {
  display: flex;
  flex-flow: row wrap;
}
.mainpage-body .tile {
  padding-left: 1.75em;
  padding-right: 1.75em;
  max-width: 100%;
}
.mainpage-body .tile-row {
  width: 100%;
  margin-bottom: 0.9rem;
}
.mainpage-left {
  flex: 2;
  display: flex;
  flex-flow: column wrap;
  margin-right: 0.9rem;
}
.mainpage-left > * {
  margin: 0 0 0.9rem;
}
.mainpage-right {
  flex: 1;
  display: flex;
  flex-flow: column wrap;
}
.mainpage-right > * {
  margin: 0 0 0.9rem;
}
.mainpage-contents .tile-halves {
  flex: 1;
  margin-right: 0.9rem;
}
.mainpage-contents .tile-halves:last-child {
  margin-right: 0;
}
.mainpage-contents .tile-top {
  height: 4.5rem;
  position: relative;
}
.mainpage-contents .tile-top h2 a {
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 4.5rem;
  padding-left: 0.45rem;
}
.mainpage-contents h2 {
  margin: 0;
  padding: 0;
}
.tile {
  background-color: #313e59;
  box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
  padding: 1.5em 2em 1em;
  max-width: 40em;
}
.tile h2 {
  font-size: 1.4em;
  font-weight: bold;
  border: none;
  margin: 0 0 0.4em;
}
.tile .byline + h2 {
  margin-top: -0.5em;
}
.byline {
  font-size: 0.9em;
  color: rgba(203, 217, 244, 0.75)
}
.byline a {
  color: #5c6168;
}
.tile-row {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 1em;
}
.tile-halves {
  display: flex;
  flex-flow: row wrap;
  background-color: #313e59;
  box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.tile-halves h2 {
  font-size: 1.4em;
  font-weight: bold;
  border: none;
  margin: 0 0 0.4em;
}
.tile-halves .byline + h2 {
  margin-top: -0.5em;
}
.tile-top {
  width: 100%;
  padding: 1.3rem 1.5rem 0.6rem;
}
.tile-top.tile-image {
  display: flex;
  align-items: center;
  background-color: #313e59;
  overflow: hidden;
  padding: 0;
  height: 13vw;
  max-height: 12em;
  transition: 0.4s ease-out;
}
.tile-top.tile-image:hover img {
  transform: scale(1.1);
  transition: 0.5s ease-out;
}
.tile-top.tile-image a {
  width: 100%;
}
.tile-top.tile-image img {
  width: 100%;
  object-fit: cover;
  max-height: 200px;
  transition: 0.4s ease-out;
}
.tile-top.tile-image-std {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0;
  height: 10vw;
}
.tile-top.tile-image-std a {
  width: 100%;
}
.tile-top.tile-image-std img {
  object-fit: cover;
}
.tile-bottom {
  background-color: #222e45;
  width: 100%;
  padding: 1rem 1.5rem 0.6rem;
}
.tile-bottom.link-button {
  align-self: flex-end;
  padding: 0;
}
.tile-bottom.link-button a {
  display: block;
  text-align: center;
  padding: 0.75em 1.5em 0.8em;
  text-decoration: none;
}
.tile-bottom.read-more a {
  color: #cbd9f4;
  font-weight: bold;
  text-align: right;
}
.tile-bottom.read-more:hover .arrow {
  transform: translateX(50%);
}
.tile-bottom.read-more .arrow {
  filter: invert(36%) sepia(9%) saturate(463%) hue-rotate(175deg)
    brightness(94%) contrast(80%);
  margin-left: 0.4em;
  transition: 0.3s ease-out;
}

.tile-bottom.read-more {
  background: #222e45;
  transition: 0.3s ease-out;
}

.tile-bottom.read-more:hover {
  background: #27344c;
}
.mainpage-skills ul {
  columns: 3;
  margin: 1em 0.7em 0.7em 1em;
}
.mainpage-skills li {
  display: flex;
  margin-bottom: 0.29em;
}
.mainpage-skills li a {
  flex: 1;
  display: flex;
  align-items: center;
  color: #cbd9f4;
  font-weight: bold;
  padding-left: 0.7em;
  text-decoration: none;
}
.mainpage-skills li:hover a {
  color: #CBD9F4E6;
}
.mainpage-update .news-date {
  font-weight: bold;
  margin-bottom: 0.3em;
}
.mainpage-update p:not(.news-date) {
  margin-left: 1em;
}
.mainpage-discord,
.mainpage-reddit, 
.mainpage-forum {
  border: none;
  box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-discord .tile-top {
  display: flex;
  align-items: center;
  background: #5865F2;
  padding: 1em 1.75em;
}
.mainpage-reddit .tile-top {
  display: flex;
  align-items: center;
  background: #1a1a1b;
  padding: 1em 1.75em;
}
.mainpage-forum .tile-top {
  display: flex;
  align-items: center;
  background: #2a2a2a;
  padding: 1em 1.75em;
}
.mainpage-discord .tile-top a,
.mainpage-reddit .tile-top a,
.mainpage-forum .tile-top a {
  flex: 1;
  position: relative;
  text-decoration: none;
}
.mainpage-discord .tile-top a:hover .arrow,
.mainpage-reddit .tile-top a:hover .arrow,
.mainpage-forum .tile-top a:hover .arrow {
  transform: translateX(50%);
}
.mainpage-discord .tile-bottom,
.mainpage-reddit .tile-bottom,
.mainpage-forum .tile-bottom {
  padding: 1em 1.75em;
}
.mainpage-discord .tile-bottom p,
.mainpage-reddit .tile-bottom p,
.mainpage-forum .tile-bottom p {
  font-weight: bold;
  font-size: 0.9em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0;
}
.mainpage-discord .discord-icon,
.mainpage-reddit .reddit-logo,
.mainpage-forum .forum-icon {
  margin-right: 0.75em;
}
.mainpage-discord .server-name,
.mainpage-reddit .reddit-name,
.mainpage-forum .forum-name {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.25em;
  margin: 0.5em 0 -0.15em;
}
.mainpage-discord .server-tagline,
.mainpage-reddit .reddit-tagline,
.mainpage-forum .forum-tagline {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.5em;
}
.mainpage-discord .arrow,
.mainpage-reddit .arrow,
.mainpage-forum .arrow {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 0;
  height: 1em;
  width: 0.7em;
  background-size: 0.7em 1em;
  transition: 0.3s ease-out;
}
.mainpage-poll .ajaxpoll {
  max-width: 315px !important;
}

pre {
	overflow-x: hidden;
}

/**
    Messageboxes
**/
.messagebox {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.incomplete {
  border-left: 15px solid #ffcc00;
}
.cleanup {
  border-left: 5px solid #009405;
}

/**
    Wikitable configuration
**/
.hover-highlight > * > tr:hover {
  background-color: #172136;
}

.mw-collapsed caption {
  width: 100%;
  text-align: left;
}

.table-na {
    background: inherit; 
    color: inherit; 
    vertical-align: middle; 
    font-size: smaller;
    text-align: center;
}

table.wikitable, table.itemTable {
  color: #cbd9f4;
  text-align: left;
  border: 1px solid #172136;
  background-color: #313e59;
}

table.wikitable th {
  background: #222e45;
  border: 1px solid #172136;
}

table.wikitable td {
  border: 1px solid #172136;
}

table.wikitable.compact td p {
  margin: 0;
}

/* Navbar configuration */

.navbar {
    width: 100%;
    font-size:95%;
}

.navbar th {
    width: 1%;
}

.navbar p {
    margin: 0;
}

/**
    Community loot & item tables
**/
.lootTable, .itemTable {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

.lootTable td, .itemTable td {
  border: 1px solid #172136;
  overflow: hidden;
  padding: 5px 5px;
  word-break: normal;
}

.lootTable th, .itemTable th {
  background: #222e45;
  border: 1px solid #172136;
  font-weight: normal;
  overflow: hidden;
  padding: 8px 5px;
  word-break: normal;
  text-align: center;
  vertical-align: middle;
}

.lootTable img {
  width: 25px;
  height: auto;
}

.itemTable img {
    width: 60px;
    height: auto;
  }

.lootTable .lt-header-row, .itemTable .it-header-row,
.lootTable .lt-bottom-row, .itemTable .it-bottom-row {
  background: #222e45;
  border: 1px solid #172136;
  text-align: center;
  vertical-align: middle;
}

body {
  background-image: url(https://i.imgur.com/r9vfkkP.png);
  background-repeat: no-repeat;
  background-color: #071022;
}

#mw-page-base,
#mw-head {
  background: inherit;
}

.mw-body {
  color: #cbd9f4;
  background-color: #172136;
  border: 0px solid;
}

.mw-highlight{
  background-color: #222e45;
}

p {
  color: #cbd9f4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #cbd9f4;
  border-color: #596e96
}

h2 {
  border: none
}

pre,
code,
pre.mw-code.mw-script {
  background-color: #313e59;
  border-color: #172136;
  color: #cbd9f4;
}

pre,
.mw-code {
  color: #cbd9f4;
  background-color: #313e59;
  border: 1px solid #eaecf0;
  padding: 1em;
  white-space: pre-wrap;
}

.mw-highlight pre {
  background: inherit
}

hr {
  border-color: #596e96
}

.tabber .tabbertab {
  background-color: #313e59;
  border-color: #172136
}

ul {
  list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%238cabe6'/%3E %3C/svg%3E");
}

ul.tabbernav li.tabberactive a {
  color: #cbd9f4;
  background-color: #313e59;
  border-color: #313e59
}

ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:visited {
  color: #cbd9f4;
  background-color: #313e59;
  border-color: #313e59
}

ul.tabbernav li a {
  background: #222e45;
  color: #cbd9f4;
  border-color: #172136
}

ul.tabbernav li a:hover {
  background-color: #27354f;
  border-color: #172136
}

ul.tabbernav li a:link,
ul.tabbernav li a:visited {
  color: #cbd9f4
}


/* fun icon yay .new.mw-userlink[title="User:Sponsorn (page does not exist)"] if no userpage */
.mw-userlink[title="User:Eunsok"],
.mw-userlink[title="User:Valiant"],
.new.mw-userlink[title="User:Eunsok (page does not exist)"],
.new.mw-userlink[title="User:Valiant (page does not exist)"],
.mw-userlink[title="User:Sponsorn"] {
  background: url('https://play.idlescape.com/images/chaticons/chat-icon-mod.png') left no-repeat;
  padding-left: 17px;
  padding-top: 2px;
  background-size: 1.1em;
}
.mw-userlink[title="User:Silent1"] {
  background: url('https://play.idlescape.com/images/chaticons/chat-icon-dev.png') left no-repeat;
  padding-left: 17px;
  padding-top: 2px;
  background-size: 1.1em;
}

form#mw-upload-form fieldset input,
form:not(.mw-htmlform) fieldset:not(.jcTable):not(.mw-contributions-table) input,
form#mw-upload-form fieldset select,
form:not(.mw-htmlform) fieldset:not(.jcTable):not(.mw-contributions-table) select {
  background-color: #384766;
  border: 1px solid #475980;
  border-radius: 2px;
  color: #cbd9f4
}

form#mw-upload-form fieldset,
form:not(.mw-htmlform) fieldset {
  border-color: #596e96
}

.createbox input.mw-ui-input,
.forumsearchbox input.mw-ui-input,
.searchbox input.mw-ui-input,
.createbox input[type="submit"],
.forumsearchbox input[type="submit"],
.searchbox input[type="submit"] {
  padding: 0.546875em 1em;
  box-shadow: none
}

a,
image a,
#mw-panel .portal .body li a {
  color: #8cabe6
}

a:visited,
#mw-panel .portal .body li a:visited,
#mw-panel .portal .body li a:active {
  color: #8cabe6
}

a.new,
image a.new,
#mw-panel .portal .body li a.new {
  color: #f26d60
}

a.new:visited,
image a.new:visited,
#mw-panel .portal .body li a.new:visited {
  color: #f26d60
}

a.mw-selflink.selflink {
  color: #cbd9f4
}

.mw-body-content a.external,
.mw-body-content a.extiw {
  color: #8cabe6
}

.mw-body-content a.external:visited,
.mw-body-content a.extiw:visited,
.mw-body-content a.external:active,
.mw-body-content a.extiw:active {
  color: #8cabe6
}

div.thumbinner {
  border: 0px solid #c8ccd1;
  padding: 3px;
  background-color: transparent;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
}

html .thumbimage {
  border: none;
  background-color: transparent;
}

.thumbcaption {
  color: #cbd9f4;
  background: #313e59;
  border: none
}

#file img,
#file img:hover,
.filehistory a img,
table.filehistory img {
  background-image: url(/images/f/fe/Dark_mode_checkered_transparency.png?a8949)
}

#filetoc {
  background: #313e59;
  border: none
}

img.thumbborder {
  border-color: #26375a
}

li.gallerybox div.thumb {
  background: #172136;
  border-color: #222e45
}

#mw-panel .portal h3 {
  color: #cbd9f4
}

div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div#mw-head div.vectorMenu h3 {
  background: #222e45;
}

.vectorTabs span,
#mw-head .vectorMenu h3 {
  background-image: none;
}

div.vectorTabs li.selected {
  background: #172136;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
  color: #cbd9f4;
}

div.vectorTabs li a,
div.vectorTabs li a:visited,
div.vectorTabs li a:active {
  color: #8cabe6;
}

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited,
div.vectorTabs li.new a:active {
  color: #f26d60;
}

div.vectorMenu .menu {
  background-color: #313e59;
  border: none;
}

div.vectorMenu ul {
  list-style-type: none;
  list-style-image: none;
}

div.vectorMenu li a,
div.vectorMenu li a:visited,
div.vectorMenu li a:active {
  color: #8cabe6;
  background-color: #222e45;
}

#p-cactions:hover #p-cactions-label,
div.vectorTabs ul li:not(.selected):hover,
div#mw-head div.vectorMenu h3:hover {
  background: #293753;
  border: none;
}

.vectorTabs #ca-watch.icon a {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22transparent%22 stroke=%22%238cabe6%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E")
}

.vectorTabs #ca-watch.icon a:hover,
.vectorTabs #ca-watch.icon a:focus {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22transparent%22 stroke=%22%23f7861b%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E")
}

.vectorTabs #ca-unwatch.icon a {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%238cabe6%22 stroke=%22%238cabe6%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E")
}

.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-unwatch.icon a:focus {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%238cabe6%22 stroke=%22%23f7861b%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E")
}

div.vectorMenu h3 span {
  color: #8cabe6
}

div.vectorMenu h3 span:after {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%238cabe6%22/%3E %3C/svg%3E")
}

#p-personal {
  background: rgba(7, 16, 34, 0.7);
  top: 0;
  right: 0;
  border-radius: 0 0 0 0.3em;
  position: absolute;
  z-index: 100
}

#p-personal ul {
  padding: 0.25em 1em 1em 0.7em;
}

.mw-echo-alert:visited,
.mw-echo-alert:active,
.mw-echo-alert:hover {
  color: #222
}

#pt-anonuserpage {
  color: #cbd9f4
}

div#simpleSearch {
  background: #313e59
}

div#simpleSearch #searchInput {
  color: #cbd9f4
}

div#simpleSearch #searchInput::placeholder {
  color: #cbd9f4;
  opacity: 0.6
}

div#simpleSearch #searchButton {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%238cabe6%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E")
}

.suggestions-results,
.suggestions-special {
  background-color: #313e59;
  border-color: #596e96
}

.suggestions-result,
.suggestions-special .special-query {
  color: #cbd9f4
}

.suggestions-special .special-label {
  color: #8cabe6
}

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

.search-types ul {
  list-style: none
}

.mw-notification {
  background-color: #313e59;
  border: 1px solid #596e96;
  color: #cbd9f4
}

#footer ul li {
  color: #cbd9f4
}

.catlinks {
  background: #313e59;
  border: none
}

.catlinks li {
  border-color: #596e96
}

.mw-content-ltr .mw-editsection-bracket:first-of-type,
.mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
  color: #cbd9f4
}

#contentSub,
#contentSub2 {
  color: #99aad0
}

.warningbox {
  color: #feecea;
  background: #801c13;
  border: none
}

body .warningbox a {
  color: #fbc0ba
}

body .warningbox.tdg-editscreen-error-msg {
  color: #feecea
}

body .updatedmarker {
  color: #ecf8e3;
  background-color: #3c780a
}

body div.mw-warning-with-logexcerpt,
body #sp-contributions-footer {
  background-color: #313e59;
  border: none
}

body #viewingold-warning,
body #viewingnew-warning {
  background-color: #313e59;
  border: none;
  color: #cbd9f4
}

body .mwe-popups {
  background: #313e59
}

body .mwe-popups.flipped_x_y:before,
body .mwe-popups.flipped_y:before {
  border-top: none
}

body .mwe-popups.mwe-popups-no-image-tri:before {
  border-bottom: none
}

body .mwe-popups.flipped_x_y:after,
body .mwe-popups.flipped_y:after {
  border-top-color: #313e59
}

body .mwe-popups.mwe-popups-no-image-tri:after {
  border-bottom-color: #313e59
}

body .mwe-popups .mwe-popups-extract {
  color: #cbd9f4
}

body .mwe-popups .mwe-popups-extract[dir='ltr']:after {
  background-image: linear-gradient(to right, rgba(49, 62, 89, 0), #313e59 50%)
}

body #pagehistory li {
  border-color: transparent
}

body #pagehistory li.selected {
  border: 1px solid #313e59;
  background: #222e45;
  color: #cbd9f4
}

body #mw-history-compare > div:first-of-type {
  background-color: #172136;
  border-color: #313e59
}

body #deletedtextmessage {
  background: #313e59 !important;
  color: #cbd9f4 !important;
  padding: 1em;
  border-radius: 2px;
  margin-bottom: 1em
}

body .autocomment {
  color: #cbd9f4;
  opacity: 0.8
}

body #mw-search-top-table .results-info {
  color: inherit
}

body #mw-search-top-table input {
  background-color: #313e59;
  border-color: #222e45;
  color: #cbd9f4
}

body .mw-widget-searchWidget-menu {
  background-color: #313e59;
  border-color: #222e45
}

body .mw-content-ltr .redirectText li:first-child {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23cbd9f4%22 stroke-width=%222%22 stroke-miterlimit=%2210%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath fill=%22%23cbd9f4%22 d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E")
}

body .mw-mmv-overlay {
  background-color: #071022
}

body .mw-mmv-post-image.mw-mmv-untruncated,
body .jq-fullscreened .mw-mmv-post-image {
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3)
}

body .mw-mmv-post-image {
  color: #cbd9f4;
  background-color: #222e45
}

body .mw-mmv-image-metadata {
  color: #cbd9f4;
  background-color: #313e59;
  border-top: none;
  transition: 0.1s ease
}

body .mw-mmv-main.metadata-panel-is-open .mw-mmv-image-metadata {
  padding-top: 1em
}

body .mw-mmv-image-links li {
  color: inherit
}

body .mw-mmv-image-links li::before {
  filter: brightness(1.5)
}

body td.diff-context {
  background: #222e45;
  border-color: #313e59;
  color: #cbd9f4
}

body td.diff-addedline {
  background: #222e45
}

body td.diff-addedline .diffchange {
  color: #cbd9f4;
  background: #438ab5
}

body td.diff-deletedline {
  background: #222e45
}

body td.diff-deletedline .diffchange {
  color: #ffffff;
  background: #954537
}

body .oo-ui-widget {
  color: #cbd9f4
}

/* Reload button on recent changes */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #556c9b;
}

/* Edit box and buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: #cbd9f4;
  background-color: #313e59;
  border-color: #3f5073
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  background-color: #313e59;
  border-color: #3f5073;
  opacity: 0.6
}

.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  border-left-color: #3f5073 !important
}

body .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  opacity: 0.6;
  filter: none !important
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
  color: #cbd9f4;
  background-color: #384766;
  border-color: #475980
}

body .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
  background-color: #222e45;
  border-color: #2f4060
}

body .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
  background-color: #384766;
  border-color: #475980
}

.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content .oo-ui-tagMultiselectWidget-group:empty + input {
  color: #cbd9f4
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input::placeholder {
  color: #cbd9f4;
}

.oo-ui-menuSelectWidget {
  border-color: #2f4060;
  position: absolute;
  width: 100%;
  z-index: 4;
  background-color: #384766;
  margin-top: -1px;
  margin-bottom: -1px;
  border: 1px solid #a2a9b1;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #556c9b;
  color: #36c;
}

body .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: #313e59;
  border-color: #3f5073
}

body .oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget {
  background-color: #313e59;
  border-color: #3f5073
}

body .oo-ui-textInputWidget .oo-ui-inputWidget-input,
body .oo-ui-textInputWidget .oo-ui-inputWidget-input textarea {
  color: #cbd9f4;
  background-color: #384766;
  border-color: #475980
}

body .oo-ui-inputWidget-input::placeholder {
  color: rgba(203, 217, 244, 0.6)
}

body .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
body .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
  border-color: #556c9b
}

body .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
  background-color: #fff
}

body .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
  background-color: #313e59;
  border-color: #3f5073;
  opacity: 0.6
}

body .oo-ui-textInputWidget.oo-ui-widget-disabled input,
body .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
  text-shadow: none
}

body .oo-ui-numberInputWidget.oo-ui-widget-disabled.oo-ui-numberInputWidget-buttoned .oo-ui-iconElement-icon {
  filter: none;
  opacity: 0.6
}

body .oo-ui-pendingElement-pending {
  background-image: url(data:image/gif;base64,R0lGODlhGAAYAKECADhHZhchNgAruwAruyH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAQACACwAAAAAGAAYAAACNYwDqcvnyKJ6R1pqrMRQL955AChOXJmQqFqyouvBmnydq93irx7zs1/DoFLCITD4GI6KN0MBACH5BAUBAAMALAAAAAAYABgAAAI0jB+gy43YIntHWmqsxEk77H1UOIGkwnVkegLs+a5cG4e1d2v5NcO9bAKOfEHbz1hEPlquAgAh+QQFAQADACwAAAAAGAAYAAACM4x/oMuN2CJ7SUpq7MU64tA5XLh8ZDme5gl8oLqSLjvDaVjLMb53OX/z9TQ/YZA4tBQ1BQAh+QQFAQADACwAAAAAGAAYAAACNISDmcbtCp1kUM1Z15U5bJ59TyhSZAl06HGW6vqisTt/nSfX2w3rF59r2XwYIki4M46QjgIAIfkEBQEAAwAsAAAAABgAGAAAAjWEHal67bjWmyBK6izDTSfeeWBojYdoVlqqlilqwqMM0pyNecGLTzq/ivUeP2FwNswkSa5JAQAh+QQFAQADACwAAAAAGAAYAAACNIRvobvozuKbIDL6bMNIK9554OEFYyKe5YlabKW9qRqz83iDObdjPbWi1XC/TBFyDA11uwIAIfkEBQEAAwAsAAAAABgAGAAAAjWEj6G76M7imyAy+mzDSQfeaeDhfWPlnah4lqr7sq08prGlrtK9zzh/AW58v5rNSOPAkEVAAQAh+QQFAQADACwAAAAAGAAYAAACNISPF8ucr1qDUE6arMNIL955YKSNhheYAKqypjvCoMzRddnirx7zs3+zqFZAjCgnRCZ7pQIAIfkEBQEAAwAsAAAAABgAGAAAAjSEjxnLnH+ahFA2+qzDSC/eeWAkjoAXmGc5oqprwi0LyjXN2belrvyr6eFyQeAvVkQeZ5YCACH5BAEBAAMALAAAAAAYABgAAAI1jIGpa90LlXOxzlfhxTnt03lfKG4k8gUnkK7t+ZJxOHd1dlsjvMs9/QNeViyTy8gbHpVJQwEAOw==)
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: #cbd9f4;
  background-color: #313e59;
  border-color: #3f5073;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  color: #cbd9f4;
  background-color: #313e59;
  border-color: #475980;
}

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

.oo-ui-menuLayout-menu,
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed {
  background-color: #313e59;
}

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  background-color: #2a354c;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #556c9b !important;
}

.mw-widget-dateInputWidget-handle {
  background: #384766;
  border-color: #475980
}

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
  border-color: #556c9b
}

.oo-ui-windowManager-modal > .oo-ui-dialog {
  background-color: rgba(25, 25, 25, 0.6)
}

.oo-ui-labelElement-label {
  color: #cbd9f4
}

.tdg-templateDataDialog-panels .oo-ui-labelElement-label {
  color: #cbd9f4
}

.tdg-templateDataDialog-panels .oo-ui-dropdownWidget .oo-ui-labelElement-label,
.tdg-templateDataDialog-panels .tdg-templateDataParamWidget-param-alias {
  color: #cbd9f4
}

.tdg-templateDataDialog-panels .errorbox {
  background-color: #9f261e;
  border-color: #9f261e;
  color: #cbd9f4
}

.tdg-templateDataDialog-panels .successbox {
  background-color: #3c780a;
  border-color: #3c780a;
  color: #ffffff
}

.oo-ui-panelLayout-framed {
  background-color: #222e45;
  border-color: #2f4060
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
  background-color: transparent
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not(:first-child):hover td {
  background-color: #2f4060
}

.oo-ui-popupWidget-popup {
  background-color: #222e45;
  border-color: #2f4060
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
  border-right-color: #222e45
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
  border-right-color: #2f4060
}

.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
  border-left-color: #222e45
}

.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
  border-left-color: #2f4060
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
  border-top-color: #222e45
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
  border-top-color: #2f4060
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
  border-bottom-color: #222e45
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
  border-bottom-color: #2f4060
}

.oo-ui-buttonInputWidget:not(.oo-ui-flaggedElement-primary) .oo-ui-labelElement-label,
.oo-ui-buttonOptionWidget:not(.oo-ui-optionWidget-selected) .oo-ui-labelElement-label,
.dis-calc-select-junk-menu .oo-ui-optionWidget-selected .oo-ui-labelElement-label {
  color: #cbd9f4
}

.oo-ui-radioInputWidget {
  filter: invert(5%)
}

.oo-ui-checkboxInputWidget-checkIcon {
  filter: invert(5%)
}

.oo-ui-iconElement-icon:not(.oo-ui-image-destructive):not(.oo-ui-image-warning):not(.oo-ui-image-progressive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-icon-page-existing) {
  filter: invert(1)
}

.oo-ui-indicatorElement-indicator {
  filter: invert(1)
}

.oo-ui-iconElement-icon.oo-ui-icon-stop.oo-ui-image-invert,
.mw-editform .wikiEditor-ui-top .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle .oo-ui-indicator-down {
  filter: none !important
}

.wikiEditor-ui-toolbar,.wikiEditor-ui-toolbar .sections .section  {
  background: inherit;
  color: #cbd9f4;
}

.wikiEditor-ui-toolbar .booklet .index .current {
  background-color: #222e45;
  color: #cbd9f4;
}

.wikiEditor-ui-toolbar .booklet .index div {
  color: #cbd9f4;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a{
  color: #cbd9f4;
  text-decoration: underline;
}

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

.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color: #222e45;
}   

.oswf-tile .oo-ui-iconElement-icon.oo-ui-icon-expand,
.oswf-tile .oo-ui-iconElement-icon.oo-ui-icon-collapse {
  filter: none !important
}

.oo-ui-window-content {
  background-color: #313e59
}

.oo-ui-window-content p,
.oo-ui-window-content table.wikitable {
  color: #cbd9f4
}

.oo-ui-window-content .oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-buttonElement-framed:not(.light-mode-button):not(.dark-mode-button) > a.oo-ui-buttonElement-button {
  background-color: #24407a !important
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
  background-color: #172136
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #313e59
}

.mw-apisandbox-optionalWidget.oo-ui-widget-disabled .oo-ui-widget-disabled * {
  background-color: #222e45;
  color: #cbd9f4;
  border-color: #2f4060
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
  background-color: #313e59
}

#mw-scribunto-input {
  background-color: #384766;
  border: 1px solid #475980
}

.mw-scribunto-console-fieldset {
  color: #cbd9f4;
  background-color: #222e45;
  border-color: #2f4060
}

#mw-content-text .wikiEditor-ui .editOptions,
.mw-editform .editOptions {
  color: #cbd9f4;
  background-color: #222e45;
  border-color: #222e45
}

#mw-content-text .wikiEditor-ui #editpage-copywarn,
.mw-editform #editpage-copywarn {
  color: #cbd9f4
}


.oo-ui-window-content .oo-ui-window-body,
.oo-ui-window-content .oo-ui-window-head {
  outline-color: #172136
}

.oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget,
.oo-ui-window-content .oo-ui-selectFileWidget-dropTarget,
.oo-ui-window-content .oo-ui-selectFileWidget-info {
  background-color: #3a4969
}

.oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
.oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
.oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
  color: #cbd9f4
}

.oo-ui-window-content .mw-foreignStructuredUpload-bookletLayout-license {
  color: #cbd9f4
}

.oo-ui-window-content .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #556c9b;
  border-color: #172136
}

body .oo-ui-window-content .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  background-color: #313e59;
  border-color: #172136
}

body .oo-ui-window-content .oo-ui-actionWidget,
body .oo-ui-window-content .oo-ui-window-foot {
  border-color: #172136;
  outline-color: #172136
}

body.action-edit .oo-ui-window-content .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
  background-color: #556c9b
}

body .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
  border-color: #172136
}


body pre.cm-mw-exttag {
  background: rgba(255, 255, 255, 0.05)
}

body .mw-editform #wpTextbox1 {
  color: #cbd9f4;
  background: #222e45;
  border-color: #172136
}

body .mw-editTools select#std-preload-list {
  background-color: #384766;
  border: 1px solid #475980;
  color: #cbd9f4
}

body .mw-editTools input#cust-preload-input {
  background-color: #384766;
  border: 1px solid #475980;
  color: #cbd9f4;
  padding: 2px 1px
}

body .mw-editTools input#cust-preload-button {
  background-color: #313e59;
  border: 1px solid #3f5073;
  border-left: none;
  color: #cbd9f4;
  padding: 2px 7px;
  cursor: pointer
}

body .mw-editTools input#cust-preload-button:hover {
  background-color: #384766;
  border: 1px solid #475980;
  border-left: none
}

body [data-diff-action='remove'],
body table[data-diff-action='remove'] > caption,
body figure[data-diff-action='remove'] > figcaption {
  color: #ffffff;
  background: #9f261e !important;
  box-shadow: 0 0 0 1px #9f261e
}

body [data-diff-action='insert'],
body table[data-diff-action='insert'] > caption,
body figure[data-diff-action='insert'] > figcaption {
  color: #ffffff;
  background: #3c780a !important;
  box-shadow: 0 0 0 1px #3c780a
}

table.jquery-tablesorter th.headerSort {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/g%3E %3C/svg%3E");
}

table.jquery-tablesorter th.headerSortUp {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M6.5 4l4-4 4 4z%22/%3E %3C/g%3E %3C/svg%3E")
}

table.jquery-tablesorter th.headerSortDown {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/g%3E %3C/svg%3E")
}

.messagebox {
  border-color: #222e45;
  background-color: #313e59;
  color: #cbd9f4;
}

.usermessage {
  background-color: #444e5a;
  border-color: #23282e;
  color: #cbd9f4;
}

.usermessage a {
  color: #a1baeb
}

.navbox {
  background: #d1d6df
}

.navbox .navbox-title,
.navbox .navbox-footer {
  background: #222e45;
  border-bottom: 1px solid #172136
}

.navbox .navbox-group-title {
  background: #222e45;
  border-color: #172136
}

.navbox .navbox-group-title a:visited {
  color: #8cabe6
}

.navbox .navbox-list {
  border-color: #172136
}

.navbox .navbox.navbox-collapsible .navbox-title {
  background: #222e45
}

.navbox {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  width: 100%;
  clear: both;
}

.navbox-title {
  font-size: 110%;
  background: #222e45;
  color: #fff;
  text-align: center;
  padding: 3px;
  font-weight: bold;
}

.navbox .navbox-innertitle,
.navbox .navbox-innertitle span{
  background: #222e45;
  color: #fff;

}

.navbox .navbox-title .mw-collapsible-toggle {
  font-size: 0.9em;
  margin-left: 6em;
  float: right;
}

.navbox .navbox-list {
  border: 1px solid;
  border-color: #222e45;
  background: #313e59;
}

.navbox .navbox-list ul {
  margin: 0;
  list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%238cabe6'/%3E %3C/svg%3E");
  background: #313e59;
}

.navbox .navbox-list li {
  display: inline-block;
  margin-bottom: 1px;
  text-align: -webkit-match-parent;
}

.navbox .navbox-subtitle {
  font-size: 110%;
  background: #222e45;
  color: #fff;
  text-align: center;
}

.navbox-group tr {
  background-color: #222e45;
  color: #fff;
  text-align: center;
}

.navbox-group-title {
  border: 1px solid #d8e5ff;
  border-width: 0 1px 1px 0;
  font-weight: bold;
  padding: 0 10px 5px 10px;
  width: 100px;
}

.navbox td {
  border: 1px solid #9b9b9b;
  overflow: hidden;
  padding: 5px 5px;
  word-break: normal;
}

.navbox th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: center;
}

.navbox img {
  width: 20px;
  height: auto;
}

.text-red {
  color: #f8948a
}

.text-orange {
  color: #f9b575
}

.text-yellow {
  color: #fbe062
}

.text-green {
  color: #a8de7a
}

.text-blue {
  color: #7cc5f0
}

.text-purple {
  color: #b097e6
}

.text-pink {
  color: #ed9ddd
}

.text-gray,
.text-grey {
  color: #c5d2da
}

#toc,
.toc,
.mw-warning {
  background: #313e59
}

#toc .toctitle,
.toc .toctitle {
  background: #222e45;
  border: none
}

.toc .toctogglespan label {
  color: #8cabe6;
}

#toc .toctitle h2,
.toc .toctitle h2,
#toc .toctitle a,
.toc .toctitle a {
  color: #cbd9f4
}

#toc .toclevel-1 a,
.toc .toclevel-1 a,
#toc .toclevel-2 a,
.toc .toclevel-2 a,
.toc .tocnumber {
  color: #cbd9f4
}

#toc > ul,
.toc > ul {
  border: none
}

#toc ul ul,
.toc ul ul {
  border-color: #596e96
}

#toc li,
.toc li {
  list-style-type: none;
  list-style-image: none
}

.mwe-math-fallback-image-inline {
  -webkit-filter: invert(85%);
  filter: invert(85%)
}

.chat-options-dialogue {
  background: #313e59;
  border-color: #596e96
}

blockquote {
  color: inherit
}

blockquote p:not(.quote-source) {
  border-color: #313e59
}

.portal-link a {
  color: #cbd9f4;
  background-color: #313e59
}

.portal-link a:hover {
  background-color: #394661
}

.archive,
.shortcut {
  background: #313e59;
  border: none
}

.documentation {
  background-color: #313e59;
  border: none
}

.documentation pre,
.documentation code {
  background-color: #222e45
}

.documentation-header {
  background: #222e45
}

.documentation-subheader {
  background: #1f293e
}

.production-selected {
  background-color: #2e5e05;
  color: #c3e8a3
}

.production-selected a.mw-selflink {
  color: #c3e8a3
}

.chat-options .chat-options-underline {
  border-color: #8cabe6
}

.fact-text {
  color: #3ea6e6;
  border-color: #8cabe6
}

.wikipedia {
  background: #313e59;
  border-color: #222e45
}

.ajaxpoll {
  background: #313e59
}

.ajaxpoll .ajaxpoll-answer-vote {
  background: #222e45
}

.ajaxpoll .ajaxpoll-answer-vote div {
  background: #596e96
}

.ajaxpoll .ajaxpoll-id-info {
  color: #313e59
}

.poll-result-outer {
  background: #222e45
}

.poll-result-inner {
  background: #596e96
}

.update-type a,
.update-type a:visited {
  color: #ffffff
}

.update-history {
  background: #222e45;
  border-color: #313e59
}

#revocalc-settings select {
  background-color: #384766;
  border: 1px solid #475980;
  color: #cbd9f4;
  border-radius: 2px
}

.discussiontable.noresults .topic,
.discussiontable.noresults .edited,
.discussiontable.noresults .edited-by,
.discussiontable.noresults .yg-archive {
  color: #cbd9f4;
  background-color: #313e59
}

.discussiontable.noresults th {
  color: #cbd9f4;
  background-color: #222e45
}

.discussiontable.noresults th a {
  color: #cbd9f4
}

.discussiontable th {
  color: #cbd9f4;
  background-color: #222e45
}

.discussiontable th a {
  color: #cbd9f4
}

.discussiontable .topic,
.discussiontable .edited,
.discussiontable .edited-by,
.discussiontable .yg-archive {
  color: #cbd9f4;
  background-color: #313e59
}

.forumactiveheader,
.forumarchiveheader,
.forumoldarchives {
  background-color: #222e45
}

.forumcolumnheader {
  background-color: #313e59;
  color: #cbd9f4
}


body #mw-indicator-mw-helplink a {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23cbd9f4' viewBox='0 0 24 24'%3E %3Cpath d='M12.001 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 5.476 4.438 9.914 9.916 9.914 5.476 0 9.914-4.438 9.914-9.914 0-5.478-4.438-9.916-9.914-9.916zm.001 18c-4.465 0-8.084-3.619-8.084-8.083 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083z'/%3E %3Cpath d='M11.766 6.688c-2.5 0-3.219 2.188-3.219 2.188l1.411.854s.298-.791.901-1.229c.516-.375 1.625-.625 2.219.125.701.885-.17 1.587-1.078 2.719-.953 1.186-1 3.655-1 3.655h1.969s.135-2.318 1.041-3.381c.603-.707 1.443-1.338 1.443-2.494s-1.187-2.437-3.687-2.437zM11 16h2v2h-2z'/%3E %3C/svg%3E")
}

body #signupstart,
body #userloginprompt {
  border: none;
  background: #313e59
}

body #userloginForm input {
  box-shadow: none
}

body .signup-realname-tip {
  color: inherit;
  opacity: 0.8
}

body .mw-plusminus-pos {
  color: #6bc71f
}

body .mw-plusminus-neg {
  color: #ee4231
}

body .mw-plusminus-null {
  color: #bdc5cd
}

.page-Special_RecentChanges .mw-rcfilters-ui-changesListWrapperWidget {
  color: #cbd9f4
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background-color: #313e59;
}

body .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
  border-color: #596e96
}

body .mw-rcfilters-ui-filterMenuHeaderWidget-header {
  background-color: #222e45;
  border-color: #2f4060
}

body .mw-rcfilters-ui-menuSelectWidget-body {
  background-color: #313e59
}

body .mw-rcfilters-ui-filterMenuSectionOptionWidget {
  background-color: #172136
}

body .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
  color: #cbd9f4
}

body .mw-rcfilters-ui-itemMenuOptionWidget {
  background-color: #313e59
}

body .mw-rcfilters-ui-itemMenuOptionWidget:hover {
  background-color: #313e59
}

body .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: rgba(203, 217, 244, 0.75)
}

body .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child) {
  border-color: #3f5073
}

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

body .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
body .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: rgba(203, 217, 244, 0.4)
}

body .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
  color: #cbd9f4
}

body .mw-rcfilters-ui-menuSelectWidget-footer {
  background-color: #222e45;
  border-color: #2f4060
}

body .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
  background-color: #313e59;
  border-color: #3f5073
}

body .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
  border-color: #596e96
}

body .mw-rcfilters-ui-datePopupWidget {
  border-color: #2f4060
}

body .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
  color: #cbd9f4
}

#editcount input[type="text"] {
  background-color: #384766;
  border: 1px solid #475980;
  color: #cbd9f4;
  padding: 2px 1px;
  border-radius: 2px
}

#editcount table[border="1"] {
  background: #313e59 !important;
  border-color: #172136 !important
}

#editcount table[border="1"] th {
  background: #222e45;
  border: 1px solid #172136
}

#editcount table[border="1"] td {
  border: 1px solid #172136
}

#editcount table[border="1"] tr:nth-child(odd) {
  background-color: #2c3851
}

input#LQT-BlockTime,
input#LQT-DeleteReason,
input.mw-ui-input-inline {
  background-color: #384766;
  border: 1px solid #475980;
  color: #cbd9f4;
  padding: 2px 1px;
  border-radius: 2px
}

select#namespace {
  background-color: #384766;
  border: 1px solid #475980;
  color: #cbd9f4;
  border-radius: 2px
}

.mw-search-profile-tabs {
  background-color: #313e59;
  border-color: #172136
}

.search-types .current a {
  color: #cbd9f4
}

#mw-searchoptions {
  background-color: #313e59;
  border-color: #172136
}

#mw-searchoptions .divider {
  border-color: #172136
}

.mw-datatable,
.mw-datatable td,
.mw-datatable th {
  border-color: #172136
}

.mw-datatable th {
  background-color: #222e45
}

.mw-datatable td,
.mw-datatable tr:hover td {
  background-color: #313e59
}

table.mw-abuselog-details {
  background: #313e59;
  border-color: #172136
}

table.mw-abuselog-details th {
  background: #222e45
}

table.mw-abuselog-details th,
table.mw-abuselog-details td {
  border-color: #172136
}

.mw-abusefilter-history-changed {
  background: #9f261e
}

ul.fileupload-results li.ful-success {
  background: #2e5e05
}

ul.fileupload-results li.ful-success a {
  color: #c3e8a3
}

.mw-prefs-buttons {
  background-color: #313e59;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  margin-top: -1px;
  border-top: 1px solid #c8ccd1;
  padding: 1em;
}

/* Delete button for admins */

.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  color: #fff; /* white on purpose */
}

#preferences {
  background: #313e59;
  border-color: #313e59
}

#preferences fieldset {
  border-color: #8cabe6
}

#preferences legend,
#preferences .signup-realname-tip,
#preferences .htmlform-tip,
.oo-ui-labelWidget.oo-ui-inline-help {
  color: #cbd9f4;
  font-size: x-small;
}

body #preftoc {
  background: none;
  border: none
}

body #preftoc a,
body #preftoc a:active {
  color: #8cabe6
}

body #preftoc li {
  background: none;
  border: none;
  padding-bottom: 0.25em
}

body #preftoc li.selected a {
  background: #313e59;
  color: #cbd9f4
}

@keyframes unseen-fadeout-to-unread {
  from {
      background-color: #2f3d57
  }
  to {
      background-color: #3e4c66
  }
}

@keyframes unseen-fadeout-to-read {
  from {
      background-color: #2f3d57
  }
  to {
      background-color: #2a3751
  }
}

body .oo-ui-popupWidget-footer .oo-ui-buttonElement {
  background-color: #313e59
}

body .oo-ui-popupWidget-footer .oo-ui-iconElement-icon {
  filter: invert(1)
}

body .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background: transparent;
  box-shadow: none
}

body .mw-echo-ui-notificationItemWidget:last-child {
  border-color: #2f4060
}

body .mw-echo-ui-crossWikiUnreadFilterWidget {
  border-color: #2f4060
}

body .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  color: #cbd9f4
}

body .mw-echo-ui-pageNotificationsOptionWidget-icon .oo-ui-iconElement-icon {
  filter: invert(1)
}

body .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  background-color: #222e45
}

body .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #222e45
}

body .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {
  color: rgba(203, 217, 244, 0.85)
}

body .mw-echo-ui-specialHelpMenuWidget .oo-ui-iconElement-icon,
body .mw-echo-ui-specialHelpMenuWidget .oo-ui-indicator-down {
  filter: invert(1)
}

body .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover {
  background-color: #384766
}

body .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-iconElement-icon {
  filter: invert(1)
}

body .oo-ui-window-body {
  outline: none
}

body #mw-head.sticky-hidden {
  background: #222e45
}

body ol.references li:target,
body sup.reference:target {
  background-color: #313e59
}

body #less-modal {
  background: #313e59 !important;
  color: #cbd9f4 !important
}

body #less-modal a {
  color: #8cabe6 !important
}

body #less-modal #less-header {
  border-color: #172136 !important
}

body #less-modal #less-close {
  background-color: #313e59 !important
}

body #less-overlay {
  background-color: rgba(25, 25, 25, 0.6) !important
}

body table.lighttable .highlight-over {
  background-color: #3c780a;
  color: #ecf8e3
}

body table.lighttable .highlight-over a {
  color: #c3e8a3
}

body table.lighttable .highlight-on {
  background-color: #2e5e05;
  color: #ecf8e3
}

body table.lighttable .highlight-on a {
  color: #c3e8a3
}

body .title-parenthesis {
  color: inherit;
  opacity: 0.75
}


body .js-tooltip-text {
  color: #cbd9f4
}

body .js-tooltip-click {
  background: #222e45;
  border: 2px solid #222e45
}

body .js-tooltip-wrapper {
  background-color: #313e59;
  border: 3px solid #222e45
}

body .js-tooltip-arrow.js-tooltip-arrow-pointleft {
  border-right-color: #222e45
}

body .js-tooltip-arrow.js-tooltip-arrow-pointright {
  border-left-color: #222e45
}

body .js-tooltip-close {
  background: #222e45
}

body .oswf-tile .oswf-guidance {
  border-top-color: #596e96
}

body .oo-ui-iconElement-icon.oo-ui-icon-expand.oo-ui-image-invert,
body .oo-ui-iconElement-icon.oo-ui-image-invert.oo-ui-icon-collapse {
  filter: none
}

body .transcript {
  background: #313e59;
  border-color: transparent
}

body.ns-120 .mw-parser-output > ul li,
body .transcript > ul li,
body.ns-120 .mw-parser-output > ul ul li,
body .transcript > ul ul li {
  border-left-color: #596e96
}

body.ns-120 .mw-parser-output > ul li b:first-child,
body .transcript > ul li b:first-child,
body.ns-120 .mw-parser-output > ul ul li b:first-child,
body .transcript > ul ul li b:first-child {
  color: #cbd9f4
}

body.ns-120 .mw-parser-output > ul li:hover,
body .transcript > ul li:hover,
body.ns-120 .mw-parser-output > ul ul li:hover,
body .transcript > ul ul li:hover {
  border-color: #8596b7
}

body .oo-ui-window-foot {
  background-color: #222e45;
  border-color: #596e96
}

body .hover-text {
  border-bottom-color: #cbd9f4
}

/* Scribunto styling */
.errorbox {
  background-color:#801c13;
  border-color:#801c13;
}

.mw-scribunto-input {
  color:#cbd9f4;
}
.mw-scribunto-message {
  color:#00A000;
  background: #222e45;
}
.mw-scribunto-normalOutput {
  background: #222e45;
  color:#cbd9f4;
}
.mw-scribunto-error {
  background: #222e45;
}
.mw-scribunto-error p {
  color:#f26d60;
}

/* Interactive editor */
.oo-ui-toolbar-bar {
  background-color: #222;
}

.oo-ui-popupToolGroup-tools {
  background-color: #222;
}

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

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
  background-color: #111;
  color: #36c;
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active:focus, .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: #222;
  color: #36c;
  box-shadow: none;
}

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

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