Hydradark.css

/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Hide main page header */
body.page-Age_of_Decadence_Wiki h1.firstHeading {
    display:none;
}

/* Framework */
body {
    background: url('http://hydra-media.cursecdn.com/ageofdecadence.gamepedia.com/9/98/Bg.jpg') repeat-x top #482c21;
}

#pageWrapper {
    margin-right: 10px;
}

/* Header */
#mw-page-base {
    background-color: transparent;
    background-image: none;
}

div#mw-head {
    background: transparent;
}

#mw-head-base {
    background: transparent;
    border-bottom: 1px solid #D4B576;
}

/* Tabs */
#left-navigation {
    margin-left: 165px;
}

#right-navigation {
    margin-right: 10px;
}

#ca-watch.icon a,
#ca-unwatch.icon a {
    padding-top: 23px;
}

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

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

div.vectorTabs {
    background-color: transparent;
    background-image: none;
    height: 30px;
    margin: 0;
    padding: 0;
}
 
div.vectorTabs span {
    background-image: none;
}

div.vectorTabs span a {
    padding-top: 0.5em;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span {
    color: #D4B576 !important;
    font-weight: bold;
    text-decoration: none;
}
 
div.vectorTabs ul {
    background-image: none;
}
 
div#mw-head a,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a,
.vectorTabs li a span {
    color:#C0C0C0;
}
 
div.vectorTabs li a:hover,
div.vectorTabs li a:hover span {
    color:#D4B576;
}
 
div.vectorTabs li a {
    background-image: none;
}
 
div.vectorTabs li.selected, 
div.vectorTabs ul li {
    background-color: transparent;
    background-image: none;
}

div.vectorMenu h3 a {
    background-image: none;
}

#mw-head div.vectorMenu h3,
#mw-head div.vectorMenu h5 {
    background-image: none;
    border: none;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    font-family: sans-serif;
    font-weight: bold;
    padding-top: 8px;
}

div.vectorMenu {
    background-position: 100% 20%;
}
 
div.vectorMenu ul {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #D4B576;
}
 
div.vectorMenu h5 a {
    background-image: none;
}
 
div.vectorMenu li a {
    color: #D4B576;
}

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

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited {
    color: #d4b576;
}

div#mw-panel div.portal h3,
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 .portal.collapsed h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #ffffff;
}

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

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

/* Content */
div#content {
    background: none repeat scroll 0 0 #000000;
    border-right: 1px solid #D4B576;
    border-top: 0px solid #D4B576;
    border-bottom: 1px solid #D4B576;
    border-left: 1px solid #D4B576;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    line-height: 1.5em;
    wdith: 100%;
}


div#content fieldset {
    border: 1px solid #D4B576 !important;
}

.mw-search-formheader {
    background-color: transparent;
    border: 1px solid #D4B576;
}

fieldset#mw-searchoptions {
    background: transparent;
}

/* Fonts */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    border-bottom: 1px solid #D4B576;
    color: #D4B576;
}

div#mw-panel div.portal div.body ul li a, 
div#mw-panel div.portal div.body ul li a:visited,
div.vectorMenu li a,
div.vectorTabs li a, 
div.vectorTabs li a span,
#preftoc a, 
#preftoc a:active {
    color: #D4B576;
}

a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited,  
#preferences td.htmlform-tip, #contentSub, 
#contentSub2,
#preferences legend,
#preftoc li.selected a  {
    color: #D4B576;
}

a.new, 
div.vectorTabs li.new a, 
#p-personal a.new, 
#quickbar a.new,
abbr, 
acronym, 
.explain,
.previewnote,
.mw-plusminus-neg {
    color: red !important;
}

/* Footer */

div#footer {
    background: transparent !important;
    background-image: url("/images/4/46/Border.png");
}

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

#userlogin, 
#userloginForm, 
.mw-warning, 
li.gallerybox, 
div.thumbinner, 
.catlinks, 
.usermessage,
ul#filetoc {
    background-color: #000000;
    border: 1px solid #D4B576;
}

code {
    background-color: #12171B;
}

ul {
    list-style-image: url("images/7/7a/Bullet.png");
}

/* Tables */
/* colour fix for metadata box */

table.mw_metadata th {
    background-color: #000000;
}

table.mw_metadata td {
    background-color: #000000;
}

.TablePager th {
    background-color: #000000;
}

.TablePager td {
  background-color:transparent;
}

.TablePager tr:hover td {
  background-color: #000000;
}

#mw-allmessagestable .allmessages-customised:hover {
    background-color: #000000;
}

#mw-allmessagestable .allmessages-customised td.am_default {
    color: black;
}

#mw-allmessagestable td.am_actual {
    color: black;
}

.mw-specialpages-table {
    margin-bottom: 0;
    margin-top: 0;
}

/* Thumbnails */
li.gallerybox div.thumb, html .thumbimage {
    background-color: #000000 !important;
    border: 0px;
}

html .thumbcaption {
    background-color: #000000;
}

/* Page history */
#pagehistory li {
    background-color: #000000;
    border: 1px solid #D4B576;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: #1f1108;
    background-image: none;
    border: 1px dashed #D4B576;
    padding: 3px;
}

table.diff {
    background-color: #1f1108;
}

td.diff-deletedline {
    background: none repeat scroll 0 0 #FFFFAA !important;
    color: black !important;
}

td.diff-addedline {
    background: none repeat scroll 0 0 #CCFFCC !important;
    color: black !important;
}

/* Preferences */
.skin-hydradark #preftoc {
    background-color: #000000;
    border: 0px;
    margin: 0 0 4px !important;
}

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

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

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

.skin-hydradark #preferences fieldset {
    border-color: #D4B576;
}

/* page history */
#pagehistory li {
    background-color: transparent;
    border: 1px solid #D4B576;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: #000000;
    background-image: none;
    border: 1px dashed #404040;
    padding: 3px;
}

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

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

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

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

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

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

div.wikiEditor-ui-tabs div a {
    background: #000000;
    color: #ffffff;
}

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

div.wikiEditor-ui-tabs div.current a {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 0.1em #999999;
}

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

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

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

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

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

.tab {
   border-color: transparent;
}

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

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: #c8c8c8;
}

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

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

div.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: #000000;
    color: #c8c8c8;
}

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

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

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

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

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

div.wikiEditor-preview-contents {
    background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #D4B576 #D4B576;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

div.editOptions {  
    background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #D4B576 #D4B576;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}