MediaWiki:Hydradark.css

/************************************************************** /* Color Palette   Orange #ffa500    Blue #0000ff * /* Brown #AA7243   Grey #939393      Use: #ffffff * /*************************************************************/

/************************************************************** /* Customization area * /*************************************************************/ body { background-image: url(https://static.wikia.nocookie.net/nether_gamepedia/images/0/0f/Nether_bg.jpg/revision/latest); background-position: left top; background-attachment: fixed; background-repeat: no-repeat; background-color: #000000; background-size: cover; color: #ffffff; }

div#mainpageheader { background: #6F766E; text-align: left; color: #000000; font-size: 100%; padding: 1px 1px 3px 3px; }

body.page-Nether_Wiki h1#firstHeading, body.page-Main_Page h1#firstHeading { display: none; }

ui-tabs ui-widget ui-widget-content ui-corner-all { color: #9ca19b; }

div#content a { color: #9ca19b; }

color: #9ca19b !important; }
 * 1) contentSub, #contentSub2, table.mw-abuselog-details, table.mw-abuselog-details th {

/************************************************************** /* Link styles * /*************************************************************/

a, a:visited, .mw-body a.external, .mw-body a.external:visited, .skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active { color: #ffffff; }

a.mw-ui-button, div.vectorTabs li a, div.vectorTabs li a span, div.vectorMenu li a, div#mw-panel div.portal div.body ul li a:link { color: #ffffff !important; }

div#content a.new { color: #ff0000; }

div#content a.external, div#content a.external[href ^="gopher://"] { background-image: url; }

div#content a.external[href ^="https://"], .link-https { background-image: url; }

/************************************************************** /* General styles * /*************************************************************/

max-width: 50% !important; }
 * 1) twitter-widget-0 {

padding-right: 68px; }
 * 1) pageWrapper {

/************************************************************** /* Notifications * /* and Various   * /* Fixes         * /*************************************************************/ div.ui-dialog, div.ui-dialog-titlebar { background: #ffffff !important; }

.ui-dialog-titlebar-close, ui-corner-all { background: #ffffff !important; }

}
 * 1) ca-watch span,
 * 2) ca-unwatch span {

padding: 42px 0 0; }
 * 1) ca-unwatch.icon a,
 * 2) ca-watch.icon a {

.mw-notification { background-color: #000000; }

.pagination li.selected { background-color: #000000; border: 1px solid #ffa500; }

/************************************************************** /* Hydralytics page * /*************************************************************/ .ui-tabs { background: rgb(0,0,0); /* fallback for legacy support */ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

.ui-tabs a { background: rgb(0,0,0); /* fallback for legacy support */ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; }

.ui-tabs .ui-tabs-panel { color: #fff; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { background: #000000; }

.ui-tabs .ui-tabs-nav li { background: none repeat scroll 0 0 #000000; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; }

/************************************************************** /* Editor Fixes * /*************************************************************/

/* MW 1.29 Hydra Dark Visual Editor Fix */ .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled, .oo-ui-popupToolGroup.oo-ui-widget-enabled, .oo-ui-popupWidget-popup, .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { background: rgba(55, 55, 55, 1) !important; }

.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled, .oo-ui-popupToolGroup.oo-ui-widget-enabled, .oo-ui-popupWidget-popup { border-color: #c8ccd1; }

.oo-ui-toolbar-actions .oo-ui-toolGroup { border-right: 0; border-left: 1px solid #2c2c2c !important; }

.ve-ui-mwSaveDialog-license { color: #eee; }

/* Source Editor */ div.wikiEditor-ui a { color: inherit !important; }

div.wikiEditor-ui { background: transparent; border: medium none; }

div.wikiEditor-preview-loading { background-color: transparent; }

div.wikiEditor-preview-contents { background-color: transparent; border-color: -moz-use-text-color #fff #fff; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; color: #395AD0 !important; }

color: #ffffff !important; }
 * 1) upload_bottom {

/************************************************************** /* Login Screen  * /*************************************************************/ .mw-ui-vform label { color: #c0c0c0; }

box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.2); }
 * 1) mw-createaccount-join {

/************************************************************** /* Logo styles * /*************************************************************/

}
 * 1) p-logo, #p-logo a {

}
 * 1) p-logo {

/************************************************************** /* Header styles * /*************************************************************/

div#mw-page-base, div#mw-head { height: 64px; }

div#mw-page-base { background: transparent; }

div#mw-head { }

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

/************************************************************** /* Article navigation bar * /*************************************************************/

float: left; margin-left: 11em; margin-top: 2.5em; margin-bottom: -2.5em; display: inline; }
 * 1) left-navigation {

div.vectorTabs { }

div.vectorTabs span, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorTabs, div.vectorMenu h3 a { background: none; }

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

div.vectorTabs li a, div.vectorTabs li a:visited, div#mw-head div.vectorMenu h4 { color: #ffffff; text-transform: uppercase; }

div.vectorTabs li a { padding-left: .5em; padding-right: .5em; }

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

div.vectorTabs li a:hover, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { text-decoration: none; background-image: linear-gradient( to top, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,0) 75%); }

div.vectorMenu { background-image: url(https://static.wikia.nocookie.net/evolve_gamepedia/images/b/ba/Arrow-down-icon.png/revision/latest); /* Fix for div#mw-head div.vectorMenu h4 no lining up with vector tabs */ line-height: 1.125em; }

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

div.vectorMenu h3 span { padding-top: 1.2em; color: #ffffff; cursor: pointer; text-transform: uppercase; }

.skin-hydradark .mw-search-profile-tabs { background-color: transparent; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: inherit; }

div.vectorMenu .menu { }

div.vectorMenu ul { background: rgb(10,10,10); /* fallback for legacy support */ background: rgba(10,10,10,.8); border: none; }

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

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

div#mw-head div.vectorMenu h4 { height: 1.9em; margin: 0; padding: 1.25em 0 0 .5em; }

}
 * 1) p-search {

}
 * 1) p-search input {

}
 * 1) p-search input[type=submit] {

}
 * 1) p-search input[type=search] {

/************************************************************** /* Sidebar styles * /*************************************************************/

div#mw-panel { padding-top: 40px; margin-top: 30px; background: #1f1f1f; background-position: left top; background-color: transparent; background-repeat: no-repeat; margin-top: 1em; text-shadow: 1px 1px #000000; }

div#mw-panel div.portal div.body, .skin-hydradark #mw-panel.collapsible-nav .portal { background-image: none; }

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

div#mw-panel div.portal h3, div#mw-panel div.portal h3:visited, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited { color: #ffffff; font-size: 100%; font-weight: bold; text-shadow: 1px 1px #000000; }

div#mw-panel div#p-socialProfiles.portal .body { margin: auto; }

.socialSidebar { width: auto; max-width: 100%; }

/************************************************************** /* Interwiki  * /*************************************************************/ /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px black; }

/************************************************************** /* Article styles * /*************************************************************/

div#content { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.75); color: #ffffff; border: none; margin-top: 1em; }

h1, h2, h3, h4, h5, h6 { color: #ffffff; border-color: #ffffff; }

li.gallerybox { border-color: transparent; }

li.gallerybox div.thumb, div.thumbinner { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.7); border-color: transparent; }

html .thumbimage { border: none; }

code { background: none; }

pre, .mw-code { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.7); color: #ffffff; border: 1px dashed #ffffff; overflow-x: scroll; }

background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.7); border: none; }
 * toc, .toc, .mw-warning {

ul#filetoc, .catlinks, div#mw-js-message { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.7); border: none; }

table.mw_metadata { border-collapse: separate; color: #ffffff; }

table.mw_metadata, table.mw_metadata td, table.mw_metadata th { border: none; }

table.mw_metadata th { background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.07); }

table.mw_metadata td { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.7); }

table.mw_metadata tr.mw-metadata-show-hide-extended td { }

.skin-hydradark .mw-datatable { border-collapse: separate; color: #ffffff; }

.skin-hydradark .mw-datatable, .skin-hydradark .mw-datatable td, .skin-hydradark .mw-datatable th { border: none; }

.skin-hydradark .mw-datatable th { background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.07); }

.skin-hydradark .mw-datatable td { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.7); }

.skin-hydradark .mw-datatable tr:hover td { background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.07); }

/************************************************************** /* Table styles * /*************************************************************/ table.wikitable { background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.1); }

table.mw-abuselog-details { background: rgb(0,0,0); /* fallback for legacy support */ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #000; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background: #FFA500; text-align: center; }

.wikitable th, table.mw-abuselog-details th { background: #FFA500; border: 1px solid #000; color: #fff; text-shadow: 1px 1px #000; padding: 0.2em; }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #000; }

.wikitable td { border: 1px solid #3badc0; color: #fff; padding: 0.2em; }

table.wikipoints { background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.1); }

table.mw-abuselog-details { background: rgb(0,0,0); /* fallback for legacy support */ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #000; }

table.wikipoints > tr > th, table.wikipoints > * > tr > th { background: #FFA500; text-align: center; }

.wikipoints th, table.mw-abuselog-details th { background: #FFA500; border: 1px solid #000; color: #fff; text-shadow: 1px 1px #000; padding: 0.2em; }

table.wikipoints > tr > th, table.wikipoints > tr > td, table.wikipoints > * > tr > th, table.wikipoints > * > tr > td { border: 1px solid #000; }

.wikipoints td { border: 1px solid #3badc0; color: #fff; padding: 0.2em; }

/************************************************************** /* Interface styles * /*************************************************************/

input:not([type]), input[type=text], input[type=search], input[type=password], textarea { }

input[type=select], select { }

}
 * focus {

button, input[type=button], input[type=reset], input[type=submit] { }

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { }

button:focus:hover, input[type=button]:focus:hover, input[type=reset]:focus:hover, input[type=submit]:focus:hover { }

ul { list-style-image: url; }

fieldset { border-color: #646464; }

border-color: transparent; }
 * 1) pagehistory li {

background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.07); border-color: #ffffff; }
 * 1) pagehistory li.selected {

.mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed { background-image: url; }

.mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded { background-image: url; }

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

td.diff-context { background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.05); border-color: rgba(0,0,0,.7); color: #aaaaaa; }

td.diff-addedline .diffchange, td.diff-deletedline .diffchange { color: #2e2e2e; }

div.skin-hydradark preferences { border: none; background: transparent; }

div.skin-hydradark preferences fieldset { border: none; background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0, 0, 0, 0.47); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div.skin-hydradark preferences fieldset legend { border: none; background: transparent; text-transform: uppercase; font-weight: bold; color: #ffffff; margin: 0 0 8px 0; padding: 0; }

div.skin-hydradark preferences fieldset fieldset { border: none; background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0, 0, 0, 0.47); color: #ffffff; margin: 0 5px 0 5px; padding: 3px 6px; }

div.skin-hydradark preferences fieldset fieldset legend { border: none; background: transparent; text-transform: uppercase; font-weight: bold; color: #ffffff; margin: 0 0 8px 0; padding: 0; }

.skin-hydradark preferences td.htmlform-tip { color: #aaaaaa; }

.skin-hydradark #preftoc { background: transparent; font-weight: bold; }

.skin-hydradark #preftoc ul { background: transparent; }

.skin-hydradark #preftoc li { background: transparent; border: none; }

.skin-hydradark #preftoc li a { border-top: 3px solid transparent; color: #e77516; height: 25px; line-height: 25px; padding: 3px 0 0 0; margin: 0 4px; }

.skin-hydradark #preftoc li a:visited { color: #e77516; }

.skin-hydradark #preftoc li.selected a, .skin-hydradark #preftoc li.selected a:hover { background: none; color: #ffffff !important; }

.skin-hydradark #preftoc li a:active { color: #ffffff; }

.skin-hydradark .mw-search-profile-tabs { background: rgb(255,255,255); /* fallback for legacy support */ background: rgba(255,255,255,.07); border: none; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li a { color: #ffffff; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #ffffff; background-image: linear-gradient( to top, rgba(255,58,30,1) 0%, rgba(255,58,30,1) 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,0) 75%); }

fieldset#mw-searchoptions { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.7); border: none !important; }

fieldset#mw-searchoptions div.divider { }

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

div#footer { background: rgb(0,0,0); /* fallback for legacy support */ background: rgba(0,0,0,.75); margin-top: 1em; margin-bottom: 0; overflow-y: hidden; }

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

/************************************************************** /* Gamepedia Sidebars * /*************************************************************/   padding-top: 25px !important; }
 * 1) p-sitePromos.portal.persistent {

div#mw-panel div.portal#p-claimWiki, 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-claimWiki h3, div#mw-panel div.portal#p-sitePromos h3, div#mw-panel div.portal#p-socialProfiles h3 { display: none; }

div#mw-panel div.portal#p-claimWiki div.body, 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; }

/************************************************************** * Editor Styles * /*************************************************************/

.editOptions { background : none; border: none; color: inherit; }

/* 1.26 fixes */ .skin-hydradark .mw-search-profile-tabs { background-color: transparent; margin-top: 1em; border: 1px solid white !important; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #fff; cursor: default; }

fieldset#mw-searchoptions { background-color: transparent; border: 1px solid white !important; border-top: 0px solid white; }

.skin-hydradark fieldset#mw-searchoptions { background-color: transparent; border: 1px solid white !important; }

/* CSS placed here will be applied to all skins */ /* this CSS governs the responsive 3 column main page layout */ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpbanner { background: rgba(0, 0, 0, 0.1); border: 1px solid #15a1c7; box-shadow: 0 2px 5px #505050; color: #B3B4B7; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }

.fpbannertable { display: table; border: none; background: transparent; width: 100%; min-height: 75px; margin: 0; padding: 5px; }

.fpbannercell { display: table-cell; text-align: center; vertical-align: middle; }

.fpbannerblock { border: none; color: #ffffff; font-weight: bold; text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); font-size: 132%; width: 100%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpmidsections { float: left; width: 100%; overflow: hidden; }

.fpbox { border: 2px solid #000000; background: rgba(0,0,0,.5); margin: 5px; padding: 5px; overflow: auto; }

.fpbox .mainheading { border: none; background: #6F766E; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpbox .heading { border: none; background: #6F766E; text-align: center; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

.fpsection1, .fpsection2, .fpsection3, .fpsection4 { float: left; clear: both; width: 100%; }

div.fp2columnonly, div.fp3columnonly { display: none; }

@media (min-width: 790px) { .fpsection1 { float: left; clear: none; width: 50%; }

.fpmidsections { clear: none; float: right; width: 50%; }

.fpsection4 { float: left; clear: none; width: 50%; }

div.fp2columnonly { display: block; } }

@media (min-width: 990px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; } }

@media (min-width: 1390px) { .fpmidsections { clear: none; float: right; width: 66.667%; }

.fpsection1 { clear: none; width: 33.333%; }

.fpsection2 { clear: none; width: 50%; }

.fpsection3 { clear: none; width: 50%; } .fpsection4 { clear: left; width: 33.333%; }

div.fp2columnonly { display: none; }

div.fp3columnonly { display: block; } }

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }