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

From RimWorld Wiki
Jump to navigation Jump to search
m
(test infobox width rule)
 
(36 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
.mobileonly {
 
.mobileonly {
 
     display: none;
 
     display: none;
 +
}
 +
 +
/* bigger editing screen by default */
 +
#wpTextbox1 {
 +
    height: 80vh;
 
}
 
}
  
Line 62: Line 67:
  
 
body {
 
body {
--background-color:#15191D;
+
--background-color: #15191D;
--content-background:transparent; /*        #212121; */
+
--content-background: transparent; /*        #212121; */
 
--filter:invert(1);
 
--filter:invert(1);
 
--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/38/Gamepedia_dark_transparent.png");
 
--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/38/Gamepedia_dark_transparent.png");
--header-color:transparent;    /*    #101010; */
+
--header-color: transparent;    /*    #101010; */
--heading-background:transparent;
+
--heading-background: transparent;
--heading-border:#F37F20;
+
--heading-border: #F37F20;
 
--heading-color: #B0E03B;
 
--heading-color: #B0E03B;
 
--main-heading-color: #B0E03B;
 
--main-heading-color: #B0E03B;
--message-background:#383838;
+
--message-background: #383838;
 
--sidebar-header: #E0E0E0;
 
--sidebar-header: #E0E0E0;
 
--sidebar-link: #E0E0E0;
 
--sidebar-link: #E0E0E0;
 
--text-color: #E0E0E0;
 
--text-color: #E0E0E0;
background: var(--background-color);
+
--border-color: #616C7A;
     background: #15191D url(https://rimworldwiki.com/images/9/97/BGPlanet.png) no-repeat fixed center top / 100% auto;
+
     background: #15191D url(https://rimworldwiki.com/images/8/8d/BGPlanet.jpg) no-repeat fixed center top / 100% auto;
 
     -webkit-background-size: cover;
 
     -webkit-background-size: cover;
 
     -moz-background-size: cover;
 
     -moz-background-size: cover;
Line 83: Line 88:
 
color: var(--text-color);
 
color: var(--text-color);
 
     font-family: var(--body-font);
 
     font-family: var(--body-font);
 +
}
 +
 +
/* hide the title on the wiki main page */
 +
body.page-Main_Page h1.firstHeading {
 +
    display: none;
 
}
 
}
  
Line 98: Line 108:
 
     font-family: var(--body-font);
 
     font-family: var(--body-font);
 
     color: var(--text-color);
 
     color: var(--text-color);
 +
}
 +
 +
/* testing, should reduce need for {{clear}} */
 +
div#content h1,
 +
div#content h2,
 +
div#content h3,
 +
div#content h4,
 +
div#content h5,
 +
div#content h6 {
 +
overflow: auto;
 
}
 
}
  
Line 104: Line 124:
 
   padding-top: 80px;
 
   padding-top: 80px;
 
   height: 1.25em;
 
   height: 1.25em;
 +
}
 +
 +
/*              testing */
 +
#mw-head-base {
 +
    display: none;
 
}
 
}
  
Line 119: Line 144:
 
div#mw-panel div.portal div.body ul li a:link,
 
div#mw-panel div.portal div.body ul li a:link,
 
div#mw-panel div.portal div.body ul li a:visited {
 
div#mw-panel div.portal div.body ul li a:visited {
     color: var(--sidebar-link);
+
     color: var(--sidebar-link) !important;
 
}
 
}
  
Line 138: Line 163:
 
/* Logo */
 
/* Logo */
 
#p-logo a {
 
#p-logo a {
background-size:contain;
+
/* background-size:contain;
/*    width: 500px;
+
    width: 500px;
 
     height: 80px;  
 
     height: 80px;  
 
*/
 
*/
Line 146: Line 171:
  
  
/*                        Comment out temporarily*/
+
/*                        Comment out temporarily
  
 
div.vectorTabs,
 
div.vectorTabs,
Line 173: Line 198:
 
background-color: var(--content-background);  
 
background-color: var(--content-background);  
 
}
 
}
 +
/*  end      */
 +
 
div#content {  
 
div#content {  
 
margin-top: -0.4em; /* testing, before  0.1em; */
 
margin-top: -0.4em; /* testing, before  0.1em; */
Line 204: Line 231:
 
#p-search div#simpleSearch {
 
#p-search div#simpleSearch {
 
     border-radius: 4px;
 
     border-radius: 4px;
 +
    width: 12em;
 
}
 
}
 
div.vectorMenu h3 span::after {
 
div.vectorMenu h3 span::after {
Line 219: Line 247:
  
 
#right-navigation {
 
#right-navigation {
     margin-right: 5.5em;
+
     margin-right: 1em; /* was 5.5em */
 
}
 
}
  
Line 263: Line 291:
 
.vectorTabs li a span,
 
.vectorTabs li a span,
 
div.vectorMenu h3 span {
 
div.vectorMenu h3 span {
     color: #c0c0c0;
+
     color: #c0c0c0 !important;
 
     font-weight: bold;
 
     font-weight: bold;
 
}
 
}
Line 286: Line 314:
 
     font-weight: bold;
 
     font-weight: bold;
 
     margin-top: -2px;      /*testing */
 
     margin-top: -2px;      /*testing */
}
 
 
div#p-sharing .menu {
 
    background-color: #000000;
 
    box-shadow: 0 0.1em 0.75em #d5d4d4;
 
    margin-left: 45px;
 
    min-width: 0px;
 
    width: 48px;
 
}
 
 
#p-sharing #socialIconImages img {
 
    width: 100%;
 
}
 
 
#p-sharing #socialIconImages a {
 
    width: 40px;
 
 
}
 
}
  
Line 363: Line 375:
 
     box-shadow: 0 0.1em 0.75em #d5d4d4;
 
     box-shadow: 0 0.1em 0.75em #d5d4d4;
 
}
 
}
 
+
/*          what does this do?  */
 
div#mw-head div.vectorMenu li a {
 
div#mw-head div.vectorMenu li a {
 
     color: #7AB1CC;
 
     color: #7AB1CC;
Line 398: Line 410:
  
 
.catlinks {
 
.catlinks {
     background-color: #15191D;
+
     background-color: var(--background-color);
    background-image: -moz-linear-gradient(center top , #15191D 60%, #000000 100%) repeat scroll 0 0;
+
/*    background-image: -moz-linear-gradient(center top , #15191D 60%, #000000 100%) repeat scroll 0 0;
 
     background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#6ba70d), color-stop(100%,#000000));
 
     background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#6ba70d), color-stop(100%,#000000));
 
     background-image: -webkit-linear-gradient(top, #15191D 60%, #000000 100%);
 
     background-image: -webkit-linear-gradient(top, #15191D 60%, #000000 100%);
 
     background-image: -o-linear-gradient(top, #15191D 60%, #000000 100%);
 
     background-image: -o-linear-gradient(top, #15191D 60%, #000000 100%);
 
     background-image: -ms-linear-gradient(top, #15191D 60%, #000000 100%);
 
     background-image: -ms-linear-gradient(top, #15191D 60%, #000000 100%);
     background-image: linear-gradient(to bottom, #15191D 60%, #000000 100%);
+
     background-image: linear-gradient(to bottom, #15191D 60%, #000000 100%);*/
 
     border: 1px solid #404040;
 
     border: 1px solid #404040;
 
     margin-bottom: 5px;
 
     margin-bottom: 5px;
Line 411: Line 423:
 
/* Footer */
 
/* Footer */
 
div#footer ul li {
 
div#footer ul li {
     color: #E0E0E0;
+
     color: var(--text-color);
 
}
 
}
  
Line 789: Line 801:
 
}
 
}
  
 +
/* E0E0E0 is the actual colour, in the bottom line */
 
ul {
 
ul {
 
     list-style-type: disc;
 
     list-style-type: disc;
Line 797: Line 810:
 
.mw-code,
 
.mw-code,
 
code {
 
code {
   border: 1px dashed #696969;
+
   border: 1px dashed #616C7A;
 
   border-radius: 4px;
 
   border-radius: 4px;
 
   background: rgba(171,171,171,0.1);
 
   background: rgba(171,171,171,0.1);
Line 803: Line 816:
 
   white-space: pre-wrap;
 
   white-space: pre-wrap;
 
   word-wrap: break-word;
 
   word-wrap: break-word;
 +
  overflow: auto;
 
}
 
}
 
pre code {
 
pre code {
Line 817: Line 831:
 
div.toc,
 
div.toc,
 
div#toc,
 
div#toc,
/* .tocnumber,          inserted */
 
 
div.mw-warning,
 
div.mw-warning,
 
.toccolours {
 
.toccolours {
   border-color: #5d5d5d;
+
   border-color: var(--border-color);
 
   background: var(--background-color);
 
   background: var(--background-color);
 
   color: var(--text-color);
 
   color: var(--text-color);
Line 828: Line 841:
 
.tocnumber {
 
.tocnumber {
 
color: var(--text-color);
 
color: var(--text-color);
 +
}
 +
 +
ul#filetoc {
 +
    background-color: var(--background-color);
 +
    border: 1px solid #616C7A;
 
}
 
}
  
  
 
/* Anchors */
 
/* Anchors */
a,
+
a,  
 
a:link,
 
a:link,
 
a:active,
 
a:active,
 
a:visited,
 
a:visited,
a.external,
 
a.external:visited,
 
a.extiw,
 
a.extiw:visited,
 
 
div#content a.extiw,
 
div#content a.extiw,
 
div#content a.extiw:visited,
 
div#content a.extiw:visited,
 
div#content a.external,  
 
div#content a.external,  
 
div#content a.external:visited,
 
div#content a.external:visited,
#global-wrapper #mw-indicator-mw-helplink a,
+
.external a,
#global-wrapper #preftoc a,
+
.external a:link,
#global-wrapper #preftoc a:active {
+
.external a:active,
     color: #F37F20 !important;
+
.external a:visited,
 +
#mw-indicator-mw-helplink a {
 +
     color: #E6D404 !important; /*yellow-ish link colour */
 
}
 
}
  
Line 921: Line 937:
  
  
.ambox {
+
.ambox,
 +
table.ambox {
 
     background-color: #282828;
 
     background-color: #282828;
 
     border-bottom-color: #383838;
 
     border-bottom-color: #383838;
Line 999: Line 1,016:
  
  
/* Navbox template style */
+
/* Navboxes in general */
/* Navbox container style */
+
/* Lore navboxes */
.navbox {
+
 
     border: 1px solid #9F6A00;
+
.navbox_title {
 +
    background: #4A040A;
 +
    color: #ffffff;
 +
    font-size:90%;
 +
}
 +
 
 +
/* Newer Navbox template style */
 +
table.navbox {
 +
     border: 1px solid #676767;
 +
    clear: both;
 
     font-size: 88%;
 
     font-size: 88%;
    text-align: center;
 
    width: 100%;
 
 
     margin: auto;
 
     margin: auto;
 
     padding: 1px;
 
     padding: 1px;
     clear: both;
+
     text-align: center;
 +
    width: 100%;  
 
}
 
}
  
.navbox-inner,
+
/* Border between adjacent navboxes */
.navbox-subgroup {
+
table.navbox + table.navbox {
     width: 100%;
+
     margin-top: -1px;
 
}
 
}
  
/* Title, group and above/below styles */
 
.navbox-group,
 
 
.navbox-title,
 
.navbox-title,
.navbox-abovebelow {
+
.navbox-abovebelow,
     text-align: center;
+
table.navbox th {
     padding: 0.25em 1em;
+
     padding-left: 1em;
     line-height: 1.5em;
+
     padding-right: 1em;
 +
     text-align: center;
 
}
 
}
  
/* Group style */
+
.navbox-group {
th.navbox-group {
+
    font-weight: bold;
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 
     white-space: nowrap;
 
     white-space: nowrap;
    /* @noflip */
 
    text-align: right;
 
 
}
 
}
  
.navbox,
+
/* Base background */
.navbox-subgroup {
+
.navbox, .navbox-subgroup {
     background-color: transparent;
+
     background: #0f0f0f;
 
}
 
}
  
 
.navbox-list {
 
.navbox-list {
    line-height: 1.8em;
+
     border-color: #0f0f0f;   /* Must match background color */
     border-color: transparent; /* Must match background color */
 
 
}
 
}
  
 
/* Level 1 color */
 
/* Level 1 color */
.navbox th,
+
.navbox-title,
.navbox-title {
+
table.navbox th {
     background-color: #282828;
+
     background: var(--background-color);
    border: 0 solid #9F6A00;
+
     color: #fff;
     color: #FFFFFF;
 
 
}
 
}
  
/* Level 2 color */
+
/* Level 2 styling */
 
.navbox-abovebelow,
 
.navbox-abovebelow,
th.navbox-group,
+
.navbox-group,
 
.navbox-subgroup .navbox-title {
 
.navbox-subgroup .navbox-title {
     background: #282828;
+
     background: #1c1b1b;
 +
    color: #fff;
 
}
 
}
  
/* Level 3 color */
+
/* Level 3 styling */
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-abovebelow {
 
.navbox-subgroup .navbox-abovebelow {
     background: #444444;
+
     background: #242222;
}
+
     color: #fff;
 
 
/* Odd row striping */
 
.navbox-odd {
 
     background: transparent;
 
 
}
 
}
  
 
/* Even row striping */
 
/* Even row striping */
 
.navbox-even {
 
.navbox-even {
     background-color: rgba(128,128,128,0.3);
+
     background: #1C1E20;
 +
    color: #fff;
 
}
 
}
  
/* Single pixel border between adjacent navboxes */
+
/* Odd row striping */
table.navbox + table.navbox {
+
.navbox-odd {
     margin-top: -1px;
+
    background: transparent;
 +
}
 +
 +
.collapseButton {
 +
     font-weight: normal;
 +
    width: auto;
 
}
 
}
  
/* Default styling for Navbar template */
+
.navbox .collapseButton {
 +
    width: 6em;
 +
}
 +
 
.navbar {
 
.navbar {
 
     font-size: 88%;
 
     font-size: 88%;
Line 1,084: Line 1,112:
 
}
 
}
  
/* Navbar styling when nested in infobox and navbox */
 
 
.navbox .navbar {
 
.navbox .navbar {
    display: block;
 
 
     font-size: 100%;
 
     font-size: 100%;
}
 
 
.navbox-title .navbar {
 
 
     float: left;
 
     float: left;
    text-align: left;
 
    margin-right: 0.5em;
 
    width: 6em;
 
 
}
 
}
 
+
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
+
table.collapsed tr.collapsible {
.mw-collapsible-toggle {
+
     display: none;
     font-weight: normal;
 
    /* @noflip */
 
    text-align: right;
 
 
}
 
}
 +
/* End of new Navbox styling */
  
.navbox .mw-collapsible-toggle {
 
    width: 6em;
 
}
 
 
/* .navbox .mw-collapsible-toggle a, */
 
.wikitable .mw-collapsible-toggle a {
 
    color: #F58120 !important;
 
}
 
  
 
.template-documentation {
 
.template-documentation {
Line 1,155: Line 1,165:
 
}
 
}
  
fieldset { border-color: #F37F20; }
+
.infobox img {
#global-wrapper #preferences legend { color: #F37F20; }
+
max-width: 250px;
.client-js #preferences fieldset { background: none; }
+
}
 +
 
 +
/* old infoboxes above */
  
  
/* Copied from Witcher 3 wiki */
+
/* Imported infobox code from Witcher 3, remove unneeded stuff later */
/* Preferences */
+
/* INFOBOXES: game or book depended color style */
#preftoc {
+
/*.infoboxtable {
     background-color: #1C1E20;
+
    background: #000000;
     border: 0px;
+
    background-image: -moz-linear-gradient(center top, #1A1D20 60%, #0A0B0C 100%);
     margin: 0 0 4px !important;
+
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#1A1D20), color-stop(100%,#0A0B0C));
 +
    background-image: -webkit-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
 +
    background-image: -o-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
 +
    background-image: -ms-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
 +
    background-image: linear-gradient(to bottom, #1A1D20 60%, #0A0B0C 100%);
 +
    border: 1px solid #404040;
 +
    color: #ffffff;
 +
    float: right;
 +
    font-size: 89%;
 +
    margin-bottom: 0.5em;
 +
    margin-left: 1em;
 +
    padding: 0.2em;
 +
    width: 300px;
 +
}*/
 +
 
 +
/* TESTING (original above) */
 +
.infoboxtable {
 +
     background: #15191D;
 +
    background-image: -moz-linear-gradient(center top, #1A1D20 60%, #0A0B0C 100%);
 +
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#1A1D20), color-stop(100%,#0A0B0C));
 +
    background-image: -webkit-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
 +
    background-image: -o-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
 +
    background-image: -ms-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
 +
    background-image: linear-gradient(to bottom, #15191D 60%, #232323 100%);  
 +
     border: 1px solid #404040;
 +
    color: #E6E6E6;
 +
    float: right;
 +
    font-size: 89%;  
 +
     margin-bottom: 0.5em;
 +
    margin-left: 1em;
 +
    padding: 0.2em;
 +
    width: 300px;
 
}
 
}
  
#preftoc,
+
/* yet more testing */
#preftoc li, 
+
.infoboxtable .value {
#preferences,
 
#preftoc li a {
 
    background-image: none;
 
 
     background-color: transparent;
 
     background-color: transparent;
     color: #666666;
+
     border: 1px solid #616C7A;
 +
    text-align: center;
 +
/*    color: #ffffff;
 +
    padding: 0px 2px;
 +
    font-weight: normal;*/
 
}
 
}
  
#preftoc li.selected a {
+
.infoboxtable th img {
     background-color: #1C1E20;
+
     filter: drop-shadow(0px 0px 5px white);
    background-image: none;
 
    border-color: #404040 #404040 #1c1e20;
 
    border-style: solid;
 
    border-width: 1px;
 
    color: #FFFFFF;
 
 
}
 
}
  
#preferences {
+
.infoboxtable th.gradient,
     background-color: #1C1E20;
+
.infoboxtable td.gradient,
     border: 1px solid #404040;
+
table td.gradient {
 +
     background-image: radial-gradient(closest-side,#ccc 10%,#15191D);
 +
}
 +
 
 +
.infoboxtable td {
 +
     vertical-align: top;
 
}
 
}
  
#preferences fieldset {
+
.infoboxtable td > div {
     border-color: #404040;
+
    background-color: rgb(41, 43, 46);
 +
     border-radius: 5px;
 +
    font-weight: bold;
 +
    padding: 0.5px 7px;
 +
    text-align: right;
 
}
 
}
  
#preferences legend {
+
.infoboxname {
     color: #e0e0e0;
+
     font-size: 110%;
 +
    font-weight: bold;
 +
    padding: 0.5em;  
 
}
 
}
  
/* page history */
+
/* Infobox-Icons */
.mw-changeslist-legend {
+
div.icons {
     border: 1px solid #404040;
+
    display: table-cell;
 +
    vertical-align: middle;
 +
     text-align: center;
 
}
 
}
  
#pagehistory li {
+
div.icons img,
     background-color: transparent;
+
div.icons span {
    border: 1px solid #404040;
+
     display: inline-block;
     padding: 3px;
+
}
 +
 
 +
div.icons span {
 +
     width: 280px;
 
}
 
}
  
#pagehistory li.selected {
+
div.icons img {
     background-color: #000000;
+
     margin-top: -0.5em;
     background-image: none;
+
     margin-bottom: -0.5em;
    border: 1px dashed #404040;
 
    padding: 3px;
 
 
}
 
}
 +
/* end Infobox-Icons */
  
table.diff,
+
.infoboxdetails,
td.diff-otitle,
+
.infoboxdescription {
.td.diff-ntitle {
+
     padding: 0em;
     background: none repeat scroll 0 0 transparent;
 
 
}
 
}
  
.diff-addedline {
+
.infoboxname,
border-color: #0c5500;
+
.infoboxdetails,
 +
.infoboxdescription {
 +
    background: #15191D;
 +
    background-image: -moz-linear-gradient(center top, #C0C0C0 0%, #505050 100%);
 +
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#C0C0C0), color-stop(100%,#505050));
 +
    background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #505050 100%);
 +
    background-image: -o-linear-gradient(top, #C0C0C0 0%, #505050 100%);
 +
    background-image: -ms-linear-gradient(top, #C0C0C0 0%, #505050 100%);
 +
    background-image: linear-gradient(to bottom, #6A512E 0%, #15191D 100%);
 +
    color: #E6E6E6;
 +
    /* extra from org */
 +
    text-align: center;
 +
font-weight: bold;
 
}
 
}
.diff-addedline .diffchange {
+
 
background: #0c5500;
+
/* Collapsing sections in infoboxes */
 +
.section-collapse {
 +
    border-color: #ffffff;
 +
    border-style: solid;
 +
    border-width: 2px 2px 0 0;
 +
    content: "";
 +
    cursor: pointer;
 +
    display: inline-block;
 +
    height: 7px;
 +
    margin-right: 5px;
 +
    position: relative;
 +
    right: 0;
 +
    top: 5px;
 +
    transform: rotate(-45deg);
 +
    vertical-align: middle;
 +
    width: 7px;
 
}
 
}
.diff-deletedline {
+
 
border-color: #bb000a;
+
.section-collapsed {
 +
    display: none;
 
}
 
}
.diff-deletedline .diffchange {
+
 
background: #bb000a;
+
.collapsed-icon {
}
+
  margin-top: -2px;
td.diff-context {
+
  transform: rotate(135deg);
    background: none repeat scroll 0 0 transparent;
 
    color: #c0c0c0;
 
 
}
 
}
 +
/* End infobox import W3 */
  
.usermessage > a {
+
 
    color: #008000;
+
fieldset {
 +
border-color: var(--border-color);
 +
}
 +
#global-wrapper #preferences legend {
 +
color: #F37F20;  
 
}
 
}
 
+
.client-js #preferences fieldset {
div#mw-js-message {
+
background: none;
    background-color: #000000;
 
    border: 1px solid #7AB1CC;
 
 
}
 
}
/* end from Witcher 3 wiki */
 
  
  
 
+
/* Copied from Witcher 3 wiki */
/* Copied from Witcher 3 */
+
/* Preferences */
/* messages and popups */
+
#preftoc {
div.noarticletext {
+
     background-color: #1C1E20;
     background: none repeat scroll 0 0 #1C1E20;
+
     border: 0px;
     border: 1px solid #434647;
+
     margin: 0 0 4px !important;
     color: #D5D4D4;
 
    padding: 0.2em 1em;
 
 
}
 
}
  
/* colour fix for advanced search options box */
+
#preftoc,
fieldset#mw-searchoptions {
+
#preftoc li, 
     background-color: #000000;
+
#preferences,
     border-color: #7AB1CC !important;
+
#preftoc li a {
}
+
     background-image: none;
 
+
     background-color: transparent;
.mw-search-profile-tabs {
+
     color: #666666;
     background-color: #000000;
 
    border: 1px solid #7AB1CC;
 
    margin-top: 1em;
 
 
}
 
}
  
.mw-search-profile-tabs div.search-types ul li.current a {
+
#preftoc li.selected a {
 +
    background-color: #1C1E20;
 +
    background-image: none;
 +
    border-color: #404040 #404040 #1c1e20;
 +
    border-style: solid;
 +
    border-width: 1px;
 
     color: #FFFFFF;
 
     color: #FFFFFF;
 
}
 
}
  
div.mw-warning-with-logexcerpt {
+
#preferences {
     border: 2px solid #7AB1CC;
+
    background-color: #1C1E20;
 +
     border: 1px solid #404040;
 
}
 
}
  
.not-patrolled {
+
#preferences fieldset {
     background-color: #454545;
+
     border-color: #404040;
 
}
 
}
  
.usermessage > a {
+
#preferences legend {
     color: #008000;
+
     color: #e0e0e0;
 
}
 
}
  
div#mw-js-message {
+
/* page history */
     background-color: #000000;
+
.mw-changeslist-legend,
     border: 1px solid #7AB1CC;
+
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
 +
     border: 1px solid #404040;
 +
     background-color: transparent;
 
}
 
}
  
/* MsUpload color fixes */
+
#pagehistory li {
#msupload-list .file .file-name:hover {
+
     background-color: transparent;
     background-color: rgba(0, 0, 0, 0.5);
+
    border: 1px solid #404040;
 +
    padding: 3px;
 
}
 
}
  
.msupload-check-span {
+
#pagehistory li.selected {
     color: #E0E0E0;
+
    background-color: var(--background-color);
 +
    background-image: none;
 +
     color: var(--text-color);
 +
    border: 1px dashed #616C7A;
 +
    padding: 3px;
 
}
 
}
  
/* Notifications */
+
table.diff,
.mw-echo-ui-notificationItemWidget:hover {
+
td.diff-otitle,
     background-color: #303030;
+
.td.diff-ntitle {
 +
     background: none repeat scroll 0 0 transparent;
 
}
 
}
  
.mw-echo-ui-notificationItemWidget-unread:hover {
+
.diff-addedline {
background-color: #404040;
+
border-color: #0c5500;
 +
}
 +
.diff-addedline .diffchange {
 +
background: #0c5500;
 +
}
 +
.diff-deletedline {
 +
border-color: #bb000a;
 +
}
 +
.diff-deletedline .diffchange {
 +
background: #bb000a;
 +
}
 +
td.diff-context {
 +
    background: none repeat scroll 0 0 transparent;
 +
    color: #c0c0c0;
 +
    border-color: #616C7A;
 
}
 
}
  
.mw-notification,
+
.usermessage > a {
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
+
     color: #008000;
     background-color: #000000;
 
 
}
 
}
  
.autocomment {
+
div#mw-js-message {
     color: #EFEFEF;
+
     background-color: #000000;
 +
    border: 1px solid #616C7A;
 
}
 
}
/* end from Witcher 3 */
+
/* end from Witcher 3 wiki */
  
  
  
/* [[Template:Message]] */
+
/* Copied from Witcher 3 */
table.gpmbox {
+
/* messages and popups */
     background:var(--message-background);
+
div.noarticletext {
     color:var(--text-color);
+
     background: none repeat scroll 0 0 #1C1E20;
 +
    border: 1px solid #434647;
 +
     color: #D5D4D4;
 +
    padding: 0.2em 1em;
 
}
 
}
  
.scalable img, img.scalable {
+
/* colour fix for advanced search options box */
     max-width: 100%;
+
fieldset#mw-searchoptions {
     height:auto;
+
     background-color: var(--background-color);
 +
     border-color: var(--border-color) !important;
 
}
 
}
  
/* class for adding a contrasting glow to an image */
+
.mw-search-profile-tabs {
.glow {
+
     background-color: var(--background-color);
     background: rgba(0,0,0,0);
+
     border: 1px solid #616C7A;
     -webkit-filter: drop-shadow(0px 0px 10px #666);
+
     margin-top: 1em;
     filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
 
 
}
 
}
  
/* Added and removed character counts */
+
.mw-search-profile-tabs div.search-types ul li.current a {
.mw-plusminus-neg {
+
    color: #FFFFFF;
     color: #da2d2d;
+
}
 +
 
 +
div.mw-warning-with-logexcerpt {
 +
     border: 2px solid #7AB1CC;
 
}
 
}
  
.mw-plusminus-pos {
+
.not-patrolled {
     color: #039603;
+
     background-color: #454545;
 
}
 
}
  
  
/*                     Apparently for Extension:SyntaxHighlight */
+
/* MsUpload color fixes */
/* GeSHi syntax highlighting */
+
#msupload-list .file .file-name:hover {
.mw-highlight .kw1 {
+
     background-color: rgba(0, 0, 0, 0.5);
     color: var(--text-color);
 
    font-weight: bold;
 
 
}
 
}
  
.mw-highlight .nf {
+
.msupload-check-span {
     color: #02abab;
+
     color: var(--text-color);
 
}
 
}
  
 +
/* Notifications */
 +
.mw-echo-ui-notificationItemWidget:hover {
 +
    background-color: #303030;
 +
}
  
/* Operators */
+
.mw-echo-ui-notificationItemWidget-unread:hover {
.mw-highlight .p,
+
background-color: #404040;
.mw-highlight .o {color: var(--text-color); font-weight: bold;}
+
}
 
 
/* Comments */
 
.mw-highlight .c {color: #8d9e6b; font-weight: bold;}
 
  
/* HTML Tags */
+
.mw-notification,
.mw-highlight .nt {color: #89a228;}
+
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
 +
    background-color: #000000;
 +
}
  
/* IDs */
+
.autocomment {
.mw-highlight .nn {color: #9a9ac3;}
+
    color: #EFEFEF;
 +
}
 +
/* end from Witcher 3 */
  
/* Classes */
 
.mw-highlight .nc {color: #7676ff;}
 
  
/* Pseudo-classes */
 
.mw-highlight .nd {color: #cf82ff;}
 
  
/* Properties */
+
/* [[Template:Message]] */
.mw-highlight .k,
+
table.gpmbox {
.mw-highlight .kp {color: var(--text-color); font-weight: normal;}
+
    background:var(--message-background);
 +
    color:var(--text-color);
 +
}
  
/* Keywords */
+
.scalable img, img.scalable {
.mw-highlight .nb {color: #ff5858;}
+
    max-width: 100%;
 +
    height:auto;
 +
}
  
/* Text values, strings */
+
/* class for adding a contrasting glow to an image */
.mw-highlight .kc,
+
.glow {
.mw-highlight .s1,
+
    background: rgba(0,0,0,0);
.mw-highlight .s2,
+
    -webkit-filter: drop-shadow(0px 0px 10px #666);
.mw-highlight .sx,
+
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
.mw-highlight .n {color: #03a503;}
+
}
  
/* Numeric values */
+
/* Added and removed character counts */
.mw-highlight .mi,
+
.mw-plusminus-neg {
.mw-highlight .mf {color: #02abab; font-weight: bold;}
+
    color: #da2d2d;
 +
}
  
/* Units */
+
.mw-plusminus-pos {
.mw-highlight .kt {color: #a57184;}
+
    color: #039603;
 +
}
  
/* #Color values */
 
.mw-highlight .mh {color: #7d9c0e;}
 
  
/* !important */
+
/*                     Apparently for Extension:SyntaxHighlight */
.mw-highlight .cp {color: #F37F20;}
+
/* GeSHi syntax highlighting */
 +
.mw-highlight .kw1 {
 +
    color: var(--text-color);
 +
    font-weight: bold;
 +
}
  
 +
.mw-highlight .nf {
 +
    color: #02abab;
 +
}
  
#searchlog th {
 
    background: var(--background-color);
 
}
 
  
#searchlog,
+
/* Operators */
#searchlog th,
+
.mw-highlight .p,
#searchlog td {
+
.mw-highlight .o {color: var(--text-color); font-weight: bold;}
    border: 1px solid #808080;
 
}
 
  
/* Thumbnails */
+
/* Comments */
html .thumbimage {
+
.mw-highlight .c {color: #8d9e6b; font-weight: bold;}
    background-color: transparent;
 
}
 
  
/* JSON */
+
/* HTML Tags */
.mw-json { color: #fff; }
+
.mw-highlight .nt {color: #89a228;}
.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 */
+
/* IDs */
table.wikitable {
+
.mw-highlight .nn {color: #9a9ac3;}
  background: transparent;
 
  border: none;
 
  color: #373737;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
  
table.wikitable th,
+
/* Classes */
table.wikitable tr th,
+
.mw-highlight .nc {color: #7676ff;}
table.wikitable > tr > th,
+
 
table.wikitable > * > tr > th {
+
/* Pseudo-classes */
  border: 1px solid #5a5a5a;
+
.mw-highlight .nd {color: #cf82ff;}
  background: rgba(128,128,128,0.5);
+
 
  color: var(--text-color);
+
/* Properties */
}
+
.mw-highlight .k,
 
+
.mw-highlight .kp {color: var(--text-color); font-weight: normal;}
table.wikitable td,
+
 
table.wikitable tr td,
+
/* Keywords */
table.wikitable > tr > td,
+
.mw-highlight .nb {color: #ff5858;}
table.wikitable > * > tr > td {
+
 
  border: 1px solid #5a5a5a;
+
/* Text values, strings */
  background: transparent;
+
.mw-highlight .kc,
}
+
.mw-highlight .s1,
 
+
.mw-highlight .s2,
/* Match CategoryTree arrow color with theme */
+
.mw-highlight .sx,
.CategoryTreeToggle { color: #F37F20; }
+
.mw-highlight .n {color: #03a503;}
 
+
 
 
+
/* Numeric values */
.TablePager,
+
.mw-highlight .mi,
.mw-datatable,
+
.mw-highlight .mf {color: #02abab; font-weight: bold;}
table.mw_metadata {
+
 
     background-color: transparent;
+
/* Units */
     border: 1px solid #969696;
+
.mw-highlight .kt {color: #a57184;}
}
+
 
 
+
/* #Color values */
.TablePager th,
+
.mw-highlight .mh {color: #7d9c0e;}
.mw-datatable th,
+
 
table.mw_metadata th {
+
/* !important */
     background-color: rgba(96, 96, 96, 0.5);
+
.mw-highlight .cp {color: #F37F20;}
    border: 1px solid #969696;
+
 
     color: #ffffff;
+
 
}
+
#searchlog th {
 
+
    background: var(--background-color);
.TablePager tr:hover td,
+
}
.mw-datatable tr:hover td {
+
 
     background-color: rgba(128,128,128, 0.3) !important;
+
#searchlog,
     color: #ffffff;
+
#searchlog th,
}
+
#searchlog td {
 
+
    border: 1px solid #808080;
.TablePager th a,
+
}
.mw-datatable th a,
+
 
table.mw_metadata th a {
+
/* Thumbnails */
     color: #FFFFFF !important;
+
html .thumbimage {
}
+
    background-color: transparent;
+
}
.TablePager td,
+
 
.mw-datatable td,
+
/* JSON */
table.mw_metadata td {
+
.mw-json { color: #fff; }
     background-color: transparent;
+
.mw-json tr { background-color: rgba(105,105,105,0.2); }
     border: 1px solid #969696;
+
.mw-json th { background-color: #000; }
}
+
.mw-json .value, .mw-json-single-value { background-color: #424242; }
 
+
 
.copyright-icon { filter:var(--filter); }
+
 
 
+
/* Wikitable */
/* Fix for making areas more readable in either Hydra or Hydradark */
+
/* ======= Table Styles  ============== */
.bg-highlight {
+
 
     background-color: rgba(80, 80, 80, 0.2);
+
table.wikitable,
     border: 1px solid #080808;
+
table.cargoTable,
}
+
table.TablePager,
 
+
table.mw_metadata,
/* Gamepedia images tweak */
+
table.mw_metadata td,
/*
+
table.mw-abuselog-details {
 +
    border: 1px solid #616C7A;
 +
    color: var(--text-color);
 +
    border-spacing: 0;
 +
    padding: 0;
 +
    background: transparent;
 +
}
 +
 
 +
table.dataTable thead .sorting_asc {}
 +
table.dataTable thead .sorting_desc {}
 +
 
 +
table.wikitable > tr > th,
 +
table.wikitable > * > tr > th,
 +
table.cargoTable > tr > th,
 +
table.cargoTable > * tr > th,
 +
table.TablePager th,
 +
table.mw_metadata th,
 +
table.mw-abuselog-details th {  
 +
    background-color: transparent;
 +
    color: var(--text-color);
 +
}
 +
 
 +
table.wikitable > tr > th,
 +
table.wikitable > tr > td,
 +
table.wikitable > * > tr > th,
 +
table.wikitable > * > tr > td,
 +
table.cargoTable > tr > th,
 +
table.cargoTable > tr > td,
 +
table.cargoTable > * > tr > th,
 +
table.cargoTable > * > tr > td,
 +
table.TablePager td,
 +
table.TablePager th,
 +
table.mw_metadata td,
 +
table.mw_metadata th,
 +
table.mw-abuselog-details td,
 +
table.mw-abuselog-details th {  
 +
    border: 1px solid #616C7A;
 +
}
 +
 
 +
table.wikitable:not(.jquery-tablesorter) tr:nth-child(even) td,
 +
table.wikitable.jquery-tablesorter tbody tr:nth-child(odd) td,
 +
table.cargoTable:not(.jquery-tablesorter) tr:nth-child(even) td,
 +
table.cargoTable.jquery-tablesorter tbody tr:nth-child(odd) td {
 +
     background-color: rgba(114,70,8,.1);
 +
}
 +
 
 +
table.wikitable tr:nth-child(even) {
 +
     background: rgba(0,0,0,0.5);
 +
}
 +
table.wikitable tr:nth-child(odd) {
 +
    background: transparent;
 +
}
 +
 
 +
table.cargoTable tr:nth-child(even),
 +
table.cargoTable.noMerge tr:nth-child(even) {
 +
     background: rgba(0,0,0,0.5);
 +
}
 +
table.cargoTable tr:nth-child(odd),
 +
table.cargoTable.noMerge tr:nth-child(odd){
 +
     background: transparent;
 +
}
 +
 
 +
.TablePager tr:hover td {
 +
    background-color: rgba(255,255,255,.1);
 +
}
 +
 
 +
 
 +
/* --- Table sections --- */
 +
 
 +
table.wikitable > tr > th.section,
 +
table.wikitable > * > tr > th.section,
 +
table.cargoTable > tr > th.section,
 +
table.cargoTable > * > tr > th.section {
 +
     background-color: rgba(42,26,3,0.6);
 +
     color: #DCC086;
 +
    font-style: italic;
 +
    position: relative;
 +
    font-family: "EBGaramond12-Regular" !important;
 +
}
 +
 
 +
table.wikitable th.section a,
 +
table.cargoTable th.section a {
 +
     color: #c28042 !important;
 +
}
 +
 
 +
table.wikitable th.section .sidenote,
 +
table.cargoTable th.section .sidenote  {
 +
     position: absolute;
 +
    right: 1em;
 +
    bottom: 0.5em;
 +
    font-size: 11px;
 +
    font-weight: normal;
 +
     color:#BDA472;
 +
}
 +
 
 +
 
 +
.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 {
 
.gamepedia-icon {
 
     background-image: var(--gp-icon);
 
     background-image: var(--gp-icon);
Line 1,549: Line 1,758:
 
}
 
}
  
 +
/* delay before this takes effect, so try to fix it */
 
.mw-ui-button.mw-ui-quiet:hover {
 
.mw-ui-button.mw-ui-quiet:hover {
 
 
     background-color: #2D3034;
 
     background-color: #2D3034;
 
}
 
}
Line 1,629: Line 1,838:
 
.ve-init-mw-switchPopupWidget .oo-ui-checkboxInputWidget [type='checkbox']{ opacity:1; }
 
.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); }
 
ol.references li:target, sup.reference:target { background-color: rgba(128,128,128,0.5); }
  
 
/* PageForms edit screen fix */
 
/* PageForms edit screen fix */
.skin-hydradark div.editSchemaSection .sectionHeader {
+
div.editSchemaSection .sectionHeader {
 
    color: #000;
 
    color: #000;
 
}
 
}
Line 1,673: Line 1,881:
 
* End Template:Key coloration *
 
* End Template:Key coloration *
 
*******************************/
 
*******************************/
 +
 +
 +
/* Community Portal */
 +
.communityportal {
 +
background: transparent;
 +
}
 +
 +
.cp-header {
 +
    background: rgba(243,127,32,0.3);
 +
    color: var(--text-color);
 +
}

Latest revision as of 23:22, 18 November 2022

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

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

/* bigger editing screen by default */
#wpTextbox1 {
    height: 80vh;
}

/* 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: transparent; /*         #212121; */
	--filter:invert(1);
	--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/38/Gamepedia_dark_transparent.png");
	--header-color: transparent;    /*     #101010; */
	--heading-background: transparent;
	--heading-border: #F37F20;
	--heading-color: #B0E03B;
	--main-heading-color: #B0E03B;
	--message-background: #383838;
	--sidebar-header: #E0E0E0;
	--sidebar-link: #E0E0E0;
	--text-color: #E0E0E0;
	--border-color: #616C7A;
    background: #15191D url(https://rimworldwiki.com/images/8/8d/BGPlanet.jpg) no-repeat fixed center top / 100% auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: var(--text-color);
    font-family: var(--body-font);
}

/* hide the title on the wiki main page */
body.page-Main_Page h1.firstHeading {
    display: none;
}

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);
    color: var(--text-color);
}

/* testing, should reduce need for {{clear}} */
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
	overflow: auto;
}

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

/*              testing */
#mw-head-base {
    display: none;
}

/* Sidebar */

div#mw-panel div.portal,
#mw-panel.collapsible-nav div.portal {
    background-image: none;
    background: rgba(0,0,0,0.4);
	margin: 5px;
	padding-top: 5px;
}

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) !important;
}

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;
}


/*                        Comment out temporarily

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); 
}
/*  end       */

div#content { 
	margin-top: -0.4em; /* testing, before   0.1em; */
	border: none;
	background: rgba(0,0,0,0.80);
	color: #f0fff0;
	box-shadow: 0 0.1em 0.75em #D5D4D4;
}
/*          test...........
div#mw-head {
	margin-top: 20px; 
}
* */

#left-navigation, #right-navigation { 
	margin-top: 3.6em; 
}
div.vectorTabs span a {
	padding-top: 0.25em; 
}
/*                      testing   
div.vectorMenu, div.vectorTabs ul li.mw-watchlink {
	margin-top: -0.8em; 
}
*/

#p-search {
	margin-top: -0.1em; 
}

#p-search div#simpleSearch {
    border-radius: 4px;
    width: 12em;
}
div.vectorMenu h3 span::after {
	filter: invert(100%); 
}
/*        */


/* Imported from Witcher 3 / Gamepedia Help Wiki */

/* Tabs and menus */
#left-navigation {
    margin-left: 11em;
}

#right-navigation {
    margin-right: 1em; /* was 5.5em */
}

div.vectorTabs,
div.vectorTabs span,
div.vectorTabs li.selected,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs li a {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

div.vectorTabs ul li {
    margin-right: 5px;
}

div.vectorTabs li span {
    background: #AB0000; 
    background-image:-moz-linear-gradient(center top, #AB0000 0%, #15191D 100%); 
    background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#15191D)); 
    background-image:-webkit-linear-gradient(top, #AB0000 0%, #15191D 100%); 
    background-image:-o-linear-gradient(top, #AB0000 0%, #15191D 100%); 
    background-image:-ms-linear-gradient(top, #AB0000 0%, #15191D 100%); 
    background-image: linear-gradient(to bottom, #AB0000 0%, #15191D 100%); 
    display: inline-block;
    border: 1px solid #4A040A;
    border-radius: 4px;
    padding: 2px 10px;
    margin-top: 0.5em;
    height: 19px;
    text-align: center;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -2px  /* testing, before:  -16px; */
}

div#mw-head a,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a,
.vectorTabs li a span,
div.vectorMenu h3 span {
    color: #c0c0c0 !important;
    font-weight: bold;
}

div#mw-head li.new a,
div#mw-head li.new a:visited {
    color: #fc0000 !important;
    text-shadow: 1px 1px #000000;
    margin-top: -2px; /* testing */
}

div.vectorTabs ul li:first-child {
    border-image: none;
    border-left: medium none;
}

div#mw-head li.selected a,
div#mw-head li.selected a span,
div#mw-head div.vectorTabs li.selected a,
div#mw-head div.vectorTabs li.selected a:visited {
    color: #ffffff !important;
    font-weight: bold;
    margin-top: -2px;       /*testing */
}

div.vectorMenu h3 span {
    font-weight: bold;
    padding-top: 0;
}

div.vectorMenu h3 span::after {
    top: 0;
}

div.vectorMenu h3:hover span,
div.vectorMenu h3:focus span {
    color: #ffffff;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
    padding: 16px 0 0;
}

div#mw-head div.vectorMenu h3 {
    background: #AB0000; 
    background-image:-moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%); 
    background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A)); 
    background-image:-webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
    background-image:-o-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
    background-image:-ms-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
    background-image: linear-gradient(to bottom, #AB0000 0%, #4A040A 100%); 
    display: inline-block;
    border: 1px solid #4A040A;
    border-radius: 4px;
    padding: 2px 10px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    height: 19px;
    text-align: center;
}

div.vectorMenu div.menu {
    border: none;
    left: auto;
    margin-left: 5px;
    right: 0;
    top: 40px;
}

div#mw-head div.vectorMenu ul {
    background-color: #000000;
    background-image: none;
    border-right: 5px none;
    box-shadow: 0 0.1em 0.75em #d5d4d4;
}
/*           what does this do?   */
div#mw-head div.vectorMenu li a {
    color: #7AB1CC;
}

div#mw-head div.vectorMenu li a:hover {
    color: #c0c0c0;
}
/* End imported from Witcher 3 */

/* 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;
}

.catlinks {
    background-color: var(--background-color);
/*    background-image: -moz-linear-gradient(center top , #15191D 60%, #000000 100%) repeat scroll 0 0;
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#6ba70d), color-stop(100%,#000000));
    background-image: -webkit-linear-gradient(top, #15191D 60%, #000000 100%);
    background-image: -o-linear-gradient(top, #15191D 60%, #000000 100%);
    background-image: -ms-linear-gradient(top, #15191D 60%, #000000 100%);
    background-image: linear-gradient(to bottom, #15191D 60%, #000000 100%);*/
    border: 1px solid #404040;
    margin-bottom: 5px;
}

/* Footer */
div#footer ul li {
    color: var(--text-color);
}

/* 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;
}

/* E0E0E0 is the actual colour, in the bottom line */
ul {
    list-style-type: disc;
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23E0E0E0%22%2F%3E%0A%3C%2Fsvg%3E%0A);
} 

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

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

ul#filetoc {
    background-color: var(--background-color);
    border: 1px solid #616C7A;
}


/* Anchors */
a, 
a:link,
a:active,
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited,
.external a,
.external a:link,
.external a:active,
.external a:visited,
#mw-indicator-mw-helplink a {
    color: #E6D404 !important;  /*yellow-ish link colour */
}

a:hover {
	text-decoration: underline;
}

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

/* thumbnails and galleries and image file history */
div.thumb {
    border: 1px solid #394147;
    margin: 2px;
    margin-left: 6px;
}

.thumb.tleft {
    margin: 2px 10px 2px 0;
}

img.thumbborder {
    border: 1px solid #394147;
    padding: 5px;
}

div.thumbinner {
    background-color: #0A0B0C;
    border: medium none;
}

li.gallerybox div.thumb {
    background-color: #0A0B0C;
    background-image: -moz-linear-gradient(center top , #15181A 0%, #0A0B0C 100%);
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#15181A), color-stop(100%,#0A0B0C));
    background-image: -webkit-linear-gradient(top, #15181a 0%, #0A0B0C 100%);
    background-image: -o-linear-gradient(top, #15181a 0%, #0A0B0C 100%);
    background-image: -ms-linear-gradient(top, #15181a 0%, #0A0B0C 100%);
    background-image: linear-gradient(to bottom, #15181a 0%, #0A0B0C 100%);
    border: 1px solid #394147;
}

html .thumbimage {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #394147;
}

div.tright div.tleft {
    border: 1px solid #394147 !important;
}

div.tright {
    clear: right;
    float: right;
}

#file img,
.gallerybox .thumb img,
.filehistory a img {
    background: url("https://rimworldwiki.com/images/c/c5/Dark_checker.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-filter: drop-shadow(0px 0px 10px #666666);
    filter: drop-shadow(0px 0px 3.5px #666666) drop-shadow(1px 1px 1px #666666);
}

img.highlight,
.highlight img,
.highlight a img {
    background: rgba(0,0,0,0);
    -webkit-filter: drop-shadow(0px 0px 10px #666666);
    filter: drop-shadow(0px 0px 3.5px #666666) drop-shadow(1px 1px 1px #666666);
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Navboxes in general */
/* Lore navboxes */

.navbox_title {
    background: #4A040A;
    color: #ffffff;
    font-size:90%;
}

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

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

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

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

/* Base background */
.navbox, .navbox-subgroup {
    background: #0f0f0f;
}

.navbox-list {
    border-color: #0f0f0f;   /* Must match background color */
}

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

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #1c1b1b;
    color: #fff;
}

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

/* Even row striping */
.navbox-even {
    background: #1C1E20;
    color: #fff;
}

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

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

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


.template-documentation {
	border: none;
	background-color: transparent;
}
/* !important to override inline coding */
#documentation-meta-data {
	background-color: transparent !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;
}

.infobox img {
	max-width: 250px;
}

/* old infoboxes above */


/* Imported infobox code from Witcher 3, remove unneeded stuff later */
/* INFOBOXES: game or book depended color style */
/*.infoboxtable {
    background: #000000; 
    background-image: -moz-linear-gradient(center top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#1A1D20), color-stop(100%,#0A0B0C)); 
    background-image: -webkit-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: -o-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: -ms-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: linear-gradient(to bottom, #1A1D20 60%, #0A0B0C 100%); 
    border: 1px solid #404040; 
    color: #ffffff;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}*/

/* TESTING (original above) */
.infoboxtable {
    background: #15191D; 
    background-image: -moz-linear-gradient(center top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#1A1D20), color-stop(100%,#0A0B0C)); 
    background-image: -webkit-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: -o-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: -ms-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); 
    background-image: linear-gradient(to bottom, #15191D 60%, #232323 100%); 
    border: 1px solid #404040; 
    color: #E6E6E6;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

/* yet more testing */
.infoboxtable .value {
    background-color: transparent;
    border: 1px solid #616C7A;
    text-align: center;
/*    color: #ffffff;
    padding: 0px 2px;
    font-weight: normal;*/
}

.infoboxtable th img {
    filter: drop-shadow(0px 0px 5px white);
}

.infoboxtable th.gradient,
.infoboxtable td.gradient,
table td.gradient {
    background-image: radial-gradient(closest-side,#ccc 10%,#15191D);
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: rgb(41, 43, 46); 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

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

/* Infobox-Icons */
div.icons {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.icons img,
div.icons span {
    display: inline-block;
} 

div.icons span {
    width: 280px;
}

div.icons img {
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}
/* end Infobox-Icons */

.infoboxdetails,
.infoboxdescription {
    padding: 0em;
}

.infoboxname,
.infoboxdetails,
.infoboxdescription {
    background: #15191D; 
    background-image: -moz-linear-gradient(center top, #C0C0C0 0%, #505050 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#C0C0C0), color-stop(100%,#505050)); 
    background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #505050 100%); 
    background-image: -o-linear-gradient(top, #C0C0C0 0%, #505050 100%); 
    background-image: -ms-linear-gradient(top, #C0C0C0 0%, #505050 100%); 
    background-image: linear-gradient(to bottom, #6A512E 0%, #15191D 100%); 
    color: #E6E6E6; 
    /* extra from org */
    text-align: center;
	font-weight: bold;
}

/* Collapsing sections in infoboxes */
.section-collapse {
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin-right: 5px;
    position: relative;
    right: 0;
    top: 5px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 7px;
}

.section-collapsed {
    display: none;
}

.collapsed-icon {
   margin-top: -2px;
   transform: rotate(135deg);
}
/* End infobox import W3 */


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


/* Copied from Witcher 3 wiki */
/* Preferences */
#preftoc {
    background-color: #1C1E20;
    border: 0px;
    margin: 0 0 4px !important;
}

#preftoc,
#preftoc li,  
#preferences, 
#preftoc li a {
    background-image: none;
    background-color: transparent;
    color: #666666;
}

#preftoc li.selected a {
    background-color: #1C1E20;
    background-image: none;
    border-color: #404040 #404040 #1c1e20;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
}

#preferences {
    background-color: #1C1E20;
    border: 1px solid #404040;
}

#preferences fieldset {
    border-color: #404040;
}

#preferences legend {
    color: #e0e0e0;
}

/* page history */
.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    border: 1px solid #404040;
    background-color: transparent;
}

#pagehistory li {
    background-color: transparent;
    border: 1px solid #404040;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: var(--background-color);
    background-image: none;
    color: var(--text-color);
    border: 1px dashed #616C7A;
    padding: 3px;
}

table.diff,
td.diff-otitle,
.td.diff-ntitle {
    background: none repeat scroll 0 0 transparent;
}

.diff-addedline {
	border-color: #0c5500;
}
.diff-addedline .diffchange {
	background: #0c5500;
}
.diff-deletedline {
	border-color: #bb000a;
}
.diff-deletedline .diffchange {
	background: #bb000a;
}
td.diff-context {
    background: none repeat scroll 0 0 transparent;
    color: #c0c0c0;
    border-color: #616C7A;
}

.usermessage > a {
    color: #008000;
}

div#mw-js-message {
    background-color: #000000;
    border: 1px solid #616C7A;
}
/* end from Witcher 3 wiki */



/* Copied from Witcher 3 */
/* messages and popups */
div.noarticletext {
    background: none repeat scroll 0 0 #1C1E20;
    border: 1px solid #434647;
    color: #D5D4D4;
    padding: 0.2em 1em;
}

/* colour fix for advanced search options box */
fieldset#mw-searchoptions {
    background-color: var(--background-color);
    border-color: var(--border-color) !important;
}

.mw-search-profile-tabs {
    background-color: var(--background-color);
    border: 1px solid #616C7A;
    margin-top: 1em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: #FFFFFF;
}

div.mw-warning-with-logexcerpt {
    border: 2px solid #7AB1CC;
}

.not-patrolled {
    background-color: #454545;
}


/* MsUpload color fixes */
#msupload-list .file .file-name:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.msupload-check-span {
    color: var(--text-color);
}

/* Notifications */
.mw-echo-ui-notificationItemWidget:hover {
    background-color: #303030;
}

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

.mw-notification,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
    background-color: #000000;
}

.autocomment {
    color: #EFEFEF;
}
/* end from Witcher 3 */



/* [[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 Styles  ============== */

table.wikitable,
table.cargoTable,
table.TablePager, 
table.mw_metadata,
table.mw_metadata td,
table.mw-abuselog-details {
    border: 1px solid #616C7A;
    color: var(--text-color);
    border-spacing: 0;
    padding: 0;
    background: transparent;
}

table.dataTable thead .sorting_asc {}
table.dataTable thead .sorting_desc {}

table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.cargoTable > tr > th,
table.cargoTable > * tr > th,
table.TablePager th,
table.mw_metadata th,
table.mw-abuselog-details th { 
    background-color: transparent;
    color: var(--text-color);
}

table.wikitable > tr > th, 
table.wikitable > tr > td, 
table.wikitable > * > tr > th, 
table.wikitable > * > tr > td,
table.cargoTable > tr > th, 
table.cargoTable > tr > td, 
table.cargoTable > * > tr > th, 
table.cargoTable > * > tr > td,
table.TablePager td,
table.TablePager th,
table.mw_metadata td,
table.mw_metadata th,
table.mw-abuselog-details td,
table.mw-abuselog-details th { 
    border: 1px solid #616C7A;
}

table.wikitable:not(.jquery-tablesorter) tr:nth-child(even) td,
table.wikitable.jquery-tablesorter tbody tr:nth-child(odd) td,
table.cargoTable:not(.jquery-tablesorter) tr:nth-child(even) td,
table.cargoTable.jquery-tablesorter tbody tr:nth-child(odd) td {
    background-color: rgba(114,70,8,.1);
}

table.wikitable tr:nth-child(even) {
    background: rgba(0,0,0,0.5);
}
table.wikitable tr:nth-child(odd) {
    background: transparent;
}

table.cargoTable tr:nth-child(even),
table.cargoTable.noMerge tr:nth-child(even) {
    background: rgba(0,0,0,0.5);
}
table.cargoTable tr:nth-child(odd),
table.cargoTable.noMerge tr:nth-child(odd){
    background: transparent;
}

.TablePager tr:hover td {
    background-color: rgba(255,255,255,.1);
}


/* --- Table sections --- */

table.wikitable > tr > th.section,
table.wikitable > * > tr > th.section,
table.cargoTable > tr > th.section,
table.cargoTable > * > tr > th.section {
    background-color: rgba(42,26,3,0.6);
    color: #DCC086;
    font-style: italic;
    position: relative;
    font-family: "EBGaramond12-Regular" !important;
}

table.wikitable th.section a,
table.cargoTable th.section a {
    color: #c28042 !important;
}

table.wikitable th.section .sidenote,
table.cargoTable th.section .sidenote  {
    position: absolute;
    right: 1em;
    bottom: 0.5em;
    font-size: 11px;
    font-weight: normal;
    color:#BDA472;
}


.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);
}


/* Flow - Structured Discussion extension */
.flow-post {
    color: var(--text-color);
}

.flow-topic-titlebar {
    background-color: transparent;
}

div > .flow-menu ul {
    background: var(--background-color);
}

.flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before {
/*    box-shadow: -2px 0 0 0 rgba(0,0,0,0.1);  */
    background-color: transparent;
}

/* delay before this takes effect, so try to fix it */
.mw-ui-button.mw-ui-quiet:hover {
    background-color: #2D3034;
}
/* End Flow stuff */


/* 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; }

ol.references li:target, sup.reference:target { background-color: rgba(128,128,128,0.5); }

/* PageForms edit screen fix */
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 *
*******************************/


/* Community Portal */
.communityportal {
	background: transparent;
}

.cp-header {
    background: rgba(243,127,32,0.3);
    color: var(--text-color);
}