MediaWiki:Hydradark.css

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

/** Color List body background: 0e141d; text color: 9fa5a8 content background: rgba(0,0,0,.6) content border: none content child borders: link: ffffff link (visited): ffffff red link: 7e4343 red link (visited): 675858 accent text: 7cb0c3 accent text visited: 576b79 Box bg: 16232b darker box bg: 0e1b23 lighter box bg: 242d34

/**************** * Custom Fonts * ****************/

@font-face { font-family: 'AlegreyaSans-Regular'; font-style: normal; font-weight: normal; src: url(/media/hydra/fonts/AlegreyaSans-Regular.ttf) format('truetype'); }

@font-face { font-family: 'AlegreyaSans-Regular'; font-style: italic; font-weight: normal; src: url(/media/hydra/fonts/AlegreyaSans-Italic.ttf) format('truetype'); }

@font-face { font-family: 'AlegreyaSans-Regular'; font-style: normal; font-weight: bold; src: url(/media/hydra/fonts/AlegreyaSans-Bold.ttf) format('truetype'); }

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

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

body { /*  background-image: url(https://static.wikia.nocookie.net/vindictus_gamepedia/images/3/3a/Bg.png/revision/latest); background-position: left top; background-attachment: scroll; background-color: #0e141d; background-repeat: no-repeat; */ color: #9fa5a8; font-family: 'AlegreyaSans-Regular', sans-serif; }

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

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

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

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

div#mw-head { background: none; }

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

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

margin-left: 11em; }
 * 1) left-navigation {

margin-right: 2em; }
 * 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, div.vectorTabs li a { background: none; }

div#mw-head a, /* TODO */ div#mw-head li a, div#mw-head li a span, div.vectorMenu h3 span { color: #ffffff; }

div.vectorTabs li a { }

div#mw-head li:not(.new) a:hover, div#mw-head li.selected a, div#mw-head li.selected a span div#mw-head li.selected a:visited { color: #ffffff; }

div.vectorMenu { }

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

div.vectorMenu ul { background: rgba(0,0,0,.6); border: none; }

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

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

div.vectorMenu h3 span { }

}
 * 1) p-search {

}
 * 1) p-search input {

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

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

/********************** /* Site notice styles * /**********************/

/* Don't style this. Make the notice an ambox or something similar instead. */

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

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

div#mw-panel div.portal h3, .skin-hydradark #mw-panel.collapsible-nav div.portal h3, .skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 { color: #ffffff; }

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a { color: inherit; }

.skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 a { color: inherit; }

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

div#mw-panel div.portal div.body ul li { font-size: 85%; }

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

div#mw-panel div.portal.first div.body ul li a, div#mw-panel div.portal.first div.body ul li a:link, div#mw-panel div.portal.first div.body ul li a:visited { color: #7cb0c3; }

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

a, .mw-body a.external { color: #ffffff; }

a:visited, .mw-body a.external:visited { color: #ffffff; }

div#content a.external, div#content a.external[href ^="gopher://"] { }

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

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

div#content { background: rgba(0,0,0,.6); border: none; border-radius: 0; color: inherit; margin-top: 0; }

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

li.gallerybox { background: #16232b; border-color: transparent; }

li.gallerybox div.thumb { border-color: transparent; }

code { background: #16232b; }

pre, .skin-hydradark .mw-code { background: #16232b; border-color: #242d34; color: #9fa5a8; overflow-x: auto; }

.toc, .mw-warning, ul#filetoc, .catlinks, div#mw-js-message { background: #16232b; border: none; }
 * toc,
 * 1) catlinks,

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

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

table.mw_metadata th { background: #16232b; }

table.mw_metadata td { background: #242d34; }

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

.skin-hydradark table.wikitable { background: none; color: #9fa5a8; border: none; border-collapse: separate; }

.skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th { background: #16232b; border: none; }

.skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > td { background: #242d34; border: none; }

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

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

.skin-hydradark .mw-datatable th { background: #16232b; }

.skin-hydradark .mw-datatable td { background: #242d34; }

.skin-hydradark .mw-datatable tr:hover td { background: #16232b; }

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

input:not([type]), input[type=text], input[type=search], input[type=password], textarea { background: #151515; border: solid 1px #1e252b; color: #9fa5a8; }

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: #242d34; }

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

background: #16232b; border-color: #242d34; }
 * 1) pagehistory li.selected {

.mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed { }

.mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded { }

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

td.diff-context { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); color: #aaaaaa; }

.skin-hydradark #preftoc { }

.skin-hydradark #preftoc li { }
 * 1) pretoc ul,

.skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active { }

.skin-hydradark #preftoc li.selected a { }

.skin-hydradark #preferences { }

.skin-hydradark #preferences fieldset { }

.skin-hydradark .mw-search-profile-tabs { background: #16232b; 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: #9fa5a8; }

fieldset#mw-searchoptions { background: #242d34; border: none !important; }

fieldset#mw-searchoptions div.divider { }

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

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

div#footer ul li { color: #9fa5a8; }

/********************** /* Gamepedia Sidebars * /**********************/

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 * *****************/

/************** /* SMW Styles * /**************/

table.smwb-factbox { border-left-color: #16232b; color: #9fa5a8; }

table.smwb-factbox a:visited { color: white; }

tr.smwb-title { background-color: #9fa5a8; }

tr.smwb-title td { border-color: #000000; background-color: #16232b; }

tr.smwb-propvalue. tr.smwb-ipropvalue { background-color: #000000; }

tr.smwb-propvalue th, tr.smwb-ipropvalue th { background-color: #16232b; border-top-color: #000000; border-bottom-color: #000000; }

tr.smwb-propvalue td, tr.smwb-ipropvalue td { border-color: #000000; background-color: #242d34; }

tr.smwb-center { background-color: #16232b; }

table.smwb-ifactbox { border-right-color: #16232b; }

@media all { div.smwfact td, div.smwfact tr, div.smwfact table { background-color: #000000; }

div.smwfact { background-color: #000000; }

color: white; }
 * 1) bodyContent span.swmfactboxheadbrowse a {

div.drilldown-filters-wrapper{ background:transparent; }

.fp-nav-item { background: #353c44; }

.fp-nav-item:nth-child(even) { background: radial-gradient(#353c44,#171a1f); }

.fp-nav-item:nth-child(odd) { background: radial-gradient(#1f242a,#111216); }

.fp-nav-text a { color: #cfc9be; }

.front-page-portal { background: rgba(188, 194, 200, 0.1); }

.front-page-welcome { color: #cfc9be; }

.front-page-header { color: #cfc9be; }

.fpbox { background: rgba(0, 0, 0, 0.05); }

.fplink:not(.fplink-plain) { background: rgba(0,0,0,0.3); }

.fplink-fullwidth .fplink:not(.fplink-plain) { background: rgba(0,0,0,0.4); }

.fpbox .heading, .fpbox .mainheading, .fpbox .welcome { color: #cfc9be; }

.navbox, .navbox-subgroup { background: #0e1b23; }

.navbox th, .navbox-title { background: #242d34; }

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background: #242d34; }

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #242d34; } .navbox-even { background: #16232b; }

.activeno {background-color: #602219 !important;} .activeeu {background-color: #302249 !important;} .realtable th.activeno, .prettytable th.activeno {background-color: #4d1408;}

.realtable, .prettytable { background: #0e1b23; }

.realtable tr, .prettytable tr { background: #242d34; color: #ffffff; }

.realtable th, .prettytable th { background: #16232b; color: #9fa5a8; }

.infobox, .old-infobox { background: #16232b; }

.infobox a, .old-infobox a { color: white; }

.infobox h1, .old-infobox h1 { color: #ffffff; }

.infobox h2, .old-infobox h2 { color: #ffffff; }

.itemib, .setib { color: #9fa5a8; background: #16232b; }

.itemib .icon-border { background-color: #242d34; }

.itemib .item-info, .setib .item-info { background: #151a1e; }

.trade-yes { color: #58c4c4; }

.trade-no, .trade-cash, .trade-practice, .trade-story { color:#c25631; }