Difference between revisions of "User:Pangaea/vector.css"

From RimWorld Wiki
Jump to navigation Jump to search
(Test something else)
(Undo revision 65535 by Pangaea (talk))
Tag: Undo
Line 1: Line 1:
 +
/* CSS placed here will be applied to all skins */
 +
 +
/* For elements which only display in the mobile view */
 +
.mobileonly {
 +
    display: none;
 +
}
 +
 +
/* Custom fonts */
 
/*
 
/*
−
** Dark theme for Vector
+
@font-face {
−
** Originally from ZeldaWiki.org
+
    font-family: 'Verdana';
−
**
+
    font-style: normal;
−
** @date 14 January 2014
+
    font-weight: 400;
−
** @see http://zeldawiki.org/index.php?title=MediaWiki:Vector.css&action=history
+
}
 +
@font-face {
 +
    font-family: 'Verdana';
 +
    font-style: normal;
 +
    font-weight: 700;
 +
}
 +
@font-face {
 +
font-family: 'Montserrat';
 +
font-style: normal;
 +
font-weight: 400;
 +
src: local('Montserrat-Regular'), url("https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
 +
}
 +
@font-face {
 +
font-family: 'Montserrat';
 +
font-style: normal;
 +
font-weight: 700;
 +
src: local('Montserrat-Bold'), url("https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff") format('woff');
 +
}
 +
@font-face {
 +
font-family: 'Noto Sans SC';
 +
font-style: normal;
 +
font-weight: 400;
 +
src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format('woff2'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format('woff'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format('opentype');
 +
}
 +
@font-face {
 +
font-family: 'Noto Sans SC';
 +
font-style: normal;
 +
font-weight: 500;
 +
src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff2) format('woff2'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff) format('woff'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.otf) format('opentype');
 +
}
 +
@font-face {
 +
font-family: 'Noto Sans SC';
 +
font-style: normal;
 +
font-weight: 700;
 +
src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format('woff2'),
 +
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format('woff'),
 +
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format('opentype');
 +
}
 
*/
 
*/
 +
 
/* Framework */
 
/* Framework */
 +
html {
 +
--body-font: Montserrat, sans-serif;
 +
}
 +
 
body {
 
body {
−
background-color: #0b284f;
+
--background-color:#15191D;
 +
--content-background:#212121;
 +
--filter:invert(1);
 +
--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/38/Gamepedia_dark_transparent.png");
 +
--header-color:#101010;
 +
--heading-background:transparent;
 +
--heading-border:#F37F20;
 +
--heading-color: #B0E03B;
 +
--main-heading-color: #B0E03B;
 +
--message-background:#383838;
 +
--sidebar-header: #F37F20;
 +
--sidebar-link: #E0E0E0;
 +
--text-color: #E0E0E0;
 +
background: var(--background-color);
 +
    background: #000000 url(https://rimworldwiki.com/images/9/97/BGPlanet.png) no-repeat fixed center top / 100% auto;
 +
color: var(--text-color);
 +
    font-family: var(--body-font);
 
}
 
}
  
−
/* Content */
+
h1,
−
div#content {
+
h2 {
−
border: 1px solid #426787;
+
    border-bottom: 1px solid var(--text-color);
−
border-right-width: 0;
+
    font-family: var(--body-font);
−
/* The following rule overrides ShoutWikiAds' vector-skyscraper-ad.css */
+
color: var(--text-color);
−
border-right-color: #426787 !important;
 
−
background-color: #17456e;
 
−
color: #d2d2d2;
 
−
padding: 1em;
 
 
}
 
}
  
−
#bodyContent h1, #bodyContent h2 {
+
h3,  
−
margin-top: 0.6em !important;
+
h4,
−
margin-bottom: 0.6em !important;
+
h5,
 +
h6 {
 +
    font-family: var(--body-font);
 
}
 
}
  
−
/* Head */
 
 
div#mw-page-base {
 
div#mw-page-base {
−
background-color: #17456E;
+
  background: var(--header-color);
−
/* @embed */
+
  padding-top: 80px;
−
background-image: url(page-fade.png);
+
  height: 1.25em;
 
}
 
}
  
−
/* Link colors */
+
/* Sidebar */
−
.mw-body a.external {
+
 
−
color: #F4F26B;
+
div#mw-panel div.portal,
 +
#mw-panel.collapsible-nav div.portal {
 +
    background-image: none;
 
}
 
}
  
−
.mw-body a.external:visited {
+
div#mw-panel div.portal div.body ul li a,
−
color: #e7ea12;
+
div#mw-panel div.portal div.body ul li a:link,
 +
div#mw-panel div.portal div.body ul li a:visited {
 +
    color: var(--sidebar-link);
 
}
 
}
  
−
.mw-body a.external:active {
+
div#mw-panel div.portal h3,
−
color: #F4F26B;
+
div#mw-navigation div#mw-panel div.portal h3,
 +
#mw-panel.collapsible-nav div.portal h3 a,
 +
#mw-panel.collapsible-nav .portal.collapsed h3 a,
 +
#mw-panel.collapsible-nav .portal.collapsed h3 {
 +
    color: var(--sidebar-header);
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 
}
 
}
  
−
pre, .mw-code {
+
div#mw-panel {
−
background-color: #1D578B;
+
    margin-top: -75px;
−
border: 1px dashed #426787;
 
−
color: #D2D2D2;
 
−
font-size: 100% !important;
 
 
}
 
}
  
−
/* Page history */
+
/* Logo */
−
#bodyContent ul#pagehistory li {
+
#p-logo a {
−
border: 1px solid #17456E;
+
background-size:contain;
 +
/*    width: 500px;
 +
    height: 80px;
 +
*/
 +
    margin-top: 70px;
 
}
 
}
  
−
#bodyContent ul#pagehistory li.selected {
+
div.vectorTabs,
−
background-color: #1D578B;
+
div.vectorTabs span,
−
border: 1px dashed #426787;
+
div.vectorTabs ul,
 +
div.vectorTabs ul li,
 +
div.vectorTabs ul li.selected,
 +
div#mw-head div.vectorMenu h3,
 +
div.vectorMenu h3 span {
 +
    background-color: transparent;
 +
    background-image: none;
 +
    border: none;
 +
text-transform: uppercase;
 +
font-weight:bold;
 +
color:#fff;
 
}
 
}
  
−
/*
+
div.vectorTabs li a, div.vectorTabs li a span, div.vectorMenu li a { color:#fff; }
−
** Diff rendering
+
div.vectorMenu div.menu {
−
*/
+
border-color: #343434;
−
table.diff, td.diff-otitle, td.diff-ntitle {
+
background-color: #303030;
−
background-color: transparent;
+
top: 2.2em;
 
}
 
}
  
−
td.diff-addedline,
+
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { background-color: var(--content-background); }
−
td.diff-deletedline,
+
div#content {  
−
td.diff-context {
+
margin-top: 0.1em;
−
font-size: 90%;
+
border: none;
 +
background: rgba(0,0,0,0.80);
 +
color: #f0fff0;
 
}
 
}
 +
div#mw-head { margin-top: 20px; }
 +
#left-navigation, #right-navigation { margin-top: 3.6em; }
 +
div.vectorTabs span a { padding-top: 0.25em; }
 +
div.vectorMenu, div.vectorTabs ul li.mw-watchlink { margin-top: -0.8em; }
 +
#p-search { margin-top: -1em; }
 +
#p-search div#simpleSearch {
 +
    border-radius: 4px;
 +
}
 +
div.vectorMenu h3 span::after { filter: invert(100%); }
  
−
td.diff-addedline {
+
 
−
background-color: #255A81;
+
/* Watchlist icon */
−
border-color: #B0FFB0;
+
.vectorTabs #ca-watch.icon a {
 +
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
 
}
 
}
  
−
td.diff-deletedline {
+
.vectorTabs #ca-watch.icon a:hover,
−
background-color: #255A81;
+
.vectorTabs #ca-watch.icon a:focus {
−
border-color: #FFB0B0;
+
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
 
}
 
}
  
−
td.diff-context {
+
.vectorTabs #ca-unwatch.icon a {
−
background-color: transparent;
+
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
−
border-color: #BBB;
 
−
color: #D2D2D2;
 
 
}
 
}
  
−
td.diff-addedline .diffchange,
+
.vectorTabs #ca-unwatch.icon a:hover,
−
td.diff-deletedline .diffchange {
+
.vectorTabs #ca-unwatch.icon a:focus {
−
border-radius: 0.33em;
+
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
−
color: black;
 
−
padding: 0.25em;
 
 
}
 
}
  
−
td.diff-addedline .diffchange {
+
.vectorTabs #ca-unwatch.icon a,
−
background: #90FF90;
+
.vectorTabs #ca-watch.icon a {
 +
background-size: 16px;
 
}
 
}
 +
/* Smokie Gradient */
  
−
td.diff-deletedline .diffchange {
+
.smokie {
−
background: #FF7070;
+
    background:#f4a638;
 +
    background:-moz-linear-gradient(top,  #ff9600, #dfdd38 50%, #c0d43b 100%);
 +
    background:-webkit-gradient(linear, left top, left bottom, color-stop (0% #ff9600), color-stop(50%,#dfdd38), color-stop(100%,#c0d43b ));
 +
    background:-webkit-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b 100%);
 +
    background:-o-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
 +
    background:-ms-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
 +
    background:linear-gradient(to bottom, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
 
}
 
}
  
−
/* Navigation containers */
+
/* Style for horizontal lists (separator following item).
−
div#left-navigation {
+
  IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
−
left: 10em;
+
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 6 (2014-05-09)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
    margin: 0;
 +
    display: inline;
 +
}
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.hlist dl dl, .hlist dl ol, .hlist dl ul,
 +
.hlist ol dl, .hlist ol ol, .hlist ol ul,
 +
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 +
    display: inline;
 +
}
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
    content: ": ";
 +
}
 +
.hlist dd:after,
 +
.hlist li:after {
 +
    content: " · ";
 +
    font-weight: bold;
 +
}
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
    content: none;
 +
}
 +
/* For IE8 */
 +
.hlist dd.hlist-last-child:after,
 +
.hlist dt.hlist-last-child:after,
 +
.hlist li.hlist-last-child:after {
 +
    content: none;
 +
}
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 +
    content: " (";
 +
    font-weight: normal;
 +
}
 +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 +
    content: ") ";
 +
    font-weight: normal;
 +
}
 +
/* For IE8 */
 +
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
 +
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
 +
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
 +
    content: ") ";
 +
    font-weight: normal;
 +
}
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
    counter-reset: listitem;
 +
}
 +
.hlist ol > li {
 +
    counter-increment: listitem;
 +
}
 +
.hlist ol > li:before {
 +
    content: " " counter(listitem) " ";
 +
    white-space: nowrap;
 +
}
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
    content: " (" counter(listitem) " ";
 
}
 
}
  
−
/* Namespaces and views */
+
/* This governs the sections on the Community portal */
−
div.vectorTabs,
+
.cpbox {
−
div.vectorTabs ul {
+
    display: flex;
−
/* @embed */
+
    flex-direction: row-reverse;
−
background-image: url('tab-break.png');
+
    flex-wrap: wrap;
 
}
 
}
−
/* OVERRIDDEN BY COMPLIANT BROWSERS */
+
 
−
div.vectorTabs ul li { /* @todo */
+
.cpbox #admins {
−
background-color: transparent;
+
    box-sizing: border-box;
−
background-image: none;
+
    width: calc(33% - 10px);
 +
    margin: 5px;
 +
    flex-grow: 1;
 +
    min-width: 300px;
 
}
 
}
  
−
div.vectorTabs li.icon a { /* @todo */
+
.cpbox #help {
−
background-position: bottom right;
+
    box-sizing: border-box;
−
background-repeat: no-repeat;
+
    width: calc(67% - 10px);
 +
    margin: 5px;
 +
    flex-grow: 1;
 
}
 
}
  
−
div.vectorTabs li a, div.vectorTabs li a span {
+
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
−
color: #F4F26B;
+
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
 +
.desktopleft {
 +
    text-align: left;
 
}
 
}
  
−
div.vectorTabs li.selected {
+
.desktopcenter {
−
/* @embed */
+
    text-align: center;
−
background-image: url('tab-current-fade.png');
 
 
}
 
}
  
−
div.vectorTabs li.selected a,
+
.desktopright {
−
div.vectorTabs li.selected a:visited {
+
    text-align: right;
−
color: #d2d2d2;
 
−
text-decoration: none;
 
−
background-color: #17456E;
 
 
}
 
}
−
div.vectorTabs li.new a,
+
.mwe-popups.flipped-y, .mwe-popups.flipped-x-y { margin-top: -30px; }
−
div.vectorTabs li.new a:visited {
+
 
−
color: #FF8581;
+
/* Front page styles */
 +
.fpmain {
 +
    width: 100%;
 +
    overflow: hidden;
 +
    z-index: 1;
 
}
 
}
  
−
/* Variants and actions */
+
.fpbanner {
−
div.vectorMenu ul {
+
    background: rgba(0, 0, 0, 0.25);
−
background-color: #1d578b;
+
    border: 1px solid #82A8AF;
−
border: solid 1px #426787;
+
    box-shadow: 0 2px 5px #687478;
 +
    color: #9CCAD2;
 +
    margin: 0 5px 5px 5px;
 +
    padding: 5px;
 +
    min-height: 80px;
 
}
 
}
−
/* OVERRIDDEN BY COMPLIANT BROWSERS */
+
 
−
div.vectorMenu li a {
+
.fpbannertable {
−
color: #F4F26B;
+
    background: transparent;
 +
    border: none;
 +
    display: table;
 +
    width: 100%;
 +
    min-height: 75px;
 +
    margin: 0;
 +
    padding: 5px;
 
}
 
}
  
−
div.vectorTabs span {
+
.fpbannercell {
−
/* @embed */
+
    display: table-cell;
−
background-image: url('tab-break.png');
+
    text-align: center;
 +
    vertical-align: middle;
 
}
 
}
  
−
div.vectorMenu li.selected a,
+
.fpbannerblock {
−
div.vectorMenu li.selected a:visited {
+
    border: none;
−
color: #e7ea12;
+
    color: #FFFFFF;
−
text-decoration: none;
+
    font-weight: bold;
 +
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
 +
    font-size: 132%;
 +
    width: 100%;
 +
    margin: 0 0 10px 0;
 +
    padding: 0 0 5px 0;
 
}
 
}
  
−
/* OVERRIDDEN BY COMPLIANT BROWSERS */
+
.fpmidsections {
−
div#mw-head div.vectorMenu h3,
+
    float: left;
−
div#mw-head div.vectorMenu h5 {
+
    width: 100%;
−
/* @embed */
+
    overflow: hidden;
−
background-image: url('tab-break.png');
 
 
}
 
}
  
−
/* OVERRIDDEN BY COMPLIANT BROWSERS */
+
.fpbox {
−
/* ashley 21 June 2015: maybe not? anyway, this was breaking the little arrow
+
    background: rgba(170, 170, 170, 0.05);
−
icon next to the "More" menu, hence why it's now commented out
+
    border: 1px solid #F37F20;
−
div.vectorMenu h3 a,
+
    box-shadow: 0 0 2px #F37F20;
−
div.vectorMenu h5 a {
+
    color: var(--text-color);
−
background-image: url('dark/tab-break.png');
+
    margin: 5px 5px 5px 5px;
 +
    padding: 0;
 +
    overflow: auto;
 
}
 
}
−
*/
 
  
−
/* Make the text for the "More [actions]" menu more readable */
+
.fpbox .body { padding: 0 10px 10px; }
−
div.vectorMenu h3 span {
+
 
−
color: inherit;
+
.fpbox .mainheading {
 +
    border: none;
 +
    border-bottom: 1px solid #F37F20;
 +
    color: var(--main-heading-color);
 +
    font-size: 150%;
 +
    font-weight: bold;
 +
    margin: 0 0 10px 0;
 +
    padding: 0 0 5px 0;
 +
    overflow: auto;
 
}
 
}
  
−
/* Search */
+
.fpbox .heading {
−
div#simpleSearch {
+
    background: var(--heading-background);
−
border: solid 1px #426787;
+
    border: none;
−
background-color: #17456e;
+
    color: var(--heading-color);
−
background-image: none;
+
    font-size: 132%;
 +
    font-weight: bold;
 +
    margin: 0 0 10px 0;
 +
    padding: 0;
 +
    overflow: auto;
 
}
 
}
  
−
div#simpleSearch input#searchInput {
+
.fpbox .heading::after {
−
color: #e0e0e0;
+
content:'';
 +
display:block;
 +
margin:0 auto;
 +
width: 95%;
 +
padding-top:5px;
 +
border-bottom: 1px solid var(--heading-border);
 
}
 
}
  
−
/**
+
.fpmain .columns .leftcol {
−
* Make the search box placeholder text a tad bit lighter
+
    width: 100%;
−
* It's beyond stupid that these rules cannot be combined into one...browsers,
+
    margin: 0;
−
* why must you be so random?!
+
    padding: 0;
−
*/
 
−
div#simpleSearch #searchInput.placeholder {
 
−
color: #e0e0e0;
 
 
}
 
}
−
div#simpleSearch :-ms-input-placeholder#searchInput {
+
 
−
color: #e0e0e0;
+
.fpmain .columns .rightcol {
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 
}
 
}
−
div#simpleSearch :-moz-placeholder#searchInput {
+
 
−
color: #e0e0e0;
+
.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
 +
    float: left;
 +
    clear: both;
 +
    width: 100%;
 
}
 
}
  
−
.mw-search-result-data {
+
div.fp2columnonly, div.fp3columnonly {
−
color: grey;
+
    display: none;  
 
}
 
}
  
−
/**
+
@media (min-width: 790px) {
−
* Absolutely awful way to replace the magnifying glass icon without hacking
+
  .fpsection1 {
−
* core MediaWiki software
+
    float: left;
−
*
+
    clear: none;
−
* @see http://stackoverflow.com/questions/2182716/how-can-we-specify-src-attribute-of-img-tag-in-css/10247567#10247567
+
    width: 50%;
−
*/
+
  }
−
button#searchButton img {
+
 
−
/* @embed */
+
  .fpmidsections {
−
background: url(search-ltr.png);
+
    clear: none;
−
height: 0px !important;
+
    float: right;
−
padding: 6px !important;
+
    width: 50%;
−
width: 0px !important;
+
  }
 +
 
 +
  .fpsection4 {
 +
    float: left;
 +
    clear: none;
 +
    width: 50%;
 +
  }
 +
 
 +
  div.fp2columnonly {
 +
    display: block;  
 +
  }
 
}
 
}
  
−
/* Panel */
+
@media (min-width: 990px) {
−
div#mw-panel {
+
  .fpmain .columns .leftcol {
−
padding: 0;
+
    float: left;
 +
    width: 50%;
 +
    margin: 0;
 +
    padding: 0;
 +
  }
 +
 
 +
  .fpmain .columns .rightcol {
 +
    float: right;
 +
    width: 50%;
 +
    margin: 0;
 +
    padding: 0;
 +
  }
 
}
 
}
  
−
/* ashley 21 June 2015: this doesn't look good anymore, so removing it
+
@media (min-width: 1390px) {
−
div#mw-panel div.portal div.body {
+
  .fpmidsections {
−
background-image: url('dark/portal-break.png');
+
    clear: none;
 +
    float: right;
 +
    width: 66.667%;
 +
  }
 +
 
 +
  .fpsection1 {
 +
    clear: none;
 +
    width: 33.333%;
 +
  }
 +
 
 +
  .fpsection2 {
 +
    clear: none;
 +
    width: 50%;
 +
  }
 +
 
 +
  .fpsection3 {
 +
    clear: none;
 +
    width: 50%;
 +
  }
 +
 +
  .fpsection4 {
 +
    clear: left;
 +
    width: 33.333%;
 +
  }
 +
 
 +
  div.fp2columnonly {
 +
    display: none;
 +
  }
 +
 
 +
  div.fp3columnonly {
 +
    display: block;  
 +
  }
 
}
 
}
−
*/
 
  
−
div#mw-panel div.portal div.body ul li a {
+
.fpbox.plain {
−
color: #F4F26B;
+
    border: none;
 +
    box-shadow: none;
 +
    background: transparent;
 
}
 
}
−
div#mw-panel div.portal div.body ul li a:visited {
+
 
−
color: #F4F26B;
+
.fpimagelist ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 
}
 
}
  
−
/* Sidebar */
+
.fpvideos {
−
div#mw-panel div.portal h3 {
+
    margin: 0 auto;
−
color: #F4F26B;
+
    overflow: hidden;
 +
    text-align: center;
 
}
 
}
  
−
div#mw-panel.collapsible-nav .portal h3 a,
+
.fpvideo {
−
div#mw-panel.collapsible-nav .portal h5 a {
+
    display: inline-block;
−
color: #E7EA12 !important;
+
    margin: 0 5px;
 
}
 
}
  
−
div#mw-panel.collapsible-nav .portal {
+
.columns {
−
background: none;
+
  padding: 0;
−
border-bottom: 1px solid #284360;
+
  margin: 10px 0 0 0;
 +
  overflow: hidden;
 
}
 
}
  
−
/* Make non-link texts in the sidebar, such as the NewsBox extension's contents, readable */
+
.columns .leftcol {
−
div#mw-panel div.portal {
+
  float: left;
−
color: #FFF;
+
  width: 50%;
 +
  margin: 0;
 +
  padding: 0;
 
}
 
}
  
−
/* Footer */
+
.columns .centercol {
−
div#footer ul li {
+
  float: left;
−
color: #b6b6b6;
+
  margin: 0;
 +
  padding: 0;
 
}
 
}
  
−
/* Logo */
+
.columns .rightcol {
−
#p-logo {
+
  float: right;
−
left: 0;
+
  width: 50%;
−
top: -150px;
+
  margin: 0;
 +
  padding: 0;
 
}
 
}
  
−
/* Links */
+
ul {
−
a {
+
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggeCzk6oIsHewAAACtJREFUGNNjYBh0gJGBgYHha6PCfpgAd/0DR0aogAOSwgNM2LQzEW0mVtsBjvcLXbwN1UwAAAAASUVORK5CYII=");
−
text-decoration: none;
 
−
color: #f4f26b;
 
−
background: none;
 
 
}
 
}
−
a:visited {
+
 
−
color: #e7ea12;
+
pre,
 +
.mw-code,
 +
code {
 +
  border: 1px dashed #696969;
 +
  border-radius: 4px;
 +
  background: rgba(171,171,171,0.1);
 +
  color: var(--text-color);
 +
  white-space: pre-wrap;
 +
  word-wrap: break-word;
 
}
 
}
−
a:active {
+
pre code {
−
color: #F4F26B;
+
border: 0;
 
}
 
}
−
a:hover {
+
pre + pre,
−
text-decoration: underline;
+
div.mw-code + div.mw-code {
 +
margin-top: -1px;
 
}
 
}
−
a.stub {
+
.mw-highlight { background: none; }
−
color: #F4F26B;
+
 
 +
div.toc,
 +
div#toc,
 +
div.mw-warning,
 +
.toccolours {
 +
  border-color: #5d5d5d;
 +
  background: var(--background-color);
 +
  color: var(--text-color);
 +
  margin: 0 0 10px 0;
 +
  padding: 3px 6px;
 
}
 
}
  
−
#bodyContent a.new {
+
/* Anchors */
−
color: #ff8581;
+
a,
 +
a:link,
 +
a:active,
 +
a:visited,
 +
a.external,
 +
a.external:visited,
 +
a.extiw,
 +
a.extiw:visited,
 +
div#content a.extiw,
 +
div#content a.extiw:visited,
 +
div#content a.external,
 +
div#content a.external:visited,
 +
#global-wrapper #mw-indicator-mw-helplink a,
 +
#global-wrapper #preftoc a,
 +
#global-wrapper #preftoc a:active {
 +
    color: #F37F20 !important;
 
}
 
}
  
−
a.new, #p-personal a.new {
+
#global-wrapper #preftoc li.selected a {
−
color: #ff8581;
+
color: var(--text-color);
 
}
 
}
−
a.new:visited, #p-personal a.new:visited {
+
 
−
color: #ff8581;
+
.ambox {
 +
    background-color: rgba(120,120,120,0.2);
 +
    border-bottom-color: #383838;
 +
    border-right-color: #383838;
 +
    border-top-color: #383838;
 +
    border-collapse: collapse;
 +
    font-size: 95%;
 +
    margin: 0 auto 2px auto;
 +
    width: 80%;
 
}
 
}
  
−
/* Inline elements */
+
.ambox-gray {
−
hr {
+
    border-left-color: #383838;
−
color: #426787;
 
−
background-color: #426787;
 
 
}
 
}
  
−
/* Structural elements */
+
.ambox.ambox-tiny {
−
h1,
+
    font-size: 90%;
−
h2,
+
    margin: 2px 0;
−
h3,
+
    width: auto;
−
h4,
 
−
h5,
 
−
h6 {
 
−
color: #d2d2d2;
 
−
padding-top: 0;
 
−
border-bottom: 1px solid #426787;
 
−
width: auto;
 
 
}
 
}
  
−
h3, h4, h5, h6 {
+
.ambox + .ambox {
−
border-bottom: none;
+
    margin-top: -2px;
−
font-weight: bold;
 
 
}
 
}
  
−
code {
+
.ambox-text {
−
background-color: #1D578B;
+
    padding: 0.25em 0.5em;
 
}
 
}
−
pre { /* @todo */
+
 
−
border: 1px dashed #426787;
+
.ambox-image {
−
color: #d2d2d2;
+
    padding: 2px 0px 2px 0.5em;
−
background-color: #1D578B;
+
    text-align: center;
 +
    width: 60px;
 
}
 
}
  
−
/* Tables */
+
.ambox-tiny .ambox-image {
−
table {
+
    padding: 2px 0.5em;
−
color: #d2d2d2;
+
    text-align: left;
−
/* we don't want the bottom borders of <h2>s to be visible through
+
    width: auto;
−
* floated tables */
 
−
background-color: #17456e;
 
 
}
 
}
−
fieldset table {
+
 
−
/* but keep table layouts in forms clean... */
+
/* Ambox colors */
−
background: none
+
.ambox-blue {
 +
    border-left: 10px solid #1e90ff;
 
}
 
}
  
−
.editsection { /* @todo */
+
.ambox-red {
−
float: right;
+
    border-left: 10px solid #b22222;
 
}
 
}
  
−
ul {
+
.ambox-orange {
−
list-style-type: disc;
+
    border-left: 10px solid #f28500;
−
/* @embed */
 
−
list-style-image: url(bullet-icon.png);
 
 
}
 
}
  
−
.mw-code {
+
.ambox-yellow {
−
line-height: 1.3em;
+
    border-left: 10px solid #f4c430;
 
}
 
}
  
−
/* mediawiki.notification */
+
.ambox-purple {
−
.skin-vector .mw-notification {
+
    border-left: 10px solid #9932cc;
−
background-color: #1D578B;
 
−
background-color: rgba(29, 87, 139, 0.93);
 
 
}
 
}
  
−
/* Table of Contents */
+
.ambox-gray {
−
#toc,
+
    border-left: 10px solid #bba;
−
.toc,
 
−
.mw-warning {
 
−
border: 1px solid #426787;
 
−
background-color: #1d578b;
 
 
}
 
}
  
−
/* Thumbnails */
+
.ambox-green {
−
div.thumb {
+
    border-left: 10px solid #228b22;
−
border-style: solid;
 
−
border-color: transparent;
 
 
}
 
}
−
div.thumbinner {
+
 
−
border: 1px solid #426787;
+
/* Ambox small text */
−
background-color: #1d578b;
+
.amsmalltext {
 +
    font-size: smaller;
 +
    margin-left:0.8em;
 +
    margin-top:0.5em;
 
}
 
}
−
html .thumbimage {
+
 
−
background-color: #17456e;
+
 
−
border: 1px solid #426787;
+
/* Navbox template style */
 +
/* Navbox container style */
 +
.navbox {
 +
    border: 1px solid #9F6A00;
 +
    font-size: 88%;
 +
    text-align: center;
 +
    width: 100%;
 +
    margin: auto;
 +
    padding: 1px;
 +
    clear: both;
 
}
 
}
−
img.thumbborder { /* @todo */
+
 
−
border: 1px solid #dddddd;
+
.navbox-inner,
 +
.navbox-subgroup {
 +
    width: 100%;
 
}
 
}
  
−
/* User message */
+
/* Title, group and above/below styles */
−
.usermessage {
+
.navbox-group,
−
background-color: #1D578B;
+
.navbox-title,
−
border: 1px solid #E7EA12;
+
.navbox-abovebelow {
−
color: #d2d2d2;
+
    text-align: center;
 +
    padding: 0.25em 1em;
 +
    line-height: 1.5em;
 
}
 
}
  
−
/* Site notice */
+
/* Group style */
−
#siteNotice div,
+
th.navbox-group {
−
#siteNotice p {
+
    white-space: nowrap;
−
margin: 0;
+
    /* @noflip */
−
padding: 0;
+
    text-align: right;
−
margin-bottom: 0.9em;
 
 
}
 
}
  
−
/* Categories */
+
.navbox,
−
.catlinks {
+
.navbox-subgroup {
−
border: 1px solid #426787;
+
    background-color: transparent;
−
background-color: #1d578b;
 
 
}
 
}
  
−
/* Edge cases for content */
+
.navbox-list {
−
h1, h2 {
+
    line-height: 1.8em;
−
margin-bottom: .6em;
+
    border-color: transparent; /* Must match background color */
−
margin-top: 0.6em;
 
 
}
 
}
  
−
h3, h4, h5 {
+
/* Level 1 color */
−
margin-bottom: .3em;
+
.navbox th,
 +
.navbox-title {
 +
    background-color: #282828;
 +
    border: 0 solid #9F6A00;
 +
    color: #FFFFFF;
 
}
 
}
  
−
/* Interwiki styling */
+
/* Level 2 color */
−
#content a.extiw,
+
.navbox-abovebelow,
−
#content a.extiw:active {
+
th.navbox-group,
−
color: #F4F26B;
+
.navbox-subgroup .navbox-title {
−
background: none;
+
    background: #282828;
−
padding: 0;
 
 
}
 
}
−
#content a.external {
+
 
−
color: #F4F26B;
+
/* Level 3 color */
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: #444444;
 
}
 
}
  
−
.toccolours {
+
/* Odd row striping */
−
border: 1px solid #1d578b;
+
.navbox-odd {
−
background-color: #426787;
+
    background: transparent;
 
}
 
}
  
−
/* Watch/Unwatch icon styling */
+
/* Even row striping */
−
#ca-unwatch.icon,
+
.navbox-even {
−
#ca-watch.icon { /* @todo */
+
    background-color: rgba(128,128,128,0.3);
−
margin-right: 1px;
 
 
}
 
}
  
−
/* Page history styling */
+
/* Single pixel border between adjacent navboxes */
−
/* the auto-generated edit comments */
+
table.navbox + table.navbox {
−
#bodyContent ul#pagehistory .history-user {
+
    margin-top: -1px;
−
margin-left: 0.4em;
 
−
margin-right: 0.2em;
 
 
}
 
}
−
#bodyContent ul#pagehistory span.minor {
+
 
−
font-weight: bold;
+
/* Default styling for Navbar template */
 +
.navbar {
 +
    font-size: 88%;
 +
    font-weight: normal;
 
}
 
}
−
#bodyContent ul#pagehistory li {
+
 
−
border: 1px solid #17456e;
+
/* Navbar styling when nested in infobox and navbox */
 +
.navbox .navbar {
 +
    display: block;
 +
    font-size: 100%;
 
}
 
}
−
#bodyContent ul#pagehistory li.selected {
+
 
−
background-color: #1d578b;
+
.navbox-title .navbar {
−
border: 1px dashed #426787;
+
    float: left;
 +
    text-align: left;
 +
    margin-right: 0.5em;
 +
    width: 6em;
 
}
 
}
  
−
/* RSSReader Stuff */
+
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
−
.RSSReader-head {
+
.mw-collapsible-toggle {
−
text-align: center;
+
    font-weight: normal;
−
padding: 0.2em;
+
    /* @noflip */
−
border-bottom: 0.1em solid #aaa;
+
    text-align: right;
 
}
 
}
  
−
#content div.rss {
+
.navbox .mw-collapsible-toggle {
−
margin: 0 0 8px -3px;
+
    width: 6em;
−
padding: 5px;
 
−
background-color: #1d578b;
 
−
font-size: 10px;
 
−
width: 98.6%;
 
−
border: 1px solid #426787;
 
 
}
 
}
  
−
#content div.rss h3 {
+
/* .navbox .mw-collapsible-toggle a, */
−
font-size: 10px;
+
.wikitable .mw-collapsible-toggle a {
−
border: 1px solid #426787;
+
    color: #F58120 !important;
−
padding: 2px 5px;
 
−
margin: 0;
 
−
background-color: #17456e;
 
 
}
 
}
  
−
#content div.rss h3 a { color: #F4F26B; }
+
/*                          THIS STUFF CAN BE CHANGED OR REMOVED */
 +
/* Infobox template style */
 +
.infobox {
 +
    background-color: rgba(0, 0, 0, 0);
 +
    border: 1px solid #505050;
 +
    float: right;
 +
    font-size: 89%;
 +
    margin-bottom: 0.5em;
 +
    padding: 0.2em;
 +
    width: 300px;
 +
}
  
−
/* wikitable/prettytable class for skinning normal tables */
+
.infobox td.infoboxlabel {
−
table.wikitable,
+
    border: 2px solid inherit;  
−
table.prettytable {
+
    font-weight: bold;
−
margin: 1em 1em 1em 0;
+
    padding: 0.5px 7px;
−
background-color: #17456E;
+
    text-align: right;
−
border: 1px solid #426787;
 
−
border-collapse: collapse;
 
−
color: #D2D2D2;
 
 
}
 
}
  
−
table.wikitable th, table.wikitable td,
+
.infoboxname {
−
table.prettytable th, table.prettytable td {
+
    background-color: #f58120;
−
background: #17456E;
+
    color: #000;
−
border: 1px solid #426787;
+
    font-size: 110%;
−
padding: 0.2em;
+
    font-weight: bold;
 +
    padding: 0.5em;
 
}
 
}
  
−
table.wikitable th,
+
.infoboxdescription {
−
table.prettytable th {
+
    background-color: #f58120;
−
background: #1D578B;
+
    color: #000;
−
text-align: center;
 
 
}
 
}
  
−
table.wikitable > tr > th,
+
fieldset { border-color: #F37F20; }
−
table.wikitable > tr > td,
+
#global-wrapper #preferences legend { color: #F37F20; }
−
table.wikitable > * > tr > th,
+
.client-js #preferences fieldset { background: none; }
−
table.wikitable > * > tr > td {
+
 
−
border: 1px solid #426787;
+
/* [[Template:Message]] */
 +
table.gpmbox {
 +
    background:var(--message-background);
 +
    color:var(--text-color);
 
}
 
}
  
−
table.wikitable > tr > th, table.wikitable > * > tr > th {
+
.scalable img, img.scalable {
−
background: #1D578B;
+
    max-width: 100%;
 +
    height:auto;
 
}
 
}
  
−
table.wikitable caption,
+
/* class for adding a contrasting glow to an image */
−
table.prettytable caption {
+
.glow {
−
margin-left: inherit;
+
    background: rgba(0,0,0,0);
−
margin-right: inherit;
+
    -webkit-filter: drop-shadow(0px 0px 10px #666);
−
font-weight: bold;
+
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
 
}
 
}
  
−
table.prettytable code,
+
/* Added and removed character counts */
−
table.wikitable code {
+
.mw-plusminus-neg {
−
background-color: transparent;
+
    color: #da2d2d;
 
}
 
}
  
−
/* Galleries */
+
.mw-plusminus-pos {
−
li.gallerybox div.thumb {
+
    color: #039603;
−
background-color: #1D578B;
 
−
border: 1px solid #426787;
 
 
}
 
}
  
−
table.gallery {/* @todo - unused? */
+
 
−
border: 1px solid #1D578B;
+
/*                     Apparently for Extension:SyntaxHighlight */
−
margin: 2px;
+
/* GeSHi syntax highlighting */
−
padding: 2px;
+
.mw-highlight .kw1 {
−
background-color: #17456E;
+
    color: var(--text-color);
 +
    font-weight: bold;
 
}
 
}
  
−
table.gallery tr {/* @todo - unused? */
+
.mw-highlight .nf {
−
vertical-align: top;
+
    color: #02abab;
 
}
 
}
  
−
table.gallery td {/* @todo - unused? */
 
−
vertical-align: top;
 
−
background-color: #1D578B;
 
−
border: solid 2px #17456E;
 
−
}
 
  
−
table.gallery caption {/* @todo - unused? */
+
/* Operators */
−
font-weight: bold;
+
.mw-highlight .p,
−
}
+
.mw-highlight .o {color: var(--text-color); font-weight: bold;}
 +
 
 +
/* Comments */
 +
.mw-highlight .c {color: #8d9e6b; font-weight: bold;}
 +
 
 +
/* HTML Tags */
 +
.mw-highlight .nt {color: #89a228;}
 +
 
 +
/* IDs */
 +
.mw-highlight .nn {color: #9a9ac3;}
 +
 
 +
/* Classes */
 +
.mw-highlight .nc {color: #7676ff;}
 +
 
 +
/* Pseudo-classes */
 +
.mw-highlight .nd {color: #cf82ff;}
 +
 
 +
/* Properties */
 +
.mw-highlight .k,
 +
.mw-highlight .kp {color: var(--text-color); font-weight: normal;}
 +
 
 +
/* Keywords */
 +
.mw-highlight .nb {color: #ff5858;}
 +
 
 +
/* Text values, strings */
 +
.mw-highlight .kc,
 +
.mw-highlight .s1,
 +
.mw-highlight .s2,
 +
.mw-highlight .sx,
 +
.mw-highlight .n {color: #03a503;}
 +
 
 +
/* Numeric values */
 +
.mw-highlight .mi,
 +
.mw-highlight .mf {color: #02abab; font-weight: bold;}
 +
 
 +
/* Units */
 +
.mw-highlight .kt {color: #a57184;}
 +
 
 +
/* #Color values */
 +
.mw-highlight .mh {color: #7d9c0e;}
 +
 
 +
/* !important */
 +
.mw-highlight .cp {color: #F37F20;}
 +
 
  
−
div.gallerybox {/* @todo - remove? */
+
#searchlog th {
−
margin: 2px;
+
    background: var(--background-color);
 
}
 
}
  
−
div.gallerybox div.thumb {/* @todo - remove? */
+
#searchlog,
−
border: 1px solid #426787;
+
#searchlog th,
 +
#searchlog td {
 +
    border: 1px solid #808080;
 
}
 
}
  
−
/*
+
/* Thumbnails */
−
  Table pager (e.g. Special:Imagelist)
+
html .thumbimage {
−
  - remove underlines from the navigation link
+
    background-color: transparent;
−
  - collapse borders
 
−
  - set the borders to outsets (similar to Special:Allmessages)
 
−
  - remove line wrapping for all td and th, set background color
 
−
  - restore line wrapping for the last two table cells (description and size)
 
−
*/
 
−
.TablePager_nav a { text-decoration: none; }
 
−
.TablePager { border-collapse: collapse; }
 
−
.TablePager, .TablePager td, .TablePager th {
 
−
border: 1px solid #426787;
 
−
padding: 0 0.15em 0 0.15em;
 
 
}
 
}
−
.TablePager th { background-color: #1D578B; }
 
−
.TablePager td { background-color: #17456E; }
 
−
.TablePager tr:hover td { background-color: #1D578B; }
 
  
−
.imagelist .TablePager_col_links { background-color: #1D578B; }
+
/* JSON */
−
.imagelist th.TablePager_sort { background-color: #ccccff; }
+
.mw-json { color: #fff; }
 +
.mw-json tr { background-color: rgba(105,105,105,0.2); }
 +
.mw-json th { background-color: #000; }
 +
.mw-json .value, .mw-json-single-value { background-color: #424242; }
  
−
fieldset#mw-searchoptions {
+
/* Wikitable */
−
margin: 0;
+
table.wikitable {
−
padding-left: 0.75em !important;
+
  background: transparent;
−
padding-right: 0.75em !important;
+
  border: none;
−
padding-bottom: 0.5em !important;
+
  color: #373737;
−
padding-top: 0.5em !important;
+
  margin: 0 0 10px 0;
−
border: none;
+
  padding: 3px 6px;
−
background-color: #1D578B;
 
−
border: 1px solid #426787 !important;
 
−
border-top-width: 0 !important;
 
 
}
 
}
  
−
.mw-search-formheader {
+
table.wikitable th,
−
background-color: #17456E;
+
table.wikitable tr th,
−
margin-top: 1em;
+
table.wikitable > tr > th,
−
border: 1px solid #426787;
+
table.wikitable > * > tr > th {
 +
  border: 1px solid #5a5a5a;
 +
  background: rgba(128,128,128,0.5);
 +
  color: var(--text-color);
 
}
 
}
  
−
fieldset#mw-searchoptions div.divider {
+
table.wikitable td,
−
clear: both;
+
table.wikitable tr td,
−
border-bottom: 1px solid #426787;
+
table.wikitable > tr > td,
−
padding-top: 0.5em;
+
table.wikitable > * > tr > td {
−
margin-bottom: 0.5em;
+
  border: 1px solid #5a5a5a;
−
}
+
  background: transparent;
−
.mw-search-formheader div.search-types ul li.current a {
 
−
color: #d2d2d2;
 
−
cursor: default;
 
 
}
 
}
  
−
/* File namespace */
+
/* Match CategoryTree arrow color with theme */
−
#filetoc {
+
.CategoryTreeToggle { color: #F37F20; }
−
background-color: #1D578B !important;
+
 
−
border: 1px solid #426787 !important;
+
 
 +
.TablePager,
 +
.mw-datatable,
 +
table.mw_metadata {
 +
    background-color: transparent;
 +
    border: 1px solid #969696;
 
}
 
}
  
−
div.fullImageLink, .fullMedia {
+
.TablePager th,
−
text-align: center;
+
.mw-datatable th,
 +
table.mw_metadata th {
 +
    background-color: rgba(96, 96, 96, 0.5);
 +
    border: 1px solid #969696;
 +
    color: #ffffff;
 
}
 
}
  
−
table.mw_metadata td, table.mw_metadata th {
+
.TablePager tr:hover td,
−
border: 1px solid #3B587E;
+
.mw-datatable tr:hover td {
 +
    background-color: rgba(128,128,128, 0.3) !important;
 +
    color: #ffffff;
 
}
 
}
  
−
table.mw_metadata th {
+
.TablePager th a,
−
background-color: #1D578B;
+
.mw-datatable th a,
 +
table.mw_metadata th a {
 +
    color: #FFFFFF !important;
 
}
 
}
−
 
+
 +
.TablePager td,
 +
.mw-datatable td,
 
table.mw_metadata td {
 
table.mw_metadata td {
−
background-color: transparent;
+
    background-color: transparent;
 +
    border: 1px solid #969696;
 
}
 
}
  
−
.filehistory a img, #file img:hover {
+
.copyright-icon { filter:var(--filter); }
−
background: transparent;
+
 
 +
/* Fix for making areas more readable in either Hydra or Hydradark */
 +
.bg-highlight {
 +
    background-color: rgba(80, 80, 80, 0.2);
 +
    border: 1px solid #080808;
 
}
 
}
  
−
/* Recent changes */
+
/* Gamepedia images tweak */
−
.mw-plusminus-pos {
+
/*
−
color: #00D000;
+
.gamepedia-icon {
 +
    background-image: var(--gp-icon);
 +
    background-size: 100%;
 +
    background-repeat: no-repeat;
 +
    width: 500px;
 +
    height: 111px;
 
}
 
}
 +
*/
  
−
.mw-plusminus-neg, .previewnote {
+
/* for "edit this page" tab and "discussion" tab etc */
−
color: #E00000;
+
.pagetab {
 +
    border-style: solid solid none;
 +
    border-width: thin;
 +
    border-color: #808080;
 +
    padding:0.25ex 1ex 0ex;
 +
    font-size: 95%;
 
}
 
}
  
−
/* Login & signup page fixes */
+
/* Expand section arrow tweak */
−
a#mw-createaccount-join {
+
.mw-ui-icon.mw-ui-icon-before::before,
−
box-shadow: none;
+
.mw-ui-icon.mw-ui-icon-element::before {
 +
    filter: var(--filter);
 
}
 
}
  
−
.mw-ui-vform > div label,
+
/* Visual editor */
−
div.mw-number-text {
+
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
−
color: #d2d2d2;
+
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
 +
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
 +
    filter: var(--filter);
 
}
 
}
  
−
div.mw-number-text h3 {
+
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
−
color: #FFF;
+
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
 +
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
 +
    filter: var(--filter);
 
}
 
}
  
−
/* Custom styles made specifically for ZW */
+
/* Notifications */
 +
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
 +
.mw-echo-ui-crossWikiNotificationItemWidget-group,
 +
.mw-echo-ui-bundleNotificationItemWidget-group {
 +
background: inherit;
 +
}
  
−
/* Tabs */
+
/* Special:BotPasswords */
−
.tabcontainer .tab {
+
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
−
background-color: #1d578b;
+
background-color: inherit;
−
background-image: -webkit-linear-gradient(top, #1D679B, #1A4E7D);
 
−
background-image: -moz-linear-gradient(top, #1D679B, #1A4E7D);
 
−
background-image: -ms-linear-gradient(top, #1D679B, #1A4E7D);
 
−
background-image: -o-linear-gradient(top, #1D679B, #1A4E7D);
 
−
background-image: linear-gradient(top, #1D679B, #1A4E7D);
 
−
border: 2px solid #426787;
 
−
cursor: pointer;
 
−
float: left;
 
−
margin: 0 1px -2px;
 
−
padding: 3px;
 
−
text-align: center;
 
−
white-space: nowrap;
 
 
}
 
}
  
−
.tabcontainer .tab:hover {
+
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
−
background-color: #24527c;
+
background-color: rgba(128,128,128,0.5);
−
background-image: -webkit-linear-gradient(top, #305f89, #17456E);
 
−
background-image: -moz-linear-gradient(top, #305f89, #17456E);
 
−
background-image: -ms-linear-gradient(top, #305f89, #17456E);
 
−
background-image: -o-linear-gradient(top, #305f89, #17456E);
 
−
background-image: linear-gradient(top, #305f89, #17456E);
 
−
color: #F4F26B;
 
 
}
 
}
  
−
.tabcontainer .tab.active {
+
div.mainavatar {
−
background-color: #17456e !important;
+
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
−
background-image: -webkit-linear-gradient(top, #1D578B, #17456E);
 
−
background-image: -moz-linear-gradient(top, #1D578B, #17456E);
 
−
background-image: -ms-linear-gradient(top, #1D578B, #17456E);
 
−
background-image: -o-linear-gradient(top, #1D578B, #17456E);
 
−
background-image: linear-gradient(top, #1D578B, #17456E);
 
−
border-bottom: 2px solid #17456E;
 
−
color: #F4F26B;
 
 
}
 
}
  
−
/* Button-like gradient background */
+
.ve-ui-mwSaveDialog-options {
−
.gradient {
+
    background-color: var(--background-color);
−
background-image: -webkit-linear-gradient(top, #2D679B, #1A4E7D);
 
−
background-image: -moz-linear-gradient(top, #2D679B, #1A4E7D);
 
−
background-image: -ms-linear-gradient(top, #2D679B, #1A4E7D);
 
−
background-image: -o-linear-gradient(top, #2D679B, #1A4E7D);
 
−
background-image: linear-gradient(top, #2D679B, #1A4E7D);
 
 
}
 
}
  
−
.gradient:hover {
+
.ve-ui-mwSaveDialog-license {
−
background-image: -webkit-linear-gradient(top, #227777, #1A4E7D);
+
    color: var(--text-color);
−
background-image: -moz-linear-gradient(top, #227777, #1A4E7D);
 
−
background-image: -ms-linear-gradient(top, #227777, #1A4E7D);
 
−
background-image: -o-linear-gradient(top, #227777, #1A4E7D);
 
−
background-image: linear-gradient(top, #227777, #1A4E7D);
 
 
}
 
}
  
−
/* Reverse gradient */
+
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
−
.rgradient {
+
    background-color: var(--background-color);
−
background-image: -webkit-linear-gradient(bottom, #2D679B, #1A4E7D);
+
    border: 1px solid #383838;
−
background-image: -moz-linear-gradient(bottom, #2D679B, #1A4E7D);
+
    box-shadow: 0 2px 2px 0 rgba(128,128,128,0.4);
−
background-image: -ms-linear-gradient(bottom, #2D679B, #1A4E7D);
 
−
background-image: -o-linear-gradient(bottom, #2D679B, #1A4E7D);
 
−
background-image: linear-gradient(bottom, #2D679B, #1A4E7D);
 
 
}
 
}
  
−
.rgradient:hover {
+
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
−
background-image: -webkit-linear-gradient(bottom, #227777, #1A4E7D);
+
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
−
background-image: -moz-linear-gradient(bottom, #227777, #1A4E7D);
+
    color: var(--text-color);
−
background-image: -ms-linear-gradient(bottom, #227777, #1A4E7D);
 
−
background-image: -o-linear-gradient(bottom, #227777, #1A4E7D);
 
−
background-image: linear-gradient(bottom, #227777, #1A4E7D);
 
 
}
 
}
  
−
/** CSS fixes for social tools */
+
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
−
#profile-top, .profile-info {
+
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
−
background-color: transparent !important;
+
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
 +
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
 +
    background-color: rgba(128,128,128,0.4);
 
}
 
}
  
−
/* personal info on profiles + activity feed on profiles + Special:UserActivity */
+
.ve-ui-specialCharacterDialog .oo-ui-outlineOptionWidget,
−
div.profile-info-container div,
+
.ve-ui-specialCharacterPage,  
−
div.profile-info-container b,
+
.ve-ui-specialCharacterPage h3 {  
−
div.item,
+
color: var(--text-color);
−
div.user-home-links-container h2 {
 
−
color: #d2d2d2;
 
 
}
 
}
  
−
/* user board on profile pages */
+
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
−
div.user-board-message-from {
+
    background-color: rgba(128,128,128,0.4);
−
background-color: transparent;
 
−
border-bottom: 1px solid #d2d2d2;
 
 
}
 
}
 +
.warning { color: #F37F20; }
  
−
/* navigation menu on Special:TopUsers */
+
table.zebra > tbody > tr:nth-child(2n) {background-color: rgba(128,128,128,0.2);}
−
div.top-fan-nav h1 {
+
.ve-init-mw-switchPopupWidget .oo-ui-checkboxInputWidget [type='checkbox']{ opacity:1; }
−
color: #d2d2d2;
 
−
}
 
  
−
/** Comments */
+
.interwiki-ru { font-family: Verdana, sans-serif; }
−
div.c-form-title {
+
ol.references li:target, sup.reference:target { background-color: rgba(128,128,128,0.5); }
−
color: #d2d2d2;
 
−
}
 
  
−
/** FanBoxes */
+
/* PageForms edit screen fix */
−
/* Special:TopUserboxes */
+
.skin-hydradark div.editSchemaSection .sectionHeader {
−
div.fanbox-nav h2 {
+
    color: #000;
−
color: #d2d2d2;
 
 
}
 
}
  
−
/** LinkFilter */
+
/***************************
−
/* Special:LinksHome */
+
* Used by [[Template:Key]] *
−
div.links-home-date,
+
****************************/
−
div.link-item-desc {
+
/* Dark Wiki Variation */
−
color: #d2d2d2;
+
.keysDark {
 +
  color:black;
 +
  border: 1px solid rgb(170, 170, 170);
 +
  box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221);
 +
  border-radius: .2em;
 +
  background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238));
 +
  background-color: rgb(249, 249, 249);
 +
  padding: 0.1em 0.6em 0.1em 0.6em;
 +
  margin-right:2px;
 +
  font-size:85%;
 +
  font-family:inherit;
 +
  font-style:normal;
 
}
 
}
  
−
/** PollNY */
+
/* Light Wiki Variation */
−
/* Special:ViewPoll */
+
.keysLight {
−
div.view-poll-top-links a,
+
  color:white;
−
div.view-poll-text,
+
  border: 1px solid rgb(0, 0, 0);
−
div.view-poll-user-name {
+
  box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0);
−
color: #f4f26b;
+
  border-radius: .2em;
 +
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30));
 +
  background-color: rgb(30, 30, 30);
 +
  padding: 0.1em 0.6em 0.1em 0.6em;
 +
  margin-right:2px;
 +
  font-size:85%;
 +
  font-family:inherit;
 +
  font-style:normal;
 
}
 
}
  
−
div.view-poll-navigation h2 {
+
/******************************
−
color: #d2d2d2;
+
* End Template:Key coloration *
−
}
+
*******************************/

Revision as of 23:24, 11 July 2019

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

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

/* Custom fonts */
/*
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 700;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat-Regular'), url("https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat-Bold'), url("https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff") format('woff');
}
@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format('woff2'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format('woff'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 500;
	src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff2) format('woff2'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff) format('woff'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 700;
	src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format('opentype');
}
*/

/* Framework */
html {
	--body-font: Montserrat, sans-serif;
}

body {
	--background-color:#15191D;
	--content-background:#212121;
	--filter:invert(1);
	--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/38/Gamepedia_dark_transparent.png");
	--header-color:#101010;
	--heading-background:transparent;
	--heading-border:#F37F20;
	--heading-color: #B0E03B;
	--main-heading-color: #B0E03B;
	--message-background:#383838;
	--sidebar-header: #F37F20;
	--sidebar-link: #E0E0E0;
	--text-color: #E0E0E0;
	background: var(--background-color);
    background: #000000 url(https://rimworldwiki.com/images/9/97/BGPlanet.png) no-repeat fixed center top / 100% auto;
	color: var(--text-color);
    font-family: var(--body-font);
}

h1, 
h2 {
    border-bottom: 1px solid var(--text-color);
    font-family: var(--body-font);
	color: var(--text-color);
}

h3, 
h4, 
h5, 
h6 {
    font-family: var(--body-font);
}

div#mw-page-base {
  background: var(--header-color);
  padding-top: 80px;
  height: 1.25em;
}

/* Sidebar */

div#mw-panel div.portal,
#mw-panel.collapsible-nav div.portal {
    background-image: none;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited {
    color: var(--sidebar-link);
}

div#mw-panel div.portal h3,
div#mw-navigation div#mw-panel div.portal h3,
#mw-panel.collapsible-nav div.portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 {
    color: var(--sidebar-header);
    font-weight: bold;
    text-transform: uppercase;
}

div#mw-panel {
    margin-top: -75px;
}

/* Logo */
#p-logo a {
	background-size:contain;
/*    width: 500px;
    height: 80px; 
*/
    margin-top: 70px;
}

div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div#mw-head div.vectorMenu h3,
div.vectorMenu h3 span {
    background-color: transparent;
    background-image: none;
    border: none;
	text-transform: uppercase;
	font-weight:bold;
	color:#fff;
}

div.vectorTabs li a, div.vectorTabs li a span, div.vectorMenu li a { color:#fff; }
div.vectorMenu div.menu {
	border-color: #343434; 
	background-color: #303030;
	top: 2.2em;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { background-color: var(--content-background); }
div#content { 
	margin-top: 0.1em;
	border: none;
	background: rgba(0,0,0,0.80);
	color: #f0fff0;
}
div#mw-head { margin-top: 20px; }
#left-navigation, #right-navigation { margin-top: 3.6em; }
div.vectorTabs span a { padding-top: 0.25em; }
div.vectorMenu, div.vectorTabs ul li.mw-watchlink { margin-top: -0.8em; }
#p-search { margin-top: -1em; }
#p-search div#simpleSearch {
    border-radius: 4px;
}
div.vectorMenu h3 span::after { filter: invert(100%); }


/* Watchlist icon */
.vectorTabs #ca-watch.icon a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
}

.vectorTabs #ca-watch.icon a:hover,
.vectorTabs #ca-watch.icon a:focus {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
}

.vectorTabs #ca-unwatch.icon a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
}

.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-unwatch.icon a:focus {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
	background-size: 16px;
}
/* Smokie Gradient */

.smokie {
    background:#f4a638;
    background:-moz-linear-gradient(top,  #ff9600, #dfdd38 50%, #c0d43b 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop (0% #ff9600), color-stop(50%,#dfdd38), color-stop(100%,#c0d43b ));
    background:-webkit-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b 100%);
    background:-o-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
    background:-ms-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
    background:linear-gradient(to bottom, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
}

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/* This governs the sections on the Community portal */
.cpbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.cpbox #admins {
    box-sizing: border-box;
    width: calc(33% - 10px);
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}

.cpbox #help {
    box-sizing: border-box;
    width: calc(67% - 10px);
    margin: 5px;
    flex-grow: 1;
}

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
.desktopleft {
    text-align: left;
}

.desktopcenter {
    text-align: center;
}

.desktopright {
    text-align: right;
}
.mwe-popups.flipped-y, .mwe-popups.flipped-x-y { margin-top: -30px; }

/* Front page styles */
.fpmain {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpbanner {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #82A8AF;
    box-shadow: 0 2px 5px #687478;
    color: #9CCAD2;
    margin: 0 5px 5px 5px;
    padding: 5px;
    min-height: 80px;
}

.fpbannertable {
    background: transparent;
    border: none;
    display: table;
    width: 100%; 
    min-height: 75px;
    margin: 0;
    padding: 5px;
}

.fpbannercell {
    display: table-cell; 
    text-align: center; 
    vertical-align: middle;
}

.fpbannerblock {
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
    font-size: 132%;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpmidsections {
    float: left;
    width: 100%;
    overflow: hidden;
}

.fpbox {
    background: rgba(170, 170, 170, 0.05);
    border: 1px solid #F37F20;
    box-shadow: 0 0 2px #F37F20;
    color: var(--text-color);
    margin: 5px 5px 5px 5px;
    padding: 0;
    overflow: auto;
}

.fpbox .body { padding: 0 10px 10px; }

.fpbox .mainheading {
    border: none;
    border-bottom: 1px solid #F37F20;
    color: var(--main-heading-color);
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto;
}

.fpbox .heading {
    background: var(--heading-background);
    border: none;
    color: var(--heading-color);
    font-size: 132%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: auto;
}

.fpbox .heading::after {
	content:'';
	display:block;
	margin:0 auto;
	width: 95%;
	padding-top:5px;
	border-bottom: 1px solid var(--heading-border);
}

.fpmain .columns .leftcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fpmain .columns .rightcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
    float: left;
    clear: both; 
    width: 100%;
}

div.fp2columnonly, div.fp3columnonly {
    display: none; 
}

@media (min-width: 790px) {
  .fpsection1 {
    float: left;
    clear: none;
    width: 50%;
  }

  .fpmidsections {
    clear: none;
    float: right;
    width: 50%;
  }

  .fpsection4 {
    float: left;
    clear: none;
    width: 50%;
  }

  div.fp2columnonly {
    display: block; 
  }
}

@media (min-width: 990px) {
  .fpmain .columns .leftcol {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .fpmain .columns .rightcol {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1390px) {
  .fpmidsections {
    clear: none;
    float: right;
    width: 66.667%;
  }

  .fpsection1 {
    clear: none;
    width: 33.333%;
  }

  .fpsection2 {
    clear: none;
    width: 50%;
  }

  .fpsection3 {
    clear: none;
    width: 50%;
  }
 
  .fpsection4 {
    clear: left;
    width: 33.333%;
  }

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }
}

.fpbox.plain {
    border: none;
    box-shadow: none;
    background: transparent;
}

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

.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.fpvideo {
    display: inline-block;
    margin: 0 5px;
}

.columns {
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

.columns .rightcol {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

ul {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggeCzk6oIsHewAAACtJREFUGNNjYBh0gJGBgYHha6PCfpgAd/0DR0aogAOSwgNM2LQzEW0mVtsBjvcLXbwN1UwAAAAASUVORK5CYII=");
}

pre,
.mw-code,
code {
  border: 1px dashed #696969;
  border-radius: 4px;
  background: rgba(171,171,171,0.1);
  color: var(--text-color);
  white-space: pre-wrap;
  word-wrap: break-word;
}
pre code {
	border: 0;
}
pre + pre,
div.mw-code + div.mw-code {
	margin-top: -1px;
}
.mw-highlight { background: none; }

div.toc,
div#toc,
div.mw-warning,
.toccolours {
  border-color: #5d5d5d;
  background: var(--background-color);
  color: var(--text-color);
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

/* Anchors */
a,
a:link,
a:active,
a:visited,
a.external,
a.external:visited,
a.extiw,
a.extiw:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited,
#global-wrapper #mw-indicator-mw-helplink a,
#global-wrapper #preftoc a,
#global-wrapper #preftoc a:active {
    color: #F37F20 !important;
}

#global-wrapper #preftoc li.selected a {
	color: var(--text-color);
}

.ambox {
    background-color: rgba(120,120,120,0.2);
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.navbox-inner,
.navbox-subgroup {
    width: 100%;
}

/* Title, group and above/below styles */
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    text-align: center;	
    padding: 0.25em 1em;
    line-height: 1.5em;
}

/* Group style */
th.navbox-group {				
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}

.navbox,
.navbox-subgroup {
    background-color: transparent;
}

.navbox-list {
    line-height: 1.8em;
    border-color: transparent;	/* Must match background color */
}

/* Level 1 color */
.navbox th,
.navbox-title {
    background-color: #282828;
    border: 0 solid #9F6A00;
    color: #FFFFFF;
}

/* Level 2 color */
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #282828;
}

/* Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #444444;		
}

/* Odd row striping */
.navbox-odd {
    background: transparent;	
}

/* Even row striping */
.navbox-even {
    background-color: rgba(128,128,128,0.3);	
}

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

/* Default styling for Navbar template */
.navbar {
    font-size: 88%;
    font-weight: normal;
}

/* Navbar styling when nested in infobox and navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}

.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* .navbox .mw-collapsible-toggle a, */
.wikitable .mw-collapsible-toggle a {
    color: #F58120 !important;
}

/*                          THIS STUFF CAN BE CHANGED OR REMOVED */
/* Infobox template style */
.infobox {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em;
    padding: 0.2em;
    width: 300px;
}

.infobox td.infoboxlabel {
    border: 2px solid inherit; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

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

.infoboxdescription {
    background-color: #f58120;
    color: #000;
}

fieldset { border-color: #F37F20; }
#global-wrapper #preferences legend { color: #F37F20; }
.client-js #preferences fieldset { background: none; }

/* [[Template:Message]] */
table.gpmbox {
    background:var(--message-background);
    color:var(--text-color);
}

.scalable img, img.scalable {
    max-width: 100%;
    height:auto;
}

/* class for adding a contrasting glow to an image */
.glow {
    background: rgba(0,0,0,0);
    -webkit-filter: drop-shadow(0px 0px 10px #666);
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
}

/* Added and removed character counts */
.mw-plusminus-neg {
    color: #da2d2d;
}

.mw-plusminus-pos {
    color: #039603;
}


/*                      Apparently for Extension:SyntaxHighlight */
/* GeSHi syntax highlighting */
.mw-highlight .kw1 {
    color: var(--text-color);
    font-weight: bold;
}

.mw-highlight .nf {
    color: #02abab;
}


/* Operators */
.mw-highlight .p,
.mw-highlight .o {color: var(--text-color); font-weight: bold;}

/* Comments */
.mw-highlight .c {color: #8d9e6b; font-weight: bold;}

/* HTML Tags */
.mw-highlight .nt {color: #89a228;}

/* IDs */
.mw-highlight .nn {color: #9a9ac3;}

/* Classes */
.mw-highlight .nc {color: #7676ff;}

/* Pseudo-classes */
.mw-highlight .nd {color: #cf82ff;}

/* Properties */
.mw-highlight .k, 
.mw-highlight .kp {color: var(--text-color); font-weight: normal;}

/* Keywords */
.mw-highlight .nb {color: #ff5858;}

/* Text values, strings */
.mw-highlight .kc,
.mw-highlight .s1,
.mw-highlight .s2,
.mw-highlight .sx,
.mw-highlight .n {color: #03a503;}

/* Numeric values */
.mw-highlight .mi,
.mw-highlight .mf {color: #02abab; font-weight: bold;}

/* Units */
.mw-highlight .kt {color: #a57184;}

/* #Color values */
.mw-highlight .mh {color: #7d9c0e;}

/* !important */
.mw-highlight .cp {color: #F37F20;}


#searchlog th {
    background: var(--background-color);
}

#searchlog,
#searchlog th,
#searchlog td {
    border: 1px solid #808080;
}

/* Thumbnails */
html .thumbimage {
    background-color: transparent;
}

/* JSON */
.mw-json { color: #fff; }
.mw-json tr { background-color: rgba(105,105,105,0.2); }
.mw-json th { background-color: #000; }
.mw-json .value, .mw-json-single-value { background-color: #424242; }

/* Wikitable */
table.wikitable {
  background: transparent;
  border: none;
  color: #373737;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.wikitable th,
table.wikitable tr th,
table.wikitable > tr > th,
table.wikitable > * > tr > th {
  border: 1px solid #5a5a5a;
  background: rgba(128,128,128,0.5);
  color: var(--text-color);
}

table.wikitable td,
table.wikitable tr td,
table.wikitable > tr > td,
table.wikitable > * > tr > td {
  border: 1px solid #5a5a5a;
  background: transparent;
}

/* Match CategoryTree arrow color with theme */
.CategoryTreeToggle { color: #F37F20; }


.TablePager,
.mw-datatable,
table.mw_metadata {
    background-color: transparent;
    border: 1px solid #969696;
}

.TablePager th,
.mw-datatable th,
table.mw_metadata th {
    background-color: rgba(96, 96, 96, 0.5);
    border: 1px solid #969696;
    color: #ffffff;
}

.TablePager tr:hover td,
.mw-datatable tr:hover td {
    background-color: rgba(128,128,128, 0.3) !important;
    color: #ffffff;
}

.TablePager th a,
.mw-datatable th a,
table.mw_metadata th a {
    color: #FFFFFF !important;
}
 
.TablePager td,
.mw-datatable td,
table.mw_metadata td {
    background-color: transparent;
    border: 1px solid #969696;
}

.copyright-icon { filter:var(--filter); }

/* Fix for making areas more readable in either Hydra or Hydradark */
.bg-highlight {
    background-color: rgba(80, 80, 80, 0.2);
    border: 1px solid #080808;
}

/* Gamepedia images tweak */
/*
.gamepedia-icon {
    background-image: var(--gp-icon);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 500px;
    height: 111px;
}
*/

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

/* Expand section arrow tweak */
.mw-ui-icon.mw-ui-icon-before::before,
.mw-ui-icon.mw-ui-icon-element::before {
    filter: var(--filter);
}

/* Visual editor */
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
    filter: var(--filter);
}

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

/* Notifications */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
	background: inherit;
}

/* Special:BotPasswords */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
	background-color: inherit;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
	background-color: rgba(128,128,128,0.5);
}

div.mainavatar {
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
}

.ve-ui-mwSaveDialog-options {
    background-color: var(--background-color);
}

.ve-ui-mwSaveDialog-license {
    color: var(--text-color);
}

.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
    background-color: var(--background-color);
    border: 1px solid #383838;
    box-shadow: 0 2px 2px 0 rgba(128,128,128,0.4);
}

.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: var(--text-color);
}

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

.ve-ui-specialCharacterDialog .oo-ui-outlineOptionWidget,
.ve-ui-specialCharacterPage, 
.ve-ui-specialCharacterPage h3 { 
	color: var(--text-color);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(128,128,128,0.4);
}
.warning { color: #F37F20; }

table.zebra > tbody > tr:nth-child(2n) {background-color: rgba(128,128,128,0.2);}
.ve-init-mw-switchPopupWidget .oo-ui-checkboxInputWidget [type='checkbox']{ opacity:1; }

.interwiki-ru { font-family: Verdana, sans-serif; }
ol.references li:target, sup.reference:target { background-color: rgba(128,128,128,0.5); }

/* PageForms edit screen fix */
.skin-hydradark div.editSchemaSection .sectionHeader {
	    color: #000;
}

/***************************
* Used by [[Template:Key]] *
****************************/
/* Dark Wiki Variation */
.keysDark {
  color:black; 
  border: 1px solid rgb(170, 170, 170); 
  box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); 
  border-radius: .2em; 
  background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); 
  background-color: rgb(249, 249, 249); 
  padding: 0.1em 0.6em 0.1em 0.6em; 
  margin-right:2px; 
  font-size:85%; 
  font-family:inherit; 
  font-style:normal;
}

/* Light Wiki Variation */
.keysLight {
  color:white; 
  border: 1px solid rgb(0, 0, 0); 
  box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0); 
  border-radius: .2em; 
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30)); 
  background-color: rgb(30, 30, 30); 
  padding: 0.1em 0.6em 0.1em 0.6em; 
  margin-right:2px; 
  font-size:85%; 
  font-family:inherit; 
  font-style:normal;
}

/******************************
* End Template:Key coloration *
*******************************/
Retrieved from "https://rimworldwiki.com/index.php?title=User:Pangaea/vector.css&oldid=65536"