Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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 *
/******************/
.skin-hydradark 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;
}
#pageWrapper {
padding-right: 1em;
}
/*****************
/* Header styles *
/*****************/
div#mw-page-base {
background: none;
}
div#mw-head {
background: none;
}
#mw-head-base {
display: none;
}
/**************************
/* Article navigation bar *
/**************************/
#left-navigation {
margin-left: 11em;
}
#right-navigation {
margin-right: 2em;
}
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 {
}
#p-search {
}
#p-search input {
}
#p-search input[type=submit] {
}
#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,
.toc,
.mw-warning,
ul#filetoc,
.catlinks,
#catlinks,
div#mw-js-message {
background: #16232b;
border: none;
}
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;
}
#pagehistory li {
border-color: transparent;
}
#pagehistory li.selected {
background: #16232b;
border-color: #242d34;
}
.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 {
}
#pretoc ul,
.skin-hydradark #preftoc li {
}
.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;
}
#bodyContent span.swmfactboxheadbrowse a {
color: white;
}
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;
}