Smite Wiki
Don't have an account?
Register
Advertisement
Register
Smite Wiki
Smite Wiki
3,668
pages

Hydradark.css

MediaWiki page
Revision as of 16:01, 5 February 2016 by Sigilbaram (talk | contribs)
Sign in to edit

In other languages: Italiano

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Hydra skin */

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

body {
    background-color: black;
    background-image: url("http://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(http://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(02,16,24,.85);
    border: none;
    margin: 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(http://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(http://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(http://hydra-media.cursecdn.com/smite.gamepedia.com/6/64/Icon_External_Link.png);
}

div#content a.external[href ^="https://"],
.link-https {
    background-image: url(http://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("http://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("http://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("http://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;
}

ul {
    list-style-image: url(http://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;
}

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

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

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

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

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

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

.mw-datatable {
    border-collapse: separate;
}

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

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

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

/**********************
/* Semantic-MediaWiki *
/***********************/

.smw-editpage-help {
    background: rgba(33,105,140,.15);
    border: solid 1px #21698c;
}

/* Special Browse */
table.smwb-factbox {
    border-left-color: rgba(33,105,140,.3);
}

tr.smwb-title {
    background-color: transparent;
}

tr.smwb-title td {
    background-color: rgba(33,105,140,.3);
	background-clip: padding-box;
    border-bottom-color: transparent;
}

tr.smwb-propvalue {
    background-color: transparent;
}

tr.smwb-propvalue th {
    background-color: rgba(33,105,140,.3);
	background-clip: padding-box;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

tr.smwb-propvalue td {
    background-color: rgba(33,105,140,.15);
	background-clip: padding-box;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

tr.smwb-center {
    background-color: rgba(33,105,140,.3);
	background-clip: padding-box;
}

/* Inverse factbox */
table.smwb-ifactbox {
    border-right-color: rgba(33,105,140,.3);
}

tr.smwb-ititle {
    background-color: rgba(33,105,140,.3);
	background-clip: padding-box;
}

tr.smwb-ititle td {
    border-bottom-color: transparent;
}

tr.smwb-ipropvalue {
    background-color: rgba(33,105,140,.15);
	background-clip: padding-box;
}

tr.smwb-ipropvalue th {
    background-color: rgba(33,105,140,.3);
	background-clip: padding-box;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

tr.smwb-ipropvalue td {
    background-color: rgba(33,105,140,.15);
	background-clip: padding-box;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

/* End Semantic-MediaWiki css */

/*********************
 * 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(http://hydra-media.cursecdn.com/smite.gamepedia.com/0/01/Blue-window-background.png) repeat transparent padding-box;
    border-image: url(http://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: #8d491c;
}

.skin-hydradark .p-achievement-row.selected {
	box-shadow: 0 0 2px 2px #c6c57d;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement