MediaWiki:Hydra.css

/**************** * Custom Fonts * ****************/ @font-face { font-family: OpenSans; src: url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Regular.ttf) format('truetype'); }

@font-face { font-family: OpenSans; font-style: italic; src: url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Italic.ttf) format('truetype'); }

@font-face { font-family: OpenSans; font-weight: bold; src: url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Bold.ttf) format('truetype'); }

@font-face { font-family: OpenSans; font-style: italic; font-weight: bold; src: url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype'); }

@font-face { font-family: "Mojang"; src: url(http://hydra-media.cursecdn.com/hydra/fonts/Mojang-Regular.ttf) format('truetype'); font-weight: normal; }

@font-face { font-family: "Mojang"; src: url(http://hydra-media.cursecdn.com/hydra/fonts/Mojang-Bold.ttf) format('truetype'); font-weight: bold; }

/****************** /* General styles * /******************/ body { background-image: url(http://hydra-media.cursecdn.com/ftb.gamepedia.com/1/1f/Background.jpg); background-position: center top; background-attachment: scroll; background-repeat: no-repeat; background-color: #171717; background-size: 100% auto; color: #000000; font-family: OpenSans, sans-serif; }

padding-right: 1em; }
 * 1) pageWrapper {

/*************** /* Logo styles * /***************/	width: auto; }   left: -5px; margin: 22px 0 0; position: absolute; width: 204px; }
 * 1) p-logo a {
 * 1) p-logo {

/***************** /* Header styles * /*****************/ div#mw-page-base { background: #262626; height: 82px; margin-bottom: 0; border-bottom: 3px solid #e04a40; }

div#mw-head { height: 82px; }

display: none; }
 * 1) mw-head-base {

/************************** /* Article navigation bar * /**************************/   position: absolute; top: 2px; left: 204px; margin: 0; margin-left: 2em; }
 * 1) left-navigation {

position: absolute; top: 2px; right: 0; margin: 0; }
 * 1) right-navigation {

div.vectorTabs { padding-left: 0; }

div.vectorTabs span, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorTabs, div#mw-head div.vectorMenu h3 { background: none; }

div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorMenu h3 span { color: #ffffff; text-transform: uppercase; }

div.vectorTabs li a { padding: 0 1em; height: 80px; line-height: 80px; }

div.vectorTabs li:not(.new) a:hover, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #ffffff; }

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

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { background: #e04a40; }

div.vectorMenu {}

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

div.vectorMenu h3 a { height: 80px; background-position: 100% 50%; }

div.vectorMenu h3 span { color: #fff; text-transform: uppercase; padding: 0; height: 80px; line-height: 80px; }

div.vectorMenu div.menu { top: 5em; }

div.vectorMenu div.menu { background: none; border: 3px solid #e04a40; border-top: none; }

div.vectorMenu ul { background: #262626; border: none; }

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

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

div#mw-head div.vectorMenu h3 { height: 80px; line-height: 80px; padding: 0 0 0 1em; margin: 0; }

margin-top: 17px; }
 * 1) ca-unwatch.icon a,
 * 2) ca-watch.icon a {

div#simpleSearch { margin-top: 0; }
 * 1) p-search input,

margin-top: 26px; }
 * 1) p-search form {

/****************** /* Sidebar styles * /******************/ div#mw-panel { margin: -3.5em 1em 2.5em; padding-top: 0; width: 9em; }

div#mw-panel div.portal, background: none; border: none; border-bottom: 1px dashed #e04a40; margin: 0; }
 * 1) mw-panel.collapsible-nav div.portal {

div#mw-panel div.portal h3, color: #ffffff; font-weight: bold; }
 * 1) mw-panel.collapsible-nav div.portal h3,
 * 2) mw-panel.collapsible-nav div.portal.collapsed h3 {

color: inherit; }
 * 1) mw-panel.collapsible-nav div.portal h3 a,
 * 2) mw-panel.collapsible-nav div.portal.collapsed h3 a {

div#mw-panel div.portal div.body, background: none; padding-top: 0; }
 * 1) mw-panel.collapsible-nav div.portal div.body {

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color: #ffffff; }

/*************** /* Link styles * /***************/ .gridContainer .gridImage > a { color: transparent !important; }

/****************** /* Article styles * /******************/ div#content { background: #ffffff; color: #000000; border: none; margin-top: 1em; font-family: OpenSans, sans-serif; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { color: #e04a40; font-family: OpenSans, sans-serif; }

h1, h2 { border-bottom: 1px dashed #e04a40; }

hr { background: none; border-bottom: 1px dashed #e04a40; color: #e04a40; height: 0; }

.mw-notification { background: #000; background: rgba(0, 0, 0, .7); border-color: #e04a40; color: #FFF; }

li.gallerybox { border-color: #e04a40; }

li.gallerybox div.thumb { border: none; }

div.thumbinner { border-color: #e04a40; }

code { background: none; }

pre, .mw-code { border-color: #e04a40; overflow-x: scroll; }

/******************** /* Interface styles * /********************/ table.diff, td.diff-otitle, td.diff-ntitle { background-color: transparent; color: inherit; }

color: #e04a40; }
 * 1) preftoc a,
 * 2) preftoc a:active {

.htmlform-tip { }
 * 1) preferences legend,

/***************** /* Footer styles * /*****************/

div#footer { background: #ffffff; margin-top: 0; margin-bottom: 2.5em; overflow-y: hidden; }

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

/********************** /* Gamepedia Sidebars * /**********************/ div#mw-panel div.portal#p-sitePromos, div#mw-panel div.portal#p-socialProfiles { background: none; border: none; padding: 0; margin: .5em 0; }

div#mw-panel div.portal#p-sitePromos h3, div#mw-panel div.portal#p-socialProfiles h3 { display: none; }

div#mw-panel div.portal#p-sitePromos div.body, div#mw-panel div.portal#p-socialProfiles div.body { margin-left: 0 !important; margin-right: 0 !important; text-align: center; }

.claimSidebar, .socialSidebar { margin: 0 auto; }

.promoSidebar > a { display: block; }

.plupload { display: none; }

/* Template documentation styles */ /* TODO: Perhaps somehow compress this. I'm really bad at HTML/CSS -Santa */ .templateDocNoDoc, .templateDocEndNoDoc { background-color: #F9EAEA; border-color: #AAAAAA; }

.templateDocBadDoc, .templateDocEndBadDoc { background-color: #F9F2EA; border-color: #AAAAAA; }

.templateDocGoodDoc, .templateDocEndGoodDoc { background-color: #EAF4F9; border-color: #AAAAAA; }