User:Alianin/hydra.css

/* CSS placed here will affect users of the Hydra skin */ /* For elements which only display in the mobile view */ .mobileonly { display: none; }

/* Custom font */ @font-face { font-family: 'Open Sans', sans-serif; src: url(https://fonts.googleapis.com/css?family=Open+Sans); font-weight: bold; }

/* Hide main page header */ body.page-Heros_Song_Wiki h1.firstHeading { display: none; }

/* Header */ div#mw-head-base { display: none; }

div#mw-head { background: #010100 url("https://hydra-media.cursecdn.com/herossong.gamepedia.com/8/82/Top_400-A.png?version=58e0d1c2168e3ed98156434869ce3e26") no-repeat scroll center 90%; border: none; padding-top: 90px; height: 250px; z-index: 1; }

content: ""; position: absolute; display: block; background-color: rgba(0,0,0,0.24); height: 35px; width: 100%; margin-top: 215px; z-index: -9; }
 * 1) mw-head:after {

/* Body */ body { font-family: 'Open Sans', sans-serif; } .mw-body { border: 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14); margin-top: 270px; }

background-color: white; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14); top: 350px !important; }
 * 1) mw-panel {

.mw-wiki-logo { display: none; background-image: none; }


 * 1) p-logo { display: none !important; }
 * 2) p-logo a { display: none !important; }

/* Navigation */ position: static; float: left; top: 0; left: 0; margin: 0; padding: 0; margin-top: 215px; }
 * 1) left-navigation {

margin: 0 0 0 0; padding: 0; margin-top: 215px; }
 * 1) right-navigation {

div.vectorTabs { border: none; background: transparent; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); height: 30px; margin: 2px 0 3px 0; padding: 0 0 0 0; }

div.vectorTabs ul { border: none; background: transparent; }

div.vectorTabs ul li { }

div.vectorTabs ul li, div.vectorTabs ul li.selected { border: none; margin: 0; padding: 0; }

div.vectorMenu div.menu { background: white !important; border: 0 !important; border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,.24); }

div#p-cactions div.menu ul li a { color: #777 !important; padding: 3px 12px !importan; }

background: transparent url("https://hydra-media.cursecdn.com/eqnext.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat right center; }
 * 1) left-navigation ul li {

background: transparent url("https://hydra-media.cursecdn.com/eqnext.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat left center; }
 * 1) right-navigation ul li {

div.vectorTabs ul li span, div.vectorTabs ul li.selected span { border: none; background: transparent; }

div.vectorTabs li span a { border: none; background: transparent; color: #ffd955; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); height: 30px; line-height: 30px; margin: 0; }

padding: 0 18px 0 16px; }
 * 1) left-navigation li span a {

padding: 0 16px 0 18px; }
 * 1) right-navigation li span a {

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

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

div.vectorTabs span a:hover, div.vectorTabs span a:visited:hover, div.vectorTabs li.selected span a:hover { text-decoration: underline; }

div.vectorTabs li.new span a { color: #d58f7f; }

div.vectorTabs li.new span a:visited { color: #c09c94; }

div.vectorTabs li.new.selected span a { border: none; background: transparent; color: #ffdddd !important; }

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

}
 * 1) p-views {

background-position: center center; padding: 30px 1.3em 0 1.3em; height: 0; }
 * 1) ca-unwatch.icon a, #ca-watch.icon a {

div.vectorMenu { border: none; width: 9px; height: 30px; line-height: 30px; margin: 2px 0 3px 0; }

div#p-cactions { width: 9px; background: transparent url("https://hydra-media.cursecdn.com/eqnext.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat left center; padding: 0 16px 0 18px; }

div#p-sharing { width: auto; background: transparent url("https://hydra-media.cursecdn.com/eqnext.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat right center; padding: 0 18px 0 16px; }

div.vectorMenu h4 { border: none; background: transparent; color: #ffd955; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); height: 30px; line-height: 30px; margin: 0 5px 0 0 !important; padding: 0 0.3em 0 0.3em !important; }

div#mw-head div.vectorMenu h3 { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAeCAYAAAD+QjQzAAAABmJLR0QAswDGANy0Y722AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYZFzA4LghzfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAbElEQVQ4y2NgGAVDFTAyMDAwbD525z8uBb5WKoxMDAwMDDkxXsW/fv74giz56+ePLzkxXsXIYhyKqprZa/df+bz52J3/a/df+ayoqpnNwMDAgW4yh6KqZvbmY3f+41IAV8jAwJCGT8EoGIYAAE6dH9hKk8GKAAAAAElFTkSuQmCC") no-repeat center center !important; width: 9px; height: 30px; }

div#mw-head div.vectorMenu:hover h3 { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAeCAYAAAD+QjQzAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYZFzEhU3jq/QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAWElEQVQ4y+3MMQ7AIAxDUacTl4l8qy6MHB2UjO5WoUp0b8UfnacAu69mACBJS2BmBwC4e8vMMR8zc7h7m7dCskZEl6SI6CQrgPL8XEhWSVqBGwI438Duh11hfyHC8J/0xgAAAABJRU5ErkJggg==") no-repeat center center !important; width: 9px; height: 30px; }

div#mw-head div.vectorMenu h3 span { display: none; }

div#mw-head div.vectorMenu h3 a { border: none; background: transparent; }

div.vectorMenu div.menu { border: 1px solid #58708a; background: #253e5c; margin: 0; padding: 4px 10px; z-index: 3000; }

div.vectorMenu div.menu ul { border: none; background: transparent; }

div#p-cactions div.menu { left: auto; right: 0; }

div#p-cactions div.menu ul { text-align: right; }

div#p-sharing div.menu { left: 0; }

div.vectorMenu div.menu ul li { background: transparent !important; }

div#p-cactions div.menu ul li a { color: #ffd955; margin: 5px 0; padding: 1px 0; }

div#p-cactions div.menu ul li a:visited { color: #c09c94; }

div#p-cactions div.menu ul li a:active { color: #ffffff; }

position: absolute; top: 0; right: 0; margin: 0; padding: 0; }
 * 1) p-search {

}
 * 1) p-search form {

}
 * 1) p-search input {

vertical-align: top; }
 * 1) p-search input[type="submit"], #p-search input[type="button"], #p-search input[type="reset"] {

width: 220px; }
 * 1) searchInput {

div#simpleSearch { border: 1px solid #dddddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; background: #ffffff; color: #222222; line-height: 1.4em; padding: 4px; margin-top: 265px; margin-right: 3px; }

div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton, div#simpleSearch #searchButton:hover, div#simpleSearch #mw-searchButton:hover, div#simpleSearch #searchButton:active, div#simpleSearch #mw-searchButton:active { color: transparent; box-shadow: none; }

/* Misc */ .catlinks { border: 0; background-color: #e6e6e6; }

/* copyright images tweak */ .copyright-icon { background: url("https://hydra-media.cursecdn.com/commons.cursetech.com/thumb/b/b6/Copyright.png/32px-Copyright.png) transparent center center no-repeat;   background-size: 100%;    width: 32px;    height: 32px; }

/* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding:0.25ex 1ex 0ex; font-size: 95%; }

.ambox { background-color: #eeeeee; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

.ambox-gray { border-left-color: #383838; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -2px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; }

.ambox-red { border-left: 10px solid #b22222; }

.ambox-orange { border-left: 10px solid #f28500; }

.ambox-yellow { border-left: 10px solid #f4c430; }

.ambox-purple { border-left: 10px solid #9932cc; }

.ambox-gray { border-left: 10px solid #bba; }

.ambox-green { border-left: 10px solid #228b22; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left:0.8em; margin-top:0.5em; }