Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(added white-space:nowrap; overflow:auto; to infobox-label) |
(Equally spaced table css) |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 3: | Line 3: | ||
/* General changes */ | /* General changes */ | ||
| + | |||
| + | table.equal-space { | ||
| + | table-layout: fixed; | ||
| + | } | ||
| + | |||
| + | img { | ||
| + | object-fit: contain; | ||
| + | } | ||
.noautonum .tocnumber { | .noautonum .tocnumber { | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | /* Low level hiding Discussions tab */ | ||
| + | li#ca-talk { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* Tooltips */ | ||
| + | .tooltip { | ||
| + | cursor: help; | ||
| + | } | ||
| + | |||
| + | .tooltip-dotted { | ||
| + | border-bottom: 1px dotted; | ||
} | } | ||
| Line 73: | Line 95: | ||
.infobox-image img { | .infobox-image img { | ||
max-width: 300px; | max-width: 300px; | ||
| − | height: | + | max-height: 300px; |
padding: 1em; | padding: 1em; | ||
} | } | ||
| Line 483: | Line 505: | ||
table.wikitable td { | table.wikitable td { | ||
border: 1px solid #172136; | border: 1px solid #172136; | ||
| + | } | ||
| + | |||
| + | table.wikitable.compact td p { | ||
| + | margin: 0; | ||
} | } | ||
| Line 649: | Line 675: | ||
/* fun icon yay .new.mw-userlink[title="User:Sponsorn (page does not exist)"] if no userpage */ | /* 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"] { | .mw-userlink[title="User:Sponsorn"] { | ||
background: url('https://play.idlescape.com/images/chaticons/chat-icon-mod.png') left no-repeat; | background: url('https://play.idlescape.com/images/chaticons/chat-icon-mod.png') left no-repeat; | ||
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;
}