Worlds Adrift Wiki
Don't have an account?
Register
Register
Worlds Adrift Wiki
Worlds Adrift Wiki
343
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 154: Line 154:
 
border-radius: 3px;
  
border-radius: 3px;
 
border: none;
  
border: none;
  +
text-shadow: 0 1px rgba(0,0,0,.1);
  +
}
  +
  +
div#content .oo-ui-buttonElement-button .oo-ui-labelElement-label {
  +
color: #291a08;
 
text-shadow: 0 1px rgba(0,0,0,.1);
  
text-shadow: 0 1px rgba(0,0,0,.1);
 
}
  
}
Line 166: Line 171:
 
div#content input[type=button]:hover,
  
div#content input[type=button]:hover,
 
div#content input[type=submit]:hover,
  
div#content input[type=submit]:hover,
−
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input:hover {
 +
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input:hover,
  +
div#content .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label {
 
color: #904328;
  
color: #904328;
  +
cursor: pointer;
 
}
  
}
   

Revision as of 16:00, 4 May 2019

/* CSS placed here will affect users of the Hydradark skin */
/* Additions should be made at the end of this page */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

/* Hides the top header on the main Wiki page */
body.page-Worlds_Adrift_Wiki h1.firstHeading {
    display:none;
}

/*****Hides iframe border*****/
.no-iframe-border {
    border: none;
}

/****** Wiki Logo ******/
#p-logo {
    margin-bottom: 1em;
    position: relative;
    left: 1px;
    top: -70px;
    width: 160px;
    height: 50px;
}
#p-logo a {
    display: block;
    width: 160px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}

/******* Body *******/
/* background */
body {
    background: url("https://worldsadrift.gamepedia.com/media/9/98/Bg.jpg") no-repeat fixed center top / cover rgba(0, 0, 0, 0);
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
/* color and font */
div#content,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6,
div#content pre,
div#content table {
    color: #ffe5c4;
    font-family: "Noto Sans", sans-serif;
}
/* separator */
div#content hr {
    background-color: #ffe5c4;
    height: 2px;
}
/* headers */
h1, h2 {
    border-bottom: 1px #fff solid;
}
/** Content **/
/* main content box */
div#content {
    background-color: rgba(79, 65, 65, 0.9);
    border: none;
    border-top: 5px rgb(224, 176, 132) solid;
    border-bottom: 5px rgb(224, 176, 132) solid;
    box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75);
    box-sizing: border-box;
    margin-top: -1.5em;
}


/******* Search Page ********/
/* Advanced searches */
.skin-hydradark .mw-search-profile-tabs {
    background: #4f4141;
    border: 1px #232323 solid;
    margin-top: 1em;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
    color: #feddae;
    text-shadow: #232323 0px 0px 2px;
    font-weight: bold;
}
/* Result counter after searching e.g. Result 1 in 10 */
#mw-search-top-table div.results-info {
    color: #fff;
}
/* result text preview */
.skin-hydradark .searchresult {
    padding-left: 0.5em;
    border-left: 3px #ffe5c4 solid;
}
/* per result info */
.skin-hydradark .mw-search-result-data {
    padding-left: 0.5em;
    padding-top: 0.25em;
    color: #808080;
    border-left: 3px #ffe5c4 solid;
}
/* Advanced search fieldset */
.skin-hydradark fieldset#mw-searchoptions {
    margin-top: 1em;
    background-color: #9043284d;
    border: 1px solid #232323;
    box-shadow: 0 0.1em 0.75em #232323;
}
.skin-hydradark fieldset#mw-searchoptions div.divider {
    border-bottom: 2px solid #ffe5c4;
    background-color: transparent;
}

/****** anchors ******/
/* new */
div#mw-head div.vectorTabs li.new a, 
div#mw-head div.vectorTabs li.new a span,
div#mw-head div.vectorTabs li.new:hover a,
div#mw-head div.vectorTabs li.new:hover a span,
.skin-hydradark div#content a.new:visited,
.skin-hydradark div#content a.new:hover, 
.skin-hydradark div#content a.new:visited:hover, 
.skin-hydradark div#content a.new {
    color: #ff0000;
    border-bottom: 1px #ff0000 dotted;
    text-shadow: 0 0 5px #6c0602;
}
/* existing */
div#content a,
div#content a:visited,
div#content a.external,
div#content a.external:visited,
div#content a.extiw,
div#content a.extiw:visited {
    color: #87DAEA;
}

/****** Buttons ******/
input[type=submit].mw-ui-button {
    line-height: 0;
}
/* default */
.skin-hydradark .mw-ui-button,
div#content input[type=button],
div#content input[type=submit],
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input {
    background: linear-gradient(to bottom right,#CA8D60,#D8A474,#CA8D60);
    color: #291a08;
    border-radius: 3px;
    border: none;
    text-shadow: 0 1px rgba(0,0,0,.1);
}

div#content .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: #291a08;
    text-shadow: 0 1px rgba(0,0,0,.1);
}

div#content input[type=button],
div#content input[type=submit] {
    height: 2em;
}

/* hover */
.skin-hydradark .mw-ui-button:hover,
div#content input[type=button]:hover,
div#content input[type=submit]:hover,
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input:hover,
div#content .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label {
    color: #904328;
    cursor: pointer;
}

/* focus */
.skin-hydradark .mw-ui-button:focus,
div#content input[type=button]:focus,
div#content input[type=submit]:focus,
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input:focus,
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input:focus:active,
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input:active {
    color: #291a08;
    box-shadow: inset 0 0 1px 1px #291a08;
    outline: none;
}
/* disabled */
.skin-hydradark .mw-ui-button.mw-ui-progressive:disabled,
.skin-hydradark .mw-ui-button.mw-ui-primary:disabled,
div#content input[type=button]:disabled,
div#content input[type=submit]:disabled,
div#content .oo-ui-buttonElement-button.oo-ui-inputWidget-input:disabled {
    background-color: #c4a7a7;
    color: #808080;
}

/******** Dropdown inputs ********/
.oo-ui-indicatorElement-indicator.oo-ui-indicator-down {
    filter: invert(0);
}

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled {
    padding-left: 3px;
}

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background: linear-gradient(to bottom right,#CA8D60,#D8A474,#CA8D60);
    border-radius: 3px;
    border: none;
}
.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background: linear-gradient(to bottom right,#CA8D60,#D8A474,#CA8D60);
}

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
    filter: invert(50%);
}

.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
    border-color: #291a08;
}

/* textarea (editing area) */
.skin-hydradark textarea {
    background: #2a2222;
    color: #fff;
    border: 1px #ffe5c4 solid;
}

/****** Input ******/
/* input (text boxes) */
.skin-hydradark input.mw-ui-input,
.skin-hydradark .oo-ui-textInputWidget input,
.skin-hydradark input.mw-ui-input-inline,
.mw-input > input:not([type=checkbox]),
input[type=text] {
    color: #ffe5c4;
    border: 1px #323538 solid;
    background: #4f4141;
    box-shadow: none;
    outline: none;
}
.mw-input > input[type=submit],
.mw-input > input[type=button],
input[type=text] {
    height: 2em;
}

/* inline inputs (make similar to oo-ui inputs)*/
.skin-hydradark input.mw-ui-input-inline {
    padding: 0.5em;
    font-size: 14px;
    border-radius: 2px;
    transition: border-color 200ms cubic-bezier(0.39,0.575,0.565,1),box-shadow 200ms cubic-bezier(0.39,0.575,0.565,1);
}
/* on focus */
.skin-hydradark input.mw-ui-input:focus,
.skin-hydradark .oo-ui-textInputWidget input:focus,
.skin-hydradark input.mw-ui-input-inline:focus {
    box-shadow: inset 0 0 1px 1px #291a08;
    border-color: #291a08;
}
.skin-hydradark .oo-ui-inputWidget-input[type="text"] {
    color: #ffe5c4;
    border: 1px #323538 solid;
    background: #4f4141;
    box-shadow: none;
    outline: none;
}
/* on hover */
.skin-hydradark input.mw-ui-input:hover,
.skin-hydradark .oo-ui-textInputWidget input:hover,
.skin-hydradark input.mw-ui-input-inline:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus, 
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus {
    border-color: #291a08;
}
/* readonly */
.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
    background-color: #232323;
}

/**** Dropdown menus ****/
.skin-hydradark .oo-ui-menuSelectWidget {
    background-color: #291a08;
    color: #ffe5c4;
    border: 2px #90432855 solid;
}

/****** HTMLFORM tables ******/
.mw-htmlform-ooui .mw-htmlform-matrix {
    border: 2px #291a08 solid;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
    background-color: #4f4141;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(odd) td {
    background-color: #3a3030;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
    background-color: #2f2a2a;
}

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

/* Framework */
body #pageWrapper {
    margin-right: 5px;
}
/****** Page Header ******/
/* makes transparent */
div#mw-page-base {
    background: transparent;
    background-image: none;
}
div#mw-head-base {
    background: transparent;
    background-image: none;
    border-bottom: 0px;
}

/*** Top navigation bar ***/
div#mw-head {
    background: transparent;
    height: 30px;
    left: 176px;
    margin-top: 1.6em;
    position: absolute;
    top: -3px;
    width: auto;
}
/* clears backgrounds */
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div.vectorTabs ul li span a,
div.vectorMenu div.menu ul {
    background-color: transparent;
    background-image: none;
}
/* button bar */
div#mw-head div.vectorTabs,
div#mw-head div.vectorMenu {
    height: 30px;
    padding-bottom: 5px;
}
/* button background color */
div#mw-head div.vectorTabs li span,
div#mw-head div.vectorMenu h3 {
    background: linear-gradient(to bottom right,#CA8D60,#D8A474,#CA8D60);
    border-radius: 3px;
    height: 100%;
    outline: none;
}
/* only dropdowns, not links */
div#mw-head div.vectorMenu h3 {
    border-radius: 3px 3px 0 0;
    padding-right: 1em;
}
/* only links, not dropdowns */
div#mw-head div.vectorTabs li span {
    margin-right: 4px;
}
/* button list */
div#mw-head div.vectorTabs li,
div#mw-head div.vectorMenu h3 {
    height: auto;
    position: relative;
    top: -0.2em;
    margin-right: 0;
}
/* text inside buttons */
div#mw-head div.vectorTabs li span a,
div#mw-head div.vectorMenu h3 span {
    color: #291a08;
    height: 100%;
    line-height: 1em;
    text-transform: uppercase;
    padding: 10px 0.5em;
    font-size: 0.82em;
    font-family: "Noto Sans", sans-serif;
}
/* removes underline */
div#mw-head div.vectorTabs li span a:hover,
div#mw-head div.vectorTabs li span:hover a,
div#mw-head div.vectorTabs li span:focus-within a,
div#mw-head div.vectorTabs li span a:focus {
    text-decoration: none;
}
/* text color when link is hover or focused*/
div#mw-head div.vectorTabs li span a:hover,
div#mw-head div.vectorMenu input.vectorMenuCheckbox:hover ~ h3 span,
div#mw-head div.vectorTabs li span:focus-within a,
div#mw-head div.vectorTabs li span:focus a,
div#mw-head div.vectorMenu.menuForceShow h3 span {
    color: #904328;
}
/* button depress when focused */
div#mw-head div.vectorTabs li span:focus,
div#mw-head div.vectorTabs li span:focus-within,
div#mw-head div.vectorMenu.menuForceShow h3 {
    box-shadow: inset 0 0 1px 1px #291a08;
    outline: none;
}
/* selected text inside buttons */
div#mw-head div.vectorTabs li.selected span a {
    color: #904328;
    font-weight: bold;
}
/* watch/unwatch icons */
div#mw-head div.vectorTabs .icon span {
    padding: 0;
}
div#mw-head div.vectorTabs #ca-unwatch.icon a,
div#mw-head div.vectorTabs #ca-watch.icon a {
    padding: 33px 0 0 0;
    width: 2em;
    position: relative;
    top: -2px;
    height: 0;
}
/* Vector Menus */
/* vector checkboxes */
.vectorMenuCheckbox {
    top: -5px;
}
/* dropdown icon */
div.vectorMenu h3 span::after {
    top: 0;
    right: -0.8em;
}
/* align menu with left of dropdown and background*/
div#mw-head div.vectorMenu div.menu {
    background: #904328;
    border-top: 2px #291a08 solid;
    border-radius: 0 0 3px 3px;
    top: 29px;
    left: 0;
}
/* text in dropdown */
div#mw-head div.vectorMenu ul li a {
    color: #291A08;
    font-family: "Noto Sans", sans-serif;
    text-transform: uppercase;
}
/* hide add section button */
div#mw-head div.vectorTabs li#ca-addsection {
    display: none;
}
div#mw-head div.vectorMenu div.menu div#socialIconImages a {
    margin: 7px;
}




/* Tabs */
#left-navigation {
    margin-left: 10px;
    margin-top: 0;
}

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

div#p-search {
    margin-top: -7px;
}

#p-search form,
#p-search input {
    margin: 0.15em 0 0;
}

div.vectorMenu div.menu {
    border: none;
    background: #202020;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    padding-top: 0.5em;
}

div.vectorMenu {
    background-position: 100% 20%;
}
 
div.vectorMenu ul {
    background: none repeat scroll 0 0 #000000;
    border: none;
}
  
div.vectorMenu li a {
    color:#FFFFFF;
}

/* Sidebar */
.skin-hydradark div#mw-panel {
    margin-top: -15px;
    top: 80px;
}

.skin-hydradark div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
    background: rgba(21, 16, 15, 0.95);
    box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75);
    margin: 5px;
}

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

.skin-hydradark div#mw-panel div.portal div.body ul li a,
.skin-hydradark div#mw-panel div.portal div.body ul li a:visited {
    color: #FFFDFB;
}

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEiskN1GrWQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y+2TOwrAMAxD9Upy/wsH1KlQQlRcskabjSX/sa0dXNrEEZDaZFdXQqqAP+TUAlVynAHQK74oYHu8CUC3PZbJvk4ZaI9gjDm/oBt1WxYtuhHX/wAAAABJRU5ErkJggg==");
   background-position: left center;
   background-repeat: no-repeat;
}

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEikUI775dwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y9WTUQrAIAxDE9H7H3jC2wnqxKqw/OeRpq0BZVSU1FEAOxKwYwRs11QHwBNBpkuMIPfWaLsBfQkQmSWpzvhH5/6VwJkO/I9negFpGhkjDUKRdAAAAABJRU5ErkJggg==");
   background-position: left center;
   background-repeat: no-repeat;
}

.skin-hydradark div#mw-panel div.portal h3,
.skin-hydradark div#mw-panel div.portal h3:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.8);
}

.skin-hydradark div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto;
}

.socialSidebar {
    width: auto;
    max-width: 100%;
}

/* References */
ol.references li:target,
sup.references:target {
  background-color: #90432880;
}

/* Other common page elements */

hr {
   background-color: #ffffff;
}

div#toc,
div.toc,
div.mw-warning {
    border: 1px solid #bd8f3a;
    background-color: transparent;
}

#catlinks,
#toc,
.toc,
.mw-warning {
    border: 1px solid #ffffff;
    background-color: transparent;
}

.catlinks,
ul#filetoc {
    background: transparent;
    border: 1px solid #ffffff;
    clear: both;
    margin-top: 1em;
    padding: 5px;
}

.catlinks li {
    border-left: none;
}

.CategoryTreeToggle {
    color: #ffffff;
}

fieldset {
    border: 1px solid #ffffff;
}

pre,
.mw-code {
    background-color: #000000;
    border: 1px dashed #ffffff;
    color: #FFFFFF;
    padding: 1em;
}

code {
    background-color: #000000;
}

/* Footer */
div#footer {
    color: #FFFFFF;
    margin-top: 5px;
    overflow: hidden;
}

div#footer ul li {
    color: #fff;
}

/* greens adjustment */
.mw-plusminus-pos,
.success {
    color: #00FF00;
}

/* tables */
table.wikitable {
    background: transparent;
    border: 1px solid #ffffff;
}

table.wikitable th,
table.wikitable tr th,
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.wikitable td,
table.wikitable tr td,
table.wikitable > tr > td,
table.wikitable > * > tr > td {
    border: 1px solid #ffffff;
}

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

.wikitable th {
    background-color:#000;
    border: 1px solid #ffffff;
    color: #fff;
    padding: 0.2em;
}

.wikitable td {
    border: 1px solid #000;
    color: #ffffff;
    padding: 0.2em;
}

/* pager tables */

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td {
    background-color: rgba(71,71,71, 0.4);
    color: #ffffff;
}

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, .skin-hydradark table.mw_metadata th {
    background-color: rgba(0, 0, 0, 0.75);
    border: none;
    color: #ffffff;
}

.skin-hydradark .TablePager {
    color: #000000;    
    border: 1px dashed #ffffff;
    padding:0 0.15em;
}

.skin-hydradark .TablePager th {
    color: #ffffff;    
    border: 1px dashed #ffffff;
    padding:0 0.15em;
    background: #ffffff;
}

.skin-hydradark .TablePager tr:hover td {
    color: #ffffff;
    background-color: #ffffff;
}

.skin-hydradark .TablePager th a {
    color: #FFFFFF;
}
 
.skin-hydradark .TablePager td {
    border: 1px dashed #ffffff;
    color: #fff;
}

/* colour fix for metadata box */
table.mw_metadata th {
    border: 1px dashed #ffffff;
    color: #FFFFFF;
}

table.mw_metadata td {
    border: 1px dashed #ffffff;
    color: #fff;
}

/* WikiClaims fixes */
#claimlist {
    background: none repeat scroll 0 0 transparent;
    color: #ffffff;
}

#claimlist .approved a {
}

#claimlist .approved td {
    color: #ffffff;
}

#claimlist .controls_container > .dropdown {
    right: 24px;
    top: -24px;
}

#claimlist .sortable th:hover {
    background-color: #000000;
}

#claimlist th,
#claimlist .sortable th.unsortable {
    background-color: #000000;
    border: 1px solid #ffffff;
    padding: 0.2em;
    color: #ffffff;
}

#claimlist td {
    border: 1px solid #ffffff;
    padding: 0.2em;
    color: #ffffff;
}

/* images */
#file img,
.filehistory a img {
    background: url("https://commons.gamepedia.com/media/8/84/Dark_checker.svg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#file img:hover,
.filehistory a img:hover {
    background: rgba(0, 0, 0, 0);
}

/* thumbnails and galleries */
div.thumbinner {
    background-color: #ffffff;
    border: 1px dashed #ffffff;
}

img.thumbborder {
    border: 1px dashed #ffffff;
}

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

li.gallerybox div.thumb {
    background-color: rgba(0, 0, 0, 0.75);
    border: 1px dashed #ffffff;
}

/* Page history */
#pagehistory li.selected {
    background-color: rgba(0, 0, 0, 0.75);
    background-image: none;
    border: 1px dashed #ffffff;
    box-shadow: 0 0.1em 0.75em #000000;
    padding: 3px;
}

table.diff {
    background: transparent;
}

.ui-widget-content {
    background: #000;
    color: #fff;
}

td.diff-context {
    background: none repeat scroll 0 0 transparent;
    color: #fff;
}

td.diff-deletedline {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}

td.diff-addedline {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}

#pagehistory li {
    background-color: transparent;
    border: none;
    padding: 3px;
}

/* Preferences */
.skin-hydradark #preferences {
    background-color: transparent;
}

.skin-hydradark #preferences legend {
    color: #fff;
}

.skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active {
    color: #fff;
}


.skin-hydradark #preftoc {
    background-color: #000000;
    border: 0px;
    margin: 0 0 4px;
}

.skin-hydradark #preftoc,
.skin-hydradark #preftoc li,  
.skin-hydradark #preferences, 
.skin-hydradark #preftoc li a {
    background-image: none;
    background-color: transparent;
    color: #C5D6D0;
}

.skin-hydradark #preftoc li.selected a {
    background-color: #000000;
    background-image: none;
    border-color: #C5D6D0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #FFFFFF;
}

.skin-hydradark #preferences {
    background-color: #000000;
    border: 1px solid #ffffff;
}

.skin-hydradark #preferences fieldset {
    border-color: #ffffff;
    box-shadow: none;
}

[type="radio"]:checked ~ label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none;
    z-index: 2;
}

/* multi-upload screen font colour fix */
#upload_list .file .file-title {
    color: #000000;
}

.check_span {
    color: #1D1D1D;
    float: right;
}

#upload_list .file a {
    color: #0000FF;
}

/* Notifications */
.mw-notification {
    background-color: #000000;
}

/* Echo notification colour tweak */
.mw-echo-overlay {
    background-color: #000000;
    border: 1px solid #ffffff;
    color: #FFFFFF;
}

.mw-echo-overlay li.mw-echo-notification {
    border: 1px solid #ffffff;
}
 
#mw-echo-overlay-pref-link {
    border-left: 1px solid #ffffff;
}
 
.mw-echo-overlay .mw-echo-grey-link a {
    color: #eeeeee;
}
 
.mw-echo-overlay .mw-echo-grey-link:hover a {
    color: #ffffff;
}

.mw-echo-notifications {
    border: 1px solid #ffffff;
}

.mw-echo-overlay-title {
    border-bottom: 1px solid #ffffff;
}

.mw-echo-title {
    background-color: #000000;
}

#mw-echo-overlay-footer {
    border-top: none;
}

.mw-echo-overlay li.mw-echo-notification,
.mw-echo-overlay li.mw-echo-notification:last-child,
.mw-echo-overlay li.mw-echo-notification.mw-echo-unread,
#mw-echo-special-container .mw-echo-notification,
#mw-echo-special-container .mw-echo-notification.mw-echo-unread {
    background-color: #000000;
}
.mw-echo-overlay li.mw-echo-notification:hover,
.mw-echo-overlay li.mw-echo-notification.mw-echo-unread:hover,
#mw-echo-special-container .mw-echo-notification:hover,
#mw-echo-special-container .mw-echo-notification.mw-echo-unread:hover {
    background-color: #121212;
}
 
.mw-echo-notification {
    background-color: #000000;
    color: #FFFFFF;
}
 
.mw-echo-timestamp {
    color: #ffffff;
}
 
.mw-echo-date-section {
    border-bottom: 8px solid #D5D4D4;
    color: #ffffff;
}
 
.mw-echo-dismiss {
    background-color: #000000;
}

.autocomment {
    color: #EFEFEF;
}

/* interwiki table bg fix for active entries */
.mw-interwikitable-local,
.mw-interwikitable-trans {
    text-shadow: 1px 1px 1px black;
}

/* user profile info colour tweak */
.helper_mark:before {
    background-color: #000000;
    border: 1px solid #EFEFEF;
    color: #D5D4D4;
}

.helper_mark > span:after {
    background-color: #000000;
    bottom: -5px;
    box-shadow: -4px -4px 5px 2px #000000, 4px 4px 5px 1px rgba(35, 49, 72, 0.75);
    color: #D5D4D4;
}

.helper_mark > span {
    background-color: #000000;
    color: #D5D4D4;
}

/* Wiki editor fixes */
div.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: medium none;
}

div.wikiEditor-ui div.wikiEditor-ui-view {
    border: 1px solid #ffffff;
}

div.wikiEditor-ui-buttons {
    background-color: rgba(0, 0, 0, 0);
    border-top: medium none;
    margin-right: 5px;
}


div.wikiEditor-ui-controls {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ffffff;
}

div.wikiEditor-ui-tabs {
    background-color: #101010;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

div.wikiEditor-ui-tabs div {
    background-color: #1D1D1D;
    border-right:  1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

div.wikiEditor-ui-tabs div a {
    background: #AB0000; 
    background-color: #101010;
    color: #FFFFFF;
}

div.wikiEditor-ui-tabs div.current {
    background-color: #1D1D1D;
    border-bottom: 1px solid #ffffff;
}

div.wikiEditor-ui-tabs div.current a {
   color: #ffffff;
   background: #3F3F3F;
}

div.wikiEditor-ui .wikiEditor-ui-top {
   border-bottom: 1px solid #ffffff;
}

div.wikiEditor-ui-toolbar {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div.wikiEditor-ui-toolbar .group {
    border-right: 1px solid #505050;
}

div.wikiEditor-ui-toolbar .group-search {
   border-left: 1px solid #ffffff;
   border-right: none;
}

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

.tab {
   border-color: transparent;
}

div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
   color: #E0E0E0;
}

div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
   color: #ffffff;
}

div.wikiEditor-ui-toolbar .group .tool-select .label {
   color: #000000;
}

div.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #505050;
}

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

div.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: #0A0B0C;
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .booklet .pages {
    background-color: #0a0b0c;
}

div.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #404040;
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #505050;
    color: #7AB1CC;
}

div.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #505050;
    color: #E0E0E0;
}

div.wikiEditor-preview-contents,
div.wikiEditor-preview-loading {
    background-color: transparent;
}

div.editOptions {  
    background-color: transparent;
    border-color: -moz-use-text-color #505050 #505050;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

/* login screen */
.mw-ui-vform label {
    color: #fff;
}

#mw-createaccount-join {
    box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.2);
}

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://commons.gamepedia.com/media/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}

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

.header {
    background-color: rgba(152, 152, 152, 0.1);
    border: 0.5px solid rgba(57, 60, 64, 0.2);
    box-shadow: 0px 1px 6px 1px rgba(202,202,202,.2);
    color: #e6e6e6;
    font-size: 150%;
    margin-bottom: 5px;
    text-align: center;
}

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

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}

.fpbox {
    background: linear-gradient(to bottom,rgba(255,255,255,.15) 0%,rgba(255,255,255,.02) 100%) transparent no-repeat border-box;
    border: solid 1px rgba(255,255,255,.1);
    color: #FFFFFF;
    margin: 5px;
    padding: 5px;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

.fpbox .welcome {
    border-bottom: 1px solid #000000;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 150%;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading {
    border-bottom: 1px solid #000000;
    color: #FFFFFF;
    font-variant: small-caps;
    font-size: 132%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
    color: #E6E6E6;
    font-weight: bold;
    font-size: 75%;
}

.fpbox hr {
    border: none;
    border-bottom: 1px solid #3C4258;
}

.fplinks {
    margin: -5px;
}

.fplinks .linkslabel {
    border-bottom: 1px solid #000000;
    background: transparent;
    font-weight: bold;
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
    display: table;
    width: 100%;
    border-spacing: 5px;
    border-collapse: separate;
}

.fplink .box .row {
    display: table-row;
}

.fplink .box .row .cell {
    background: #A74A79;
    border: 1px solid #000000;
    border-radius: 2px;
    box-shadow: 0 0 1px #3C4258 inset;
    color: #FFFFFF;
    display: table-cell;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}

.fplink .box .row .cell a {
    color: #FFFFFF;
}

.fplink.wide .box .row .cell {
    padding: 0 5px;
}

#fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image {
    width: 114px;
    height: 114px;
}

.fplink.image .box .row .cell {
    width: 100px;
    height: 100px;
    vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
    width: 100px;
    height: 100px;
}

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 134px;
    height: 134px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 164px;
    height: 164px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 150px;
    height: 150px;
  }
}

.fplink.image .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 75%;
    z-index: 1;
}

.fplink.image a {
    z-index: 2;
}

.fplink a {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px 5px;
}

.fplink.image .image a {
    padding: 0;
}

.fplink.image .link a {
    border-top: 2px solid #2e7cc0;
    background: #83d2fd;
}

.fplink.wide a {
    margin: 0 -5px;
}

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

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

/*============================================Custom additions===============================================*/

/*Adds an underline hover to elements with class="textunderline" */
.textunderline:hover {
    text-decoration: underline;
}

/* Changes the left navigation panel */
.skin-hydradark div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
    width: 150px;
    background: url(https://worldsadrift.gamepedia.com/media/f/f2/Parchment_Sheet_Top.png) no-repeat left top, url(https://worldsadrift.gamepedia.com/media/c/c0/Parchment_Sheet_Center.png) no-repeat 0px 16px, url(https://worldsadrift.gamepedia.com/media/8/8e/Parchment_Sheet_Bottom.png) no-repeat left bottom;
    background-size: 150px 16px, 150px calc(100% - 29px), 150px 13px;
    box-shadow: none;
}

.skin-hydradark div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) div.body ul li a {
    color: #904328;
    font-family: "Noto Sans", sans-serif;
}

.skin-hydradark div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) h3 a {
    color: #291A08;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
    text-shadow: none;
    text-transform: uppercase;
}

.skin-hydradark div#mw-panel div.portal.expanded:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) h3 {
    background: url(https://commons.gamepedia.com/media/0/0b/Vector_menu_downarrow.png) no-repeat 5px 9px;
}

.skin-hydradark div#mw-panel div.portal.collapsed:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) h3 {
    background: url(https://worldsadrift.gamepedia.com/media/d/da/Vector_menu_rightarrow.png) no-repeat 7px 7px;
}

/* Changes the styling of the search box */
div#mw-navigation div#simpleSearch {
    background: #4F4141;
    border: 1px solid #291A08;
}

/* Changes the color of the text in the search box */
div#mw-navigation div#simpleSearch #searchInput {
    color: #FFE5C4;
}

/* Changes the color of the search box placeholder text */
div#mw-navigation input#searchInput::placeholder {
    color: #FFE4C4;
    opacity: 1;
}

/* Adds the WA Noto Sans font */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Clothing tables */
div.clothing {
    opacity: 1;
    transition: opacity 0.4s ease-out;
}

div.mw-collapsed.clothing {
    opacity: 0;
}

/* Changes the Contents and content style to be more inline with the UI from the game */
div#toc, div.toc {
  background-color: rgba(79, 65, 65, 0.9);
  border-bottom-color: rgb(224, 176, 132);
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-top-color: rgb(224, 176, 132);
  border-top-style: solid;
  border-top-width: 5px;
  border-left: none;
  border-right: none;
  color: #FFE5C4;
}



/* Small fix for thumb captions */
.thumbcaption {
  color: black;
}

/* Changes the background color for the content, all the headers, all the tables, and the edit sections brackets/dividers */
div#content table.wikitable > * > tr > th,
div#content table.wikitable > * > tr > td,
div#content span.mw-editsection span.mw-editsection-bracket,
div#content span.mw-editsection span.mw-editsection-divider,
div#content div#contentSub {
    color: #FFE5C4;
    font-family: "Noto Sans", sans-serif;
}

/* Changes the links in the TOC back to the default yellow colour */
div#content div#toc.toc a,
div#content div#toc.toc a:visited {
    color: #BD8F3A;
}

div#content table.navbox a:not(.new),
div#content table.navbox a:visited:not(.new) {
    color: #18a9e8;
    text-shadow: #232323 0px 0px 4px;
}

div#toc.toc div#toctitle.toctitle h2 {
    font-size: 16px;
}

/* Changes the category box */
div#content #catlinks {
    background: linear-gradient(to bottom, #6d5858, #6C5151, #6d5858);
    border-top: 5px rgb(244, 176, 132) solid;
    border-bottom: 5px rgb(244, 176, 132) solid;
    border-right: none;
    border-left: none;
}

div#content #catlinks .mw-normal-catlinks {
    margin-right: 3px;
    margin-left: 3px;
}

/* specifys a style for the clothing toggle */
.toggle {
    color: #87DAEA;
}

/* New main page box style */
.fpbox {
    border-bottom: none;
    border-top-color: rgb(224, 176, 132);
    border-top-style: solid;
    border-top-width: 5px;
    border-left: none;
    border-right: none;
    color: #FFE5C4;
}

/*New main page box header style */
.header {
    background: linear-gradient(to right, #4f4141, #6d5858, #4f4141);
    color: #FFF176;
}

/* Changes some more text to the correct color */
div#contentSub,
div#contentSub2 {
    color: #FFE5C4;
}

/* Changes to the schematic_box template */
table.wikitable.schematic_box {
    width: 240px;
    background-color: #6d5858;
    border-top: 5px rgb(244, 176, 132) solid;
    border-bottom: 5px rgb(244, 176, 132) solid;
    border-right: none;
    border-left: none;
}

table.wikitable.schematic_box > * > tr > th,
table.wikitable.schematic_box > * > tr > td {
    background-color: transparent;
    border: none;
    padding: 0;
}

div#content table.wikitable.schematic_box > * > tr.schem_flavor > td,
div#content table.wikitable.schematic_box > * > tr.schem_craft > th {
    padding: 5px;
}


div#content table.wikitable.schematic_box > * > tr.schem_stats_label > th {
    line-height: 1.3;
    padding: 5px 5px 1px 5px;
}

div#content table.wikitable.schematic_box > * > tr.schem_bar > td:not(.schem_percent_bar),
div#content table.wikitable.schematic_box > * > tr.schem_material > td:not(.schem_material_box) {
    padding: 0px 4px 0px 4px;
    text-align: right;
}

table.wikitable.schematic_box > * > tr.schem_header > th {
    background-color: transparent;
    background: url(https://worldsadrift.gamepedia.com/media/5/56/Parchment_Title.png) no-repeat top left;
    background-size: 100% 100%;
}

tr.schem_header th > div {
    width: 90%;
    padding: 3px 10px 5px 10px;
    color: #291A08;
}

table.wikitable.schematic_box > * > tr.schem_flavor > td div,
table.wikitable.schematic_box > * > tr.schem_craft > th div {
    background-image: linear-gradient(to right,#4f4141,#5c4949,#4f4141);
    border: 1px #4c3a2a solid;
    padding: 0 4px 0 4px;
    font-weight: 400;
}

table.wikitable.schematic_box > * > tr.schem_stats_label > th div {
    position: relative;
    top: -3px;
    margin: auto;
    width: 90%;
    border-bottom: 4px #4f4141 solid;
    background-color: transparent;
}

table.wikitable.schematic_box > * > tr.schem_bar > td.schem_percent_bar {
    padding-right: 5px;
    height: 32px;
}

table.wikitable.schematic_box > * > tr.schem_material {
    height: 35px;
}

table.wikitable.schematic_box > * > tr.schem_material > th:not(.schem_material_box) {
    text-align: right;
    padding-right: 44px;
    font-weight: 400;
}

table.wikitable.schematic_box > * > tr.schem_material > td.schem_material_box div {
    left: -50px;
}

table.wikitable.schematic_box > * > tr.schem_space > td {
    height: 5px;
}

/* Changes the color of bullet points to a yellow to make them stand out a bit */
ul {
    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%23FFF993%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

/* Changes the wikitable style */
div#content table.wikitable {
    border-top: 5px rgb(244, 176, 132) solid;
    border-bottom: 5px rgb(244, 176, 132) solid;
    border-right: none;
    border-left: none;
    background-color: #6d5858;
}

div#content table.wikitable > * > tr {
    padding-right: 20px;
    padding-left: 20px;
}

div#content table.wikitable > * > tr > th {
    background-color: #4f4141;
    border-right: 1px #4f4141 solid;
    border-left: 1px #4f4141 solid;
    border-top: none;
    border-bottom: none;
}

div#content table.wikitable > * > tr > td {
    border: 1px #4c3a2a solid;
}

/* Fixes some issues with the schematic box after updating the wikitable css */
div#content table.wikitable tr.schem_stats_label > *,
div#content table.wikitable tr.schem_picture > *,
div#content table.wikitable tr.schem_header > *,
div#content table.wikitable tr.schem_flavor > *,
div#content table.wikitable tr.schem_stats_label > *,
div#content table.wikitable tr.schem_bar > *,
div#content table.wikitable tr.schem_craft > *,
div#content table.wikitable tr.schem_material > *,
div#content table.wikitable tr.schem_space > * {
    border: none;
    background-color: #6d5858;
}

/*Changes the thumbnail background */
div.thumb div.thumbinner {
    border: #e0b084 2px solid;
    background-color: #232323;
}

div.thumb div.thumbcaption {
    color: #ffe5c4;
    font-size: 105%;
}

/* Navbox styling */
div#content table.navbox {
    background: #6d5858;
    width: 100%;
    vertical-align: middle;
    border-top: 5px rgb(244, 176, 132) solid;
    border-bottom: 5px rgb(244, 176, 132) solid;
    border-right: none;
    border-left: none;
}

div#content table.navbox table.navbox-inner {
    width: 100%;
}

div#content table.navbox th.navbox-title {
    background-image: linear-gradient(to right,#4f4141,#5c4949,#4f4141);
    padding: 0 1em 0 1em;
    text-align: center;
}

div#content table.navbox th.navbox-title span.mw-collapsible-toggle {
    width: 3em;
}

div#content table.navbox th.navbox-group {
    background: #4f4141;
    padding: 0 1em 0 1em;
    text-align: right;
}

div#content table.navbox td.navbox-abovebelow {
    background-image: linear-gradient(to right,#4f4141,#5c4949,#4f4141);
    text-align: center;
}

div#content table.navbox table.navbox-subgroup {
    width: 100%;
}

div#content table.navbox a.selflink {
    color:#feddae;
    text-shadow: #232323 0px 0px 2px;
}

div#content table.navbox table.navbox-inner > * > tr td {
    border-left-color: #fae2bf;
    margin-left: 2px;
}

div#content table.navbox table.mw-collapsed {
    width: 100%
}

div#content table.navbox th.navbox-title {
    height: 3em;
}

div#content table.navbox div:not(.no-background-image) span.title-background {
    display: inline-block;
    min-width: 100px;
    color: #291a08;
    padding: 1em;
    background: url(https://worldsadrift.gamepedia.com/media/5/56/Parchment_Title.png) no-repeat top left;
    background-size: 100% 100%;
}

/*What follows is a whole assortment of css that edits UI buttons and tables and fields and whatnot */

div#content .oo-ui-checkboxInputWidget [type="checkbox"] {
    border: none;
    background: transparent;
}

div#content .oo-ui-checkboxInputWidget [type="checkbox"] + span {
    background-color: #291a08;
    border-color: #232323;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

div#content .oo-ui-checkboxInputWidget [type="checkbox"]:checked + span {
    background-color: #904328;
    border-color: #904328;
}

div#content .oo-ui-checkboxInputWidget [type="checkbox"]:focus + span {
    border: none;
}

div#content .oo-ui-dropdownWidget-handle {
    background-color: #232323;
    border: 1px #291A08 solid;
    box-shadow: inset 0 0 0 1px #291A08;
    color: #ffe5c4;
}

div#content .oo-ui-menuSelectWidget {
    background-color: #232323;
    color: #ffe5c4;
}

div#content .oo-ui-optionWidget-selected {
    color: #904328;
    background-color: #feddae;
}

div#content .oo-ui-optionWidget-highlighted {
    background-color: #c4a7a7;
}

div#content .mw-datatable,
table#searchlog {
    border-top: 5px rgb(244,176,132) solid;
    border-bottom: 5px rgb(244,176,132) solid;
    border-right: none;
    border-left: none;
    background-color: #6d5858;
}

div#content .mw-datatable th,
table#searchlog th {
    background-color: #4f4141;
    border-right: 1px #4f4141 solid;
    border-left: 1px #4f4141 solid;
    border-top: none;
    border-bottom: none;
    color: #ffe5c4;
}

div#content .mw-datatable th a,
table#searchlog th a {
    background-color: transparent;
}

div#content .mw-datatable td,
table#searchlog td {
    border: 1px #4c3a2a solid;
    color: #ffe5c4;
}

div#content .mw-datatable tr:hover td,
table#searchlog tr:hover td {
    background-color: #4f4141;
}

fieldset {
    border: #e0b084 2px solid;
}

div#content ::placeholder {
    color: #ffe5c4;
    padding-left: 2px;
}

div#content select {
    background: #4f4141;
    color: #ffe5c4;
    border: 1px solid #291A08;
}

.mw-body-content { z-index:1; }

div#content li.gallerybox div.thumb {
    border-color: #fae2bf;
    background-color: #232323;
}
Community content is available under CC BY-NC-SA unless otherwise noted.