Hydradark.css

CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@font-face {
  font-family: "Ethnocentric";
  src: url("http://hydra-media.cursecdn.com/hydra/fonts/ethnocentric-rg.ttf") format("opentype");
}

.i18ndoc {
    background-color: #FFF77D;
    border-bottom: 1px solid lightgrey;
    font-family: monospace;
    font-size: 8pt;
    height: 140px;
    overflow: auto;
    padding: 3px;
}

body.page-Awesomenauts_Wiki h1.firstHeading {
    display:none;
}

/* Framework */
body {
  background: #000000 url("http://hydra-media.cursecdn.com/awesomenauts.gamepedia.com/9/98/Bg.jpg") no-repeat center top / 100% auto;
  background: url("http://hydra-media.cursecdn.com/awesomenauts.gamepedia.com/9/98/Bg.jpg") no-repeat scroll center top / 100% auto, url("http://hydra-media.cursecdn.com/awesomenauts.gamepedia.com/c/c8/Bg_seamless.png") repeat scroll center top #000000;
}

body #pageWrapper {
    margin-right: 10px;
}

/* Head */
div#mw-page-base {
    background: transparent;
    background-image: none;
}

#mw-head-base {
    background: transparent;
    background-image: none;
    border-bottom: 0px;
}

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

div#mw-head div.vectorMenu h4 {
    color: #D5D4D4;
}

/* panel */
div#mw-panel div.portal h5 {
    border: medium none;
    color: #CC6600;
    cursor: default;
    font-size: 1em;
    font-weight: bold;
    padding: 0 0 0 1.25em;
}

div#mw-panel div.portal div.body {
    background: transparent;
}

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

/* Tabs */
div.vectorTabs {
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -6px;
}

div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
    color: #BA0000;
}

div.vectorTabs li span a {
    background: #9A4A01; /* Old browsers */
    background: -moz-linear-gradient(top, #CD6201 35%, #9A4A01 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#CD6201), color-stop(65%,#9A4A01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* IE10+ */
    background: linear-gradient(to bottom,  #CD6201 35%,#9A4A01 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CD6201', endColorstr='#9A4A01',GradientType=0 ); /* IE6-9 */
    display: inline-block;
    border: 1px solid #9A4A01;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 19px;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    text-align: center;
}

div.vectorTabs span {
    background-image: none;
}

div.vectorTabs li.selected {
    background-color: transparent;
    background-image: none;
    color: #FFFFFF;
    font-weight: bold;
}

div.vectorTabs ul { 
    background-image: none; 
}

div.vectorTabs ul li {
    background-color:transparent;
    background-image:none;
}

div.vectorTabs li a, div.vectorTabs li a span {
    color: #FFFFFF;
    cursor: pointer;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

div.vectorMenu h5 a {
    background-color: transparent;
    background-image: none;
    border: 0px;
}

div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
    color: #FFFFFF;
}

div.vectorMenu li a {
    color: #FFFFFF;
}

div.vectorMenu ul {
    background-color: #000000;
    background-image: none;
    border: 1px solid #CC6600;
}

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


/* Content */
div#content {
    background: url('http://hydra-media.cursecdn.com/awesomenauts.gamepedia.com/1/17/Black_85percent.png') repeat transparent;
    color: #D5D4D4;
    line-height: 1.5em;
    overflow: hidden;
}

/* Footer */
div#footer {
    background: transparent !important;
}

div#footer a {
    color: #D5D4D4;
}

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

/* other page elements */
.catlinks {
    background-color: transparent;
    border: 1px solid #323232;
    border-radius: 2px 2px 2px 2px;
}

.catlinks li {
    border-left: 1px solid #323232;
}

fieldset {
    border: 1px solid #CC6600;
}

code {
    background-color: #000000;
}

pre {
    background-color: #141618;
    border: 1px dashed #323232;
    color: #D5D4D4;
    padding: 1em;
}

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

h1, 
h2 {
    border-bottom: 1px solid #404040;
    color: #D5D4D4;
    font-family: Ethnocentric, sans-serif;
}

h3 {
    color: #D5D4D4;
    font-family: Ethnocentric, sans-serif;
    font-size: 16px;
}

h4 {
    color: #D5D4D4;
    font-family: Ethnocentric, sans-serif;
    font-size: 14px;
}

h5 {
    color: #D5D4D4;
    font-family: Ethnocentric, sans-serif;
    font-size: 12px;
}

h6 {
    color: #D5D4D4;
    font-family: Ethnocentric, sans-serif;
    font-size: 11px;
}

a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited {
    color: #CC6600;
}

ul {
    color: #D5D4D4;
    list-style: square outside none;
}

ul#filetoc {
    background-color: rgba(0, 0, 0, 0);
}

/* tables */
table.wikitable {
    background: none repeat scroll 0 0 transparent;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
    background: #9A4A01; /* Old browsers */
    background: -moz-linear-gradient(top, #CD6201 35%, #9A4A01 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#CD6201), color-stop(65%,#9A4A01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* IE10+ */
    background: linear-gradient(to bottom,  #CD6201 35%,#9A4A01 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CD6201', endColorstr='#9A4A01',GradientType=0 ); /* IE6-9 */
    text-align: center;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #323232;
    padding: 0.2em;
}

.wikitable th {
    background-color: #577fa8;
    border: 1px solid #323232;
    color: #CCD1EC;
    padding: 0.2em;
}

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

table.mw_metadata th {
    background: #9A4A01; /* Old browsers */
    background: -moz-linear-gradient(top, #CD6201 35%, #9A4A01 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#CD6201), color-stop(65%,#9A4A01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* IE10+ */
    background: linear-gradient(to bottom,  #CD6201 35%,#9A4A01 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CD6201', endColorstr='#9A4A01',GradientType=0 ); /* IE6-9 */
    color: #CCD1EC;
}

table.mw_metadata td {
    background-color: transparent;
}

table.mw_metadata td, table.mw_metadata th {
    border: 1px solid #323232;
}

.mw-datatable, .mw-datatable td, .mw-datatable th {
    border: 1px solid #323232;
}

.TablePager {
    color: #000000;
    border: 1px solid #323232;
    padding: 0 0.15em;
}
 
.TablePager th {
    background: #9A4A01; /* Old browsers */
    background: -moz-linear-gradient(top, #CD6201 35%, #9A4A01 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#CD6201), color-stop(65%,#9A4A01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* IE10+ */
    background: linear-gradient(to bottom,  #CD6201 35%,#9A4A01 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CD6201', endColorstr='#9A4A01',GradientType=0 ); /* IE6-9 */
    color: #FFFFFF !important;
}

.TablePager tr:hover td {
    background-color: #577fa8 !important;
    color: #000000;
}

.TablePager th a {
    background-color: transparent;
    color: #FFFFFF !important;
}
 
.TablePager td {
    background: transparent !important;
    border: 1px solid #323232;
    color: #FFFFFF ;
}


/* AJAX poll colour fix and info tweak */
.ajaxpoll {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #323232;
    color: #D5D4D4;
    margin-top: 1em;
    padding: 1em;
}

.ajaxpoll .ajaxpoll-ajax {
    background: #9A4A01; /* Old browsers */
    background: -moz-linear-gradient(top, #CD6201 35%, #9A4A01 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#CD6201), color-stop(65%,#9A4A01)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CD6201 35%,#9A4A01 65%); /* IE10+ */
    background: linear-gradient(to bottom,  #CD6201 35%,#9A4A01 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CD6201', endColorstr='#9A4A01',GradientType=0 ); /* IE6-9 */
}

.ajaxpoll .ajaxpoll-answer-vote div {
    background: none repeat scroll 0 0 #3F3F3F;
    border: 1px solid #323232;
}

.pollAnswerVotes, .ajaxpoll .ajaxpoll-answer-vote {
    border: 1px solid #323232;
}

.ajaxpoll .ajaxpoll-id-info {
    display: none;
}

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

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

#preferences fieldset.prefsection {
    border: medium none !important;
}

#preftoc li.selected a {
    background-color: #000000;
    background-image: none;
    border-color: #323232;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #CCD1EC;
}

#preferences {
    background-color: #000000;
    border: 1px solid #323232;
}

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

#preferences legend {
    color: #323232;
}

#preferences td.htmlform-tip {
    color: #5F5D5E;
}

/* Thumbnails */
div.thumbinner {
    background-color: #000000;
}

li.gallerybox {
    border: none;
}

li.gallerybox div.thumb {
    background-color: #000000;
    border: none;
}

img.thumbborder {
    border: 1px solid #CC6600;
}

html .thumbimage {
    border: 1px solid #CC6600;
}

/* Search form */
.mw-search-formheader {
    background-color: #000000;
    border: 1px solid #CC6600;
    margin-top: 1em;
}

.mw-search-formheader div.search-types ul li.current a {
    color: #959595;
}

#pagehistory li.selected {
    background-color: transparent;
    border: 1px dashed #262626;
}

#pagehistory li {
    border: none;
}

table.diff, td.diff-otitle, td.diff-ntitle {
    background-color: rgba(0, 0, 0, 0);
}

td.diff-context {
    background: none repeat scroll 0 0 #000000;
}

/*** framed-section ***/

.framed, .framed-table {
  border:2px solid #CC6600;
  border-radius: 21px;
}

div.framed {
   padding:12px 4px;
}

.framed-table td {  
  height: 2em;
  padding: .2em 1em;
}

.framed-table th {
  color:#FFFFFF;
  font-size: 130%;
  background:#CC6600;
  border-radius: 21px;
  text-align:center;
  font-weight:bold;
  line-height:150%;
  margin: 8px;
}

.framed-table th a {
  color:#FFFFFF;
}

/*** Tool Tips ***/

.tooltip {
  background:black;
  position:absolute;
  display:none;
}