MediaWiki:Hydra.css

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

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

div#mw-head { border: none; background-color: #30333A; background: #010100 url("https://static.wikia.nocookie.net/herossong_gamepedia/images/a/ac/Hsbanner.png/revision/latest") no-repeat scroll center 30%; background-size: cover; 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 { position: absolute; height: 288px !important; width: 480px !important; top: -150px; left: 270px; background: url(https://static.wikia.nocookie.net/herossong_gamepedia/images/2/29/Hslogo.png/revision/latest); background-repeat: no-repeat; z-index: 999999; }

@media screen and (max-width: 1600px) { .mw-wiki-logo { left: 160px; } }

@media screen and (max-width: 1200px) { .mw-wiki-logo { left: 50px; } }

@media screen and (max-width: 1000px) { .mw-wiki-logo { background-size: 90%; left: 0px; } }

@media screen and (max-width: 900px) { .mw-wiki-logo { background-size: 80%; left: -20px; } }

/* 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 !important; }

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

background: transparent url("https://eqnext.gamepedia.com/media/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; }

@media screen and (max-width: 768px) { div.vectorTabs { background: #222222; } }

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 {

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

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://eqnext.gamepedia.com/media/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://eqnext.gamepedia.com/media/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 left 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 left center !important; width: 9px; height: 30px; }

div#mw-head div#p-sharing h3 { width: auto; }

div#mw-head div#p-cactions h3 { width: 9px; }

div#mw-head div#p-cactions h3 span, div#mw-head div.vectorMenu h3 span:after { display: none; }

div#mw-head div#p-sharing h3 span { height: 30px; line-height: 30px; color: #808080; margin: 0; padding: 0 0 0 15px; }

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 {

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

/* Infobox styles */ /* INFOBOXES: game or book depended color style */ .infobox { background: transparent; border: solid 1px rgba(8,7,5,1); border-collapse: collapse; color: #ebe4d7; float: right; font-size: 89%; margin: 0 0 1em 1em; padding: 0; width: 300px; }

/* infobox within tooltip has a background */ .wst-tooltip-loading .infobox { background: rgba(37,30,20,.85); }

.infobox td > div { background-color: rgba(37,30,20,.85); color: #dadada; border: 1px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

table.infobox .infoboxlabel { background: rgba(37,30,20,.85) padding-box; color: #FFFFFF; font-weight: bold; padding: 5px; }

.infoboxname { background: #7F3808 linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%); color: #FFFFFF; font-family: EasonPro,"Times New Roman",serif; font-size: 135%; font-weight: bold; padding-top: 5px; text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.75); }

.infoboxdetails { background: #7F3808; color: #FFFFFF; font-weight: bold; padding: 0em; }

.infoboxicon { position: absolute; }

table.infobox td, table.infobox > tr > td, table.infobox > * > tr > td { border: solid 1px rgba(8,7,5,1); }

table.infobox td, table.infobox tr td, table.infobox > tr > td, table.infobox > * > tr > td { background-color: rgba(37,30,20,.5); padding: 5px; }