Vindictus Wiki
Register
Advertisement

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;
}
Advertisement