Hydra.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-Moon_Hunters_Wiki h1.firstHeading {
    display:none;
}

/* Framework */
body {
    background: #595893 url("http://hydra-media.cursecdn.com/moonhunters.gamepedia.com/3/3a/Bg.png") repeat-x fixed;
}

#pageWrapper { 
    padding-right: 1em;
}

/* Head */
div#mw-page-base {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

#mw-head-base {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-bottom: 0px;
}

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

div.vectorTabs {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs li a {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    margin-top: -16px;
}

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

div.vectorTabs li span,
div#mw-head div.vectorMenu h3 {
    background: #595893;
    border: 1px solid #484776;
    box-shadow: 0 0.1em 0.75em #000000;
    padding: 2px 10px;
    height: 19px;
    text-align: center;
}

div.vectorTabs li span {
    margin: 0 3px;
}

div#mw-head div.vectorMenu h3 {
    margin: 0.5em 3px 0;
}

div#p-sharing .menu {
    margin-left: 45px;
    min-width: 0px;
    width: 48px;
}

#p-sharing #socialIconImages img {
    width: 100%;
}
 
#p-sharing #socialIconImages a {
    width: 40px;
}

div.vectorMenu h3 a {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://hydra-media.cursecdn.com/commons.cursetech.com/0/0b/Vector_menu_downarrow.png") !important;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

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

div.vectorTabs li.new a, 
div.vectorTabs li.new a:visited {
    color: #FC0000;
    text-shadow: 0.3em 0.3em 0.2em #000000;
}

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

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

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

div.vectorMenu h3 span {
    font-family: arial;
    padding-top: 0.1em;
}

div.vectorMenu div.menu {
    background: #595893;
    border: 1px solid #484776;
    box-shadow: 0 0.1em 0.75em #000000;
}

div.vectorMenu ul {
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

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

/* Sidebar */
div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    border: medium none;
    color: #9A99FF;
    font-weight: bold;
    text-transform: uppercase;
}

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

div#mw-panel div.portal div.body ul li a, 
div#mw-panel div.portal div.body ul li a:visited {
    color: #FFFFFF;
    font-weight: bold;
}

/* social media add-on fix */
div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto;
}

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

/* Content */
div#content {
    border: none;
    box-shadow: 0 0.1em 0.75em #000000;
    box-sizing: border-box;
}

/* other page elements */
.catlinks {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #3e274f;
}

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

.CategoryTreeToggle {
    color: #3e274f;
}

a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited {
    color: #9a99ff;
    text-shadow: 0 0 0.01em #3e274f;
}

a.new {
    color: #FC0000;
}

#contentSub,
#contentSub2 {
    color: #595893;
}

h1, 
h2 {
    border-bottom: 1px solid #3e274f;
    color: #3e274f;
}

h3 {
    color: #3e274f;
    font-size: 16px;
}

h4 {
    color: #3e274f;
    font-size: 14px;
}

h5 {
    color: #3e274f;
    font-size: 12px;
}

h6 {
    color: #3e274f;
    font-size: 11px;
}

#toc,
.toc,
.mw-warning {
    border: 1px solid #3e274f;
}

ul#filetoc {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #3e274f;
}

fieldset {
    border: 1px solid #3e274f;
}

/* Footer */
div#footer {
    background-image: none;
}

div#footer ul li {
    color: #ffffff;
    text-shadow: 0.3em 0.3em 0.2em #000000;
}

div#footer a { 
    color: #9A99FF;
    text-shadow: 0.3em 0.3em 0.5em #000000;
}

div#footer a:hover { 
    color: #9A99FF;
}

/* Page history */
table.diff {
    background-color: rgba(0, 0, 0, 0);
}

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

td.diff-deletedline {
    background-color: #FFE49C;
    border-color: #FFE49C;
    color: black;
}

td.diff-addedline {
    background-color: #A3D3FF;
    border-color: #A3D3FF;
    color: black;
}

/* Thumbnails and images */
div.thumbinner {
    background: none repeat scroll 0 0 rgba(89, 88, 147, 0.7);
    border: 1px solid #595893;
    box-shadow: 0 0.1em 0.75em #595893;
    font-size: 94%;
    overflow: hidden;
    padding: 3px !important;
    text-align: center;
}

li.gallerybox div.thumb {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #595893;
    box-shadow: 0 0.1em 0.75em #595893;
}

html .thumbimage {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #595893;
}

/* Image upload */
#upload_list .file .file-title {
    color: #3e274f;
}

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

/* Wiki claim tools */
#claimlist .controls_container > .dropdown {
    right: 24px;
    top: -24px;
}