MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */

body.page-Epoch_Mod_Wiki h1.firstHeading { display:none; }

/* Framework */ body { background: #000000 url("https://static.wikia.nocookie.net/epochmod_gamepedia/images/9/98/Bg.jpg/revision/latest") no-repeat fixed center top / 100% auto; }

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

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

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

/* Tabs */ div.vectorTabs { background-image: none; height: 33px; margin-top: 8px; }

div.vectorTabs li a { background-image: none; margin-top: -6px; padding: 0.5em; }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #BA0000; text-shadow: 1px 1px #000000; }

div.vectorTabs li span a { background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #444444 0%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#222222 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#222222 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ display: inline-block; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 3px; color: #FFFFFF; font-weight: bold; margin: 0 3px 0 3px; height: 19px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

div#mw-head div.vectorMenu h3 { background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #444444 0%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#222222 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#222222 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ display: inline-block; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 3px; color: #FFFFFF; font-weight: bold; height: 19px; margin: 0.5em 3px 0; padding: 0.5em; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

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

div.vectorTabs li.selected { background-color: rgba(0, 0, 0, 0); background-image: none; color: #ffffff; }

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

div.vectorTabs ul li { background-color: rgba(0, 0, 0, 0); background-image: none; }

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

div.vectorMenu h3:hover span, div.vectorMenu h3:focus span { color: #fff; }

div.vectorMenu h3 span { padding-top: 0; }

div.vectorMenu h3 span::after { filter: invert(100%); top: 0; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #ffffff; text-decoration: none; font-weight: bold; }

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { padding: 23px 0 0; }

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { color: #FFFFFF; font-weight: bold; padding-top: 0.175em; }

div.vectorMenu { background-position: 100% 20%; border-color: inherit; }

div.vectorMenu div.menu { border-color: inherit; top: 2.5em; } div.vectorMenu ul { background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #444444 0%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#222222 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#222222 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ border-color: rgba(68, 68, 68, 1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; } div.vectorMenu li a { color:#FFFFFF; }

/* Sidebar */ .mw-collapsible-toggle { float: right; }

li .mw-collapsible-toggle { float: none; }

.mw-collapsible-toggle-li { list-style: none outside none; }

background-image: none; }
 * 1) mw-panel.collapsible-nav,
 * 2) mw-panel.collapsible-nav .portal {

color: #FFFFFF; font-weight:bold; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h5 a,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 4) mw-panel.collapsible-nav .portal.collapsed h5 a,
 * 5) mw-panel.collapsible-nav .portal h3 a:visited,
 * 6) mw-panel.collapsible-nav .portal h5 a:visited,
 * 7) mw-panel.collapsible-nav .portal.collapsed h3 a:visited,
 * 8) mw-panel.collapsible-nav .portal.collapsed h5 a:visited {

div#mw-panel div.portal div.body { background-image: none; }

div#mw-panel div.portal h3, div#mw-panel div.portal h5 { color: #FFFFFF; cursor: default; font-size: 0.8em; font-weight: bold; }

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color: #C0C0C0; text-shadow: 1px 1px #000000; }

div#mw-panel div.portal div.body ul li a:hover { color: #FFFFFF; text-shadow: 1px 1px #000000; }

/* social media add-on fix */ div#mw-panel div.portal#p-socialProfiles { background: none; border: none; padding: 0; margin: 10px 0; } .promoSidebar { margin-left: 10px; } div#mw-panel div.portal#p-socialProfiles h5, div#mw-panel div.portal#p-sitePromos h5 { display: none; } div#mw-panel div.portal#p-socialProfiles div.body, div#mw-panel div.portal#p-sitePromos div.body { background: none; padding: 0; margin-left: 0 !important; text-align: center; } .socialSidebar { width: auto; max-width: 100%; }

/* Content */ div#content { box-sizing: border-box; margin-top: 5px; }

/* Footer */ div#footer { background-image: none; }

div#footer a { color: #7AB1CC; }

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

/* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited { color: #225985; }

/* multi-upload screen font colour fix */ color: #000000; }
 * 1) upload_list .file .file-title {

.check_span { color: #1D1D1D; float: right; }

color: #0000FF; }
 * 1) upload_list .file a {