MediaWiki: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://static.wikia.nocookie.net/adventofascension_gamepedia/images/3/3a/Bg.png/revision/latest") no-repeat fixed center center / cover rgba(0, 0, 0, 1); }

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

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

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

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

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

div.vectorMenu h3 a { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/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, background-image: none; }
 * 1) mw-panel.collapsible-nav .portal {

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, color: #fff; text-shadow: 1px 1px 2px #000; font-weight: bold; text-transform: uppercase; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h3 a:visited,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3,
 * 4) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 5) mw-panel.collapsible-nav .portal.collapsed h3 a:visited {

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: rgba(0,0,0,0.1);     /* 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: 6em; }

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; } .navbox2-subgroup th.navbox2-title a { color: #000; } /* End of new Navbox styling */