MediaWiki:Hydradark.css

/* 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 ******/ margin-bottom: 1em; position: relative; left: 1px; top: -70px; width: 160px; height: 50px; }   display: block; width: 160px; height: 100px; background-repeat: no-repeat; background-position: center center; text-decoration: none; }
 * 1) p-logo {
 * 1) p-logo a {

/******* Body *******/ /* background */ body { background: url("https://static.wikia.nocookie.net/worldsadrift_gamepedia/images/9/98/Bg.jpg/revision/latest") 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 */ 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; }
 * 1) mw-search-top-table div.results-info {

/****** 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 */ margin-left: 10px; margin-top: 0; }
 * 1) left-navigation {

margin-top: 0; margin-left: 0; }
 * 1) right-navigation {

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

margin: 0.15em 0 0; }
 * 1) p-search form,
 * 2) p-search input {

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

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

.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 */ background: none repeat scroll 0 0 transparent; color: #ffffff; }
 * 1) claimlist {

}
 * 1) claimlist .approved a {

color: #ffffff; }
 * 1) claimlist .approved td {

right: 24px; top: -24px; }
 * 1) claimlist .controls_container > .dropdown {

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

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

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

/* images */ .filehistory a img { background: url("https://static.wikia.nocookie.net/commons_hydra/images/8/84/Dark_checker.svg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
 * 1) file img,

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

/* 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 */ 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; }
 * 1) pagehistory li.selected {

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

background-color: transparent; border: none; padding: 3px; }
 * 1) pagehistory li {

/* 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 */ color: #000000; }
 * 1) upload_list .file .file-title {

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

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

/* 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; }   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; }
 * 1) mw-echo-overlay-pref-link {

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

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

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

border-top: none; }
 * 1) mw-echo-overlay-footer {

.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, background-color: #000000; } .mw-echo-overlay li.mw-echo-notification:hover, .mw-echo-overlay li.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; }
 * 1) mw-echo-special-container .mw-echo-notification,
 * 2) mw-echo-special-container .mw-echo-notification.mw-echo-unread {
 * 1) mw-echo-special-container .mw-echo-notification:hover,
 * 2) mw-echo-special-container .mw-echo-notification.mw-echo-unread:hover {

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

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

/* copyright images tweak */ .skin-hydradark .copyright-icon { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/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; }

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

.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://static.wikia.nocookie.net/worldsadrift_gamepedia/images/f/f2/Parchment_Sheet_Top.png/revision/latest) no-repeat left top, url(https://static.wikia.nocookie.net/worldsadrift_gamepedia/images/c/c0/Parchment_Sheet_Center.png/revision/latest) no-repeat 0px 16px, url(https://static.wikia.nocookie.net/worldsadrift_gamepedia/images/8/8e/Parchment_Sheet_Bottom.png/revision/latest) 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://static.wikia.nocookie.net/commons_hydra/images/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://static.wikia.nocookie.net/worldsadrift_gamepedia/images/d/da/Vector_menu_rightarrow.png/revision/latest) 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://static.wikia.nocookie.net/worldsadrift_gamepedia/images/5/56/Parchment_Title.png/revision/latest) 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://static.wikia.nocookie.net/worldsadrift_gamepedia/images/5/56/Parchment_Title.png/revision/latest) 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; }