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

/* Framework */
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: url("https://adventofascension.gamepedia.com/media/adventofascension.gamepedia.com/3/3a/Bg.png") no-repeat fixed center center / cover  rgba(0, 0, 0, 1);
}

#global-wrapper {
	background-color: rgba(0,0,0,0.3);
}

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

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

div#mw-head {
    margin-right: 5px;
}

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

/* Tabs */
#right-navigation {
    margin-right: 5px;
}

div.vectorTabs {
    background-image: none;
}

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

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

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

div.vectorTabs ul li span,
div.vectorTabs ul li.selected span {
    background-image: none;
}

div.vectorTabs li span a,
div.vectorMenu h3 span {
    background-image: none;
    color: #ffffff;
    font-weight: bold;
}

div.vectorTabs span a:visited {
    color: #ffffff;
}

div.vectorTabs li span a:hover,
div.vectorTabs span a:visited:hover {
    color: #F4B7B7 !important;
}

div.vectorTabs li.selected span a {
    color: #ffffff !important;
}

div.vectorTabs li.new span a:hover,
div.vectorTabs li.new span a:visited:hover {
    color: #644e4e;
}

iv.vectorMenu h3 a {
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");
    background-position: 100% 70%;
    background-repeat: no-repeat;
}

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

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #ffffff;
    font-weight: bold;
}

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


/* Sidebar */
div#mw-panel div.portal div.body,
#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:visited {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

div#mw-panel div.portal h3,
div#mw-panel div.portal h3:visited,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-weight: bold;
    text-transform: uppercase;
}

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

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

/* Footer */
div#footer {
    overflow-y: hidden;
}

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

div#footer ul li a {
    color: #a28a85;
}


/* Notice templates */
.topNotice {
  border: 2px solid #ff9900;
  background: rgba(0, 0, 0, 0);
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

.topNotice .heading {
  font-size: 132%;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

.topNotice.delete {
  border: 2px solid #ff0000;
}

.topNotice.move,
.topnotice.merge,
.topnotice.split {
  border: 2px solid #bb8800;
}

.topNotice.pagestub,
.topNotice.imagerequest,
.topNotice.nowalkthrough {
  border: 2px solid #008000;
}

/* Navboxes in general */
/* Lore navboxes */
/* --- TABLE DESIGNS --- */
/* Default style for navigation boxes */
.navbox2 {                     /* Navbox container style */
   border: 1px solid #aaa;
   width: 100%;
   margin: auto;
   clear: both;
   font-size: 88%;
   text-align: center;
   padding: 1px;
}
.navbox2-inner,
.navbox2-subgroup {
   width: 100%;
}
.navbox2-group,
.navbox2-title,
.navbox2-abovebelow {
   padding: 0.25em 1em;      /* Title, group and above/below styles */
   line-height: 1.5em;
   text-align: center;
}
th.navbox2-group {             /* Group style */
   white-space: nowrap;
   /* @noflip */
   text-align: right;
}
.navbox2,
.navbox2-subgroup {
   background: #efefef;      /* Background color */
}
.navbox2-list {
   line-height: 1.8em;
   border-color: #efefef;    /* Must match background color */
}
.navbox2 th,
.navbox2-title {
   background: #6e18a3;      /* Level 1 color */
   color: #fff;
}
.navbox2-abovebelow,
th.navbox2-group,
.navbox2-subgroup .navbox2-title {
   background: #efefef;      /* Level 2 color */
   color: #000;
}
.navbox2-subgroup .navbox2-group,
.navbox2-subgroup .navbox2-abovebelow {
   background: #efefef;      /* Level 3 color */
}
.navbox2-even {
   background: rgba(0,0,0,0.05);      /* Even row striping */
}
.navbox2-odd {
   background: transparent;  /* Odd row striping */
}
table.navbox2 + table.navbox2 {  /* Single pixel border between adjacent navboxes */
   margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox2 .hlist td dl,
.navbox2 .hlist td ol,
.navbox2 .hlist td ul,
.navbox2 td.hlist dl,
.navbox2 td.hlist ol,
.navbox2 td.hlist ul {
   padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox2,
ul + table.navbox2 {
   margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
   display: inline;
   font-size: 88%;
   font-weight: normal;
}
.navbar ul {
   display: inline;
   white-space: nowrap;
}
.navbar li {
   word-spacing: -0.125em;
}
.navbar.mini li span {
 font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
   font-size: 100%;
}
.navbox2 .navbar {
   display: block;
   font-size: 100%;
}
.navbox2-title .navbar {
   /* @noflip */
   float: left;
   /* @noflip */
   text-align: left;
   /* @noflip */
   margin-right: 0.5em;
   width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
   font-weight: normal;
   /* @noflip */
   text-align: right;
}
/* In navboxes, the show/hide button balances the v·d·e links
  from [[Template:Navbar]], so they need to be the same width. */
.navbox2 .mw-collapsible-toggle {
   width: 3em;
}

table.extrapadding td {
  padding-left: 4px;
  padding-right: 4px;
}

table.td-right td { text-align: right; }

.content .navbox2 table {
    margin: 0;
}
.content .navbox2 ol ol, .content .navbox2 ul ol, .content .navbox2 ol ul, .content .navbox2 ul ul {
    margin-left: 0;
}
.navbox2-title a, .noprint.plainlinks.navbar span, .navbox2 .mw-collapsible-toggle > a {
    color: #fff;
}
/* End of new Navbox styling */

/* Solution of Msupload */
#msupload-container {
    vertical-align: middle;
}