MediaWiki:Hydradark.css

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

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

body {
    background-color: black;
    background-image: url("https://hydra-media.cursecdn.com/smite.gamepedia.com/f/fb/SmiteBackground.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    color: #CACFD5;
    font-family: corbel,"trebuchet ms",verdana,tahoma,arial,sans-serif;
}

body.page-Smite_Wiki h1.firstHeading,
body.page-Smitepedia h1.firstHeading {
    display:none;
}

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

#pageWrapper {
    padding-right: 1em;
}

.mobileonly {
    display: none;
}

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

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

div#mw-head {
    background: none;
}

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

#left-navigation {
}

#right-navigation {
    margin-right: 1em;
}

div#mw-head div.vectorTabs,
div#mw-head div.vectorTabs ul,
div#mw-head div.vectorTabs ul li,
div#mw-head div.vectorTabs ul li.selected,
div#mw-head div.vectorTabs ul li:not(#ca-unwatch):not(#ca-watch) a,
div#mw-head div.vectorTabs ul li.selected a,
div#mw-head div.vectorTabs ul li span,
div#mw-head div.vectorTabs ul li.selected span {
    background: none;
}

div#mw-head div.vectorTabs li a,
div#mw-head div.vectorTabs li a:visited {
    color: #73C5E7;
}

div#mw-head div.vectorTabs li a:hover,
div#mw-head div.vectorTabs li a:visited:hover {
    color: #73C5E7;
}

div#mw-head div.vectorTabs li.selected a,
div#mw-head div.vectorTabs li.selected a:visited {
    color: #ffffff;
}

div#mw-head div.vectorMenu {
    background-image: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/a/a7/Down_arrow.png);
}

div#mw-head div.vectorMenu h4 {
    color: #73C5E7;
}

div#mw-head div.vectorMenu h3,
div#mw-head div.vectorMenu h3 a {
    background: none;
}

div.vectorMenu div.menu {
    background: rgba(02,16,24,.85);
    border: solid 1px #21698c;
}

div#mw-head div.vectorMenu div.menu ul {
    background: none;
    border: none;
}

div#mw-head div.vectorMenu div.menu li a,
div#mw-head div.vectorMenu div.menu li a:visited {
    color: #73C5E7;
}

div#mw-head div.vectorMenu div.menu li a:hover,
div#mw-head div.vectorMenu div.menu li a:visited:hover {
    color: #73C5E7;
}

div#simpleSearch {
    background: rgba(02,16,24,.85);
    border: solid 1px #21698c;
}


#p-search input[type="submit"] {
}

#p-search input[type="search"] {
}

#p-search input:focus {
}

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

div#mw-panel {
    top: 0;
}

#p-logo {
    margin-bottom: 1em;
}

#p-logo,
#p-logo a {
    height: 81px;
    position: static;
}

div#mw-panel div.portal,
.skin-hydradark #mw-panel.collapsible-nav div.portal {
    padding: 0 !important;
    margin-bottom: 1.5em;
}

.skin-hydradark #mw-panel.collapsible-nav div.portal:not(#p-socialProfiles):not(#p-sitePromos):not(#p-claimWiki),
.skin-hydradark #mw-panel.collapsible-nav div.portal:not(#p-socialProfiles):not(#p-sitePromos):not(#p-claimWiki) {
    background: rgba(2, 16, 24, 0.85);
    border: none;
    margin: 0 0.5em 1.5em;
    padding: 0;
}

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

.skin-hydradark #mw-panel.collapsible-nav div.portal.first:not(#p-claimWiki) h3 {
    display: block;	
}

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 {
    background-image: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/f/fc/Arrow-expanded.png);
}

.skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 {
    background-image: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/9/9f/Arrow-collapsed-ltr.png);
}

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

.skin-hydradark #mw-panel.collapsible-nav div.portal div.body {
    background: none;
    padding: 0;
    margin-top: .5em;
}
 
.skin-hydradark #mw-panel.collapsible-nav div.portal div.body ul li a,
.skin-hydradark #mw-panel.collapsible-nav div.portal div.body ul li a:visited,
.skin-hydradark #mw-panel.collapsible-nav div.portal div.body ul li a:hover,
.skin-hydradark #mw-panel.collapsible-nav div.portal div.body ul li a:visited:hover {
    color: #73C5E7;
}

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

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

/***************
/* Link styles *
/***************/
a,
div#content a.external {
    color: #73C5E7;
}

a:visited,
div#content a.external:visited {
    color: #3288c7;
}

a:hover,
a:visited:hover,
div#content a.external:hover,
div#content a.external:visited:hover {
    color: #73C5E7;
}

div#content a.external {
    background-image: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/6/64/Icon_External_Link.png);
}

div#content a.external[href ^="https://"],
.link-https {
    background-image: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/b/b0/Lock-icon.png);
}


/******************
/* Article styles *
/******************/
div#content {
    background: rgba(02,16,24,.85);
    border: solid 1px #21698c;
    color: #CACFD5;
}

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

div#toc,
div.toc,
div.mw-warning,
ul#filetoc,
#catlinks {
    background: rgba(33,105,140,.15);
    border: solid 1px #21698c;
}

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

.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
    background-color: rgba(33,105,140,.3);
    border: none;
    color: white;
}

.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > td {
    background: rgba(33,105,140,.15);
    border: none;
}

.skin-hydradark table.jquery-tablesorter th.headerSort {
    background: url("https://hydra-media.cursecdn.com/smite.gamepedia.com/8/8c/Sort-both.gif") right center no-repeat;
}

.skin-hydradark table.jquery-tablesorter th.headerSortUp {
    background: url("https://hydra-media.cursecdn.com/smite.gamepedia.com/b/bc/Sort-up.gif") right center no-repeat;
}

.skin-hydradark table.jquery-tablesorter th.headerSortDown {
    background: url("https://hydra-media.cursecdn.com/smite.gamepedia.com/6/64/Sort-down.gif") right center no-repeat;
}

li.gallerybox {
    border-color: transparent;
}

.thumb,
div.thumbinner,
li.gallerybox div.thumb {
    background: rgba(33,105,140,.15);
    border: solid 1px #21698c;
}

pre,
.skin-hydradark .mw-code {
    background: rgba(33,105,140,.15);
    border: solid 1px #21698c;
    color: #CACFD5;
}

code {
    background: transparent;
}

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

fieldset {
    border-color: #21698c;
}

.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive:hover,
.mw-ui-button.mw-ui-primary:hover,
.mw-ui-button.mw-ui-progressive:checked,
.mw-ui-button.mw-ui-primary:checked,
.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button.mw-ui-primary:active,
.mw-ui-button.mw-ui-progressive.mw-ui-checked,
.mw-ui-button.mw-ui-primary.mw-ui-checked {
    background-color: #21698c;
    border: none;
}

ul {
    list-style-image: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/7/7a/Bullet.png);
}

div#mw-js-message {
    background: rgba(33,105,140,.15);
    border: solid 1px #21698c;
}

.mw-search-profile-tabs {
    background: rgba(41,117,132,.28);
    border: solid 1px #21698c;
}

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

.skin-hydradark fieldset#mw-searchoptions div.divider {
    border-bottom: solid 1px #21698c;
}

.skin-hydradark fieldset#mw-searchoptions {
    border-color: #21698c !important;
    background: rgba(33,105,140,.15);
}

div.mw-warning-with-logexcerpt {
    border: solid 1px #21698c;
}

#pagehistory li {
    border: transparent;
}

#pagehistory li.selected {
    background: rgba(33,105,140,.15);
    border: 1px dashed #21698c;
}

.skin-hydradark table.diff,
.skin-hydradark td.diff-otitle,
.skin-hydradark td.diff-ntitle {
    background: transparent;
    color: #CACFD5;
}

.skin-hydradark td.diff-context {
    background: rgba(33,105,140,.15);
    color: #747474;
}

.skin-hydradark .diffchange {
    color: #000000;
}

.skin-hydradark #preferences {
    background: rgba(33,105,140,.15);
    border: solid 1px #21698c;
}

.skin-hydradark #preferences fieldset {
    border-color: #21698c;
}

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

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

.skin-hydradark #preftoc li a,
.skin-hydradark #preftoc li a:active {
    background: none;
    color: #73C5E7;
}

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

.skin-hydradark #preftoc li a:hover {
    color: #FAA700;
}

.skin-hydradark table.mw_metadata {
    background: none;
    border: none;
	border-collapse: separate;
}

.skin-hydradark table.mw_metadata th {
    background: rgba(33,105,140,.3);
    border: none;
}

.skin-hydradark table.mw_metadata td {
    background: rgba(33,105,140,.15);
    border: none;
}

.skin-hydradark .mw-datatable {
    background: none;
    border: 1px solid #23668c;
    border-collapse: separate;
}

.skin-hydradark .mw-datatable th {
    background: rgba(33,105,140,.3);
    border: none;
}

.skin-hydradark .mw-datatable td {
    background: rgba(33,105,140,.15);
    border: none;
}

.skin-hydradark .mw-datatable tr:hover td {
    background: rgba(33,105,140,.3);
}

/*****************
/* Footer styles *
/*****************/
div#footer {
    background: none;
    margin-bottom: 1em;
}

div#footer ul li {
    color: white;
}

/***************
 * SMW styling *
 ***************/
.smw-editpage-help {
    background: transparent;
    border-color: rgba(255,255,255,.1);
    box-shadow: 0 2px 5px #687478;
}

table.smw-ask-otheroptions td {
    background: #111B26 !important;
}

ul.ui-autocomplete li a {
    color: #30F9FF;
}

ul.ui-autocomplete li .ui-state-hover {
    background-color: #111B26;
    color: rgba(255,255,255,.1);
    border: none;
}

table.smwb-factbox,
table.smwb-ifactbox,
tr.smwb-title td {
    border-color: rgba(255,255,255,.1);
}

tr.smwb-title {
    background: rgba(255,255,255,.05);
    background-clip: padding-box;
    border-color: rgba(255,255,255,.1);
}

tr.smwb-propvalue th {
    background: rgba(255,255,255,.1);
    background-clip: padding-box;
    border-color: transparent;
}

tr.smwb-propvalue,
tr.smwb-propvalue td,
.smwb-center {
    background: transparent;
    border-color: transparent;
    color: #CCCCCC;
}

div.smwfact {
    background: rgba(02,16,24,.85);
    border: solid 1px #21698c;
    color: #CACFD5;
}

.smwfact tbody > tr.row-even > td {
    background: rgba(255,255,255,.1);
}

#bodyContent span.swmfactboxheadbrowse a,
#bodyContent span.swmfactboxheadbrowse a:hover,
#bodyContent span.rdflink a,
#bodyContent span.rdflink a:hover,
#bodyContent span.smwsearch a,
#bodyContent span.smwsearch a:hover {
    color: #73C5E7;
}

div.smwfact td, div.smwfact tr, div.smwfact table {
    background: transparent;
}

table.smwb-ifactbox,
tr.smwb-ipropvalue {
    background-color: transparent;
    border-color: rgba(255,255,255,.1);
}

tr.smwb-center {
    background-color: rgba(255,255,255,.1);
}

tr.smwb-ipropvalue th {
    background-color: rgba(255,255,255,.1);
    background-clip: padding-box;
    border-color: transparent;
}

tr.smwb-ipropvalue td {
    background-color: rgba(255,255,255,.05);
    background-clip: padding-box;
    border-color: transparent;
}

/*********************
 * Wiki editor fixes *
 *********************/
div.wikiEditor-ui {
    background: transparent;
    border: none;
}

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

div.wikiEditor-ui-controls {
    background-color: transparent;
    border-bottom: none;
}

div.wikiEditor-ui-tabs {
    background-color: #000000;
    border-left: 1px solid #21698c;
    border-top: 1px solid #21698c;
}

div.wikiEditor-ui-tabs div {
    background-color: rgba(33,105,140,.15);
    border-right: 1px solid #21698c;
    border-bottom: 1px solid #21698c;
}

div.wikiEditor-ui-tabs div a {
     color: #cacfd5;
	 background: none;
}

div.wikiEditor-ui-tabs div.current {
    background-color: rgba(33,105,140,.3);
    border-bottom: 1px solid #21698c;
}

div.wikiEditor-ui-tabs div.current a {
    color: #73c5e7;
}

div.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #21698c;
}

div.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid #21698c;
}

div#wikiEditor-ui-toolbar {
    background: linear-gradient( to bottom, rgba(33,105,140,0), rgba(33,105,140,.15) 26px);
}

div.wikiEditor-ui-toolbar .group {
    border-right: 1px solid #21698c;
}

div.wikiEditor-ui-toolbar .group-search {
    border-left: 1px solid #21698c;
    border-right: none;
}

div.wikiEditor-ui-toolbar .group .label {
    color: #cacfd5;
}

.tab {
    border-color: transparent;
}

div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: #cacfd5;
}

div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #cacfd5;
}

div.wikiEditor-ui-toolbar .group .tool-select .label {
    color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */
}

div.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #21698c;
}

div.wikiEditor-ui-toolbar .booklet .index div {
    color: #73c5e7;
}

div.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(33,105,140,.3);
    color: #ffffff;
}

div.wikiEditor-ui-toolbar .booklet .pages {
    background-color: transparent;
}

div.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #21698c;
    color: #cacfd5;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(33,105,140,.15);
    border-color: #21698c;
    color: #73c5e7;
}

div.wikiEditor-ui-toolbar .page-table th {
    color: #ffffff;
}

div.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #21698c;
    color: #cacfd5;
}

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

div.wikiEditor-preview-contents {
    background-color: transparent;
    border: none;
	overflow-y: hidden;
}

div.editOptions {  
    background-color: transparent;
    border: 1px solid #21698c;
	border-top: none;
}

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

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

/*****************
 * Curse profile *
 *****************/

.curseprofile .leftcolumn {
    width: calc( 70% - 1em);
}

.curseprofile .section {
    background: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/0/01/Blue-window-background.png) repeat transparent padding-box;
    border-image: url(https://hydra-media.cursecdn.com/smite.gamepedia.com/1/13/Blue-window-border.png) 18 repeat;
    border-width: 16px;
    border-style: solid;
    border-color: transparent;
    margin-top: 1em;
}

.curseprofile .section.borderless {
    border: none;
    background: none;
}

.commentdisplay.public,
.commentdisplay.public .replyset .commentdisplay.add-reply {
    padding: .7em;
    background: rgba(33,105,140,.15);
}

.commentdisplay.public .replyset button.reply-count {
    margin: 0 0 .7em 0;
}

.commentdisplay.public .replyset .commentdisplay:last-child {
    margin-bottom: 0;
}

.commentdisplay textarea {
    background: rgba(02,16,24,.85);
    border: solid 1px #21698c;
    color: #CACFD5;
}

/* This style was inspired and derived from the buttons on Special:Achievements */
.curseprofile button {
    background: rgba(33,105,140,.3);
    background-clip: padding-box;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 0;
    border-color: rgba(33,105,140,.3);
    box-shadow: 0 1px 0 0 rgba(33,105,140,.5) inset,0 2px 3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    color: #ffffff;
    font: 300 12px/30px Helvetica,Arial,sans-serif;
    height: 30px;
    min-width: 125px;
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
    font: 300 12px/30px Helvetica,Arial,sans-serif;
    height: 30px;
    min-width: 125px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #191919;
    text-decoration: none;
    vertical-align: bottom;
}

.curseprofile button:hover {
    color: #999999;
}

div#content button.reply-count p {
    margin: 0;
    height: auto;
    line-height: inherit;
}

/************************
 * Special:Achievements *
 ************************/

a.button, input.button, span.button {
    background: rgba(33,105,140,.3);
    background-clip: padding-box;
    border-color: rgba(33,105,140,.3);
    box-shadow: 0 1px 0 0 rgba(33,105,140,.3) inset,0 2px 3px rgba(0,0,0,0.2);
	
}

.skin-hydradark #p-achievement-list {
    background: transparent;
    border: 1px solid transparent;
}

.skin-hydradark .achievement_category_select {
    background: rgba(33,105,140,.15);
	background-clip: padding-box;
    border-color: rgba(33,105,140,.3);
}


.skin-hydradark #achievement_categories .achievement_category_select.end,
.skin-hydradark #achievement_categories .achievement_category_select:last-child {
    border-color: rgba(33,105,140,.3);
}

.skin-hydradark .achievement_category_select[data-selected="true"] {
    background: rgba(33,105,140,.3);
	background-clip: padding-box;
	border-bottom-color: rgba(33,105,140,.3);
}

.skin-hydradark .achievement_category {
    background: rgba(33,105,140,.3);
	background-clip: padding-box;
    border-color: rgba(33,105,140,.3);
}

.skin-hydradark .p-achievement-row,
.skin-hydradark .p-achievement-row.secret,
.skin-hydradark .p-achievement-row.earned,
.skin-hydradark .p-achievement-row.selected  {
    background: rgba(02,16,24,.85);
	border-color: #21698c;
}

.skin-hydradark .p-achievement-row.earned {
    border-color: #c8fafa;
}

.skin-hydradark .p-achievement-row.selected {
	box-shadow: 0 0 2px 2px #c6c57d;
}