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 Dark skin */
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
body {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background: url("https://hydra-media.cursecdn.com/telarapedia.gamepedia.com/c/cb/Bg1.jpg") no-repeat fixed left top / cover #0b0c0e;
font: 1.10em corbel,"trebuchet ms",verdana,tahoma,arial,sans-serif;
}
#pageWrapper {
margin-right: 10px;
}
/* Header */
#mw-page-base {
background: rgba(0, 0, 0, 0) !important;
}
div#mw-head {
top: 110px;
}
#mw-head-base {
background-image: none;
background-color: rgba(0, 0, 0, 0.7);
border-left: 1px solid #181818;
border-right: 1px solid #181818;
border-bottom: 0px solid #181818;
border-top: 1px solid #181818;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
bottom: 0;
height: 48px;
margin-top: 70px;
}
/* Logo */
#p-logo a {
background-position: left top;
background-repeat: no-repeat;
height: 143px;
width: 300px;
}
#p-logo {
height: 143px;
width: 300px;
position: absolute;
}
/* Tabs */
#right-navigation {
margin-right: 16px;
}
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs li a,
div#mw-head div.vectorMenu h3 {
background-image: none;
}
div.vectorTabs li.selected,
div.vectorTabs ul li {
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
div#mw-head,
div.vectorTabs li a,
.vectorTabs li a span,
div#mw-head div.vectorTabs a {
color: #939393;
font-weight: bold;
text-transform: uppercase;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span {
color: white !important;
text-shadow: -1px -1px 1px black;
}
div.vectorTabs li.new a,
div.vectorTabs li.new a span,
div.vectorTabs li.new a:visited,
div.vectorTabs li.new a:visited span {
color: #D70000 !important;
}
div.vectorMenu h3 span a {
background: url("https://hydra-media.cursecdn.com/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;
}
div.vectorMenu div.menu {
background-color: rgba(0, 0, 0, 0.7);
border: 1px solid #181818;
}
div.vectorMenu div.menu ul {
background-color: rgba(0, 0, 0, 0);
border: none;
}
div#mw-head div.vectorMenu li a {
color: #939393;
text-transform: none;
}
div#mw-head div.vectorMenu li a:hover {
color: #ffffff;
}
#searchInput {
background: #FFFFFF;
border: 1px solid #3B3B3B;
border-radius: 0.5em 0.5em 0.5em 0.5em;
color: #000000;
font-size: 92%;
margin: 0;
width: 10.9em;
}
/* Sidebar */
#mw-panel.collapsible-nav .portal,
div#mw-panel div.portal {
background-image: none;
}
div#mw-panel div.portal h3,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
color: #ffffff;
font-weight: bold;
}
div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav .portal {
background-image: none;
}
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: #f0f0f0;
}
div#mw-panel div.portal div.body ul li a:hover {
background: rgba(37, 53, 74, 0.5);
padding: 3px 3px 3px 3px;
}
/* social media add-on fix */
div#mw-panel div#p-socialProfiles.portal .body {
margin: auto;
}
.socialSidebar {
width: auto;
max-width: 100%;
}
/* Content */
div#content {
background-image: none;
background-color: rgba(0, 0, 0, 0.7);
border-left: 1px solid #181818;
border-right: 1px solid #181818;
border-bottom: 1px solid #181818;
border-top: 0px solid #181818;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
color: #FFFFFF;
margin-bottom: 1em;
padding: 0.3em 1em 1em;
}
a,
a:visited {
color: #73819c;
}
a:active {
color: #FAA700;
}
a:hover {
color: #8594b3;
}
a.stub {
color: #772233;
}
a.new {
color: #BA0000;
}
a.new:visited {
color: #0F5ECD;
}
div#content a.external,
div#content a.external:visited {
color: #73819c;
}
div#content a.external:active {
color: #FAA700;
}
div#content a.external:hover {
color: #8594b3;
}
div#content a.external.stub {
color: #772233;
}
div#content a.external.new,
#p-personal a.new {
color: #BA0000;
}
div#content a.external.new:visited,
#p-personal a.new:visited {
color: #0F5ECD;
}
hr {
background-color: #1c2b40;
border: 0 none;
color: #1c2b40;
height: 1px;
margin: 0.2em 0;
}
h1, h2, h3, h4, h5, h6 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #888888;
color: #FFFFFF;
font-weight: normal;
margin: 0;
padding-bottom: 0.17em;
padding-top: 0.5em;
width: auto;
}
h1 {
font-size: 188%;
}
h1 .editsection {
font-size: 53%;
}
h2 {
font-size: 150%;
}
h2 .editsection {
font-size: 67%;
}
h3, h4, h5, h6 {
border-bottom: medium none;
font-weight: bold;
}
h3 {
font-size: 132%;
}
h3 .editsection {
font-size: 76%;
font-weight: normal;
}
h4 {
font-size: 116%;
}
h4 .editsection {
font-size: 86%;
font-weight: normal;
}
h5 {
font-size: 100%;
}
h5 .editsection {
font-weight: normal;
}
h6 {
font-size: 80%;
}
h6 .editsection {
font-size: 125%;
font-weight: normal;
}
div#footer {
background-image: none;
}
div#footer ul li {
color: #FFFFFF;
}
div#footer a {
color: #32b1d2;
}
h4.mw-specialpagesgroup {
background-color: #303030;
border-left: 1px solid #181818;
border-right: 1px solid #181818;
border-top: 1px solid #181818;
margin: 0.3em 0 0;
padding: 2px;
}
#catlinks {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid #181818;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.mw-warning {
background-color: #282828;
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
div#toc,
div.toc,
.mw-warning {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid #181818;
border-radius: 0.5em 0.5em 0.5em 0.5em;
font-size: 95%;
padding: 5px;
}
div#toc h2,
div.toc h2 {
border: medium none;
display: inline;
font-size: 100%;
font-weight: bold;
padding: 0;
}
div#toc #toctitle,
div.toc #toctitle,
div#toc .toctitle,
div.toc .toctitle {
text-align: center;
}
div#toc ul,
div.toc ul {
list-style-image: none;
list-style-type: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
div#toc ul ul,
div.toc ul ul {
margin: 0 0 0 2em;
}
div#toc .toctoggle,
div.toc .toctoggle {
font-size: 94%;
}
ul {
list-style-image: url("https://hydra-media.cursecdn.com/telarapedia.gamepedia.com/e/ef/Bullet-icon.png");
}
fieldset {
border: 1px solid #07596e;
background: rgba(0, 0, 0, 0.6);
}
code,
.skin-hydradark .mw-code {
background: rgba(0, 0, 0, 0.4);
}
ul#filetoc {
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #181818;
}
/* Preferences */
.skin-hydradark #preferences {
background-color: rgba(0, 0, 0, 0.4);
background-image: none;
border: 1px solid #181818;
clear: both;
float: left;
margin: -2px 0 0;
width: 100%;
}
.skin-hydradark #preferences fieldset.prefsection fieldset {
background-color: rgba(0, 0, 0, 0.4);
}
.skin-hydradark #preftoc li.selected a {
background-image: none;
color: #FFFFFF;
text-decoration: none;
}
.skin-hydradark #preftoc {
background-image: none;
}
.skin-hydradark #preftoc a,
.skin-hydradark #preftoc a:active {
background-image: none;
color: #32b1d2;
}
.skin-hydradark #preftoc li {
background-image: none;
}
.skin-hydradark #preferences legend {
color: #DDDDDD;
}
.skin-hydradark #preferences td.htmlform-tip {
color: #DDDDDD;
}
/* Thumbnails */
div.thumb {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
li.gallerybox {
background-color: rgba(0, 0, 0, 0);
border: 2px solid #181818;
}
li.gallerybox div.thumb {
background: rgba(0, 0, 0, 0);
border: 0px solid #181818;
}
div.thumbinner {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid #07596e;
}
html .thumbimage {
border: 1px solid #181818;
}
/* interwiki table tweak */
.mw-interwikitable-row {
text-shadow: 1px 1px #000000;
}
/* colour fix for advanced search options box */
.skin-hydradark fieldset#mw-searchoptions {
background-color: rgba(0, 0, 0, 0);
border-color: #181818 !important;
border-radius: 0 0 5px 5px;
}
.mw-search-profile-tabs {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #181818;
border-radius: 5px 5px 0 0;
margin-top: 1em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: #FFFFFF;
}
/* tables */
table.wikitable {
background: none repeat scroll 0 0 transparent;
}
table.wikitable > caption {
color: #e0e0e0;
}
.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #07596e;
color: #e0e0e0;
text-align: center;
}
.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > td {
border: 1px solid #07596e;
padding: 0.2em;
}
.skin-hydradark .wikitable th {
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #07596e;
color: #e0e0e0;
padding: 0.2em;
}
.skin-hydradark .wikitable td {
border: 1px solid #07596e;
color: #e0e0e0;
padding: 0.2em;
}
.TablePager,
.mw-datatable,
table.mw_metadata {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #07596e;
}
.TablePager th,
.mw-datatable th,
table.mw_metadata th {
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #07596e;
color: #ffffff;
}
.TablePager tr:hover td,
.mw-datatable tr:hover td {
background-color: #000000 !important;
color: #ffffff;
}
.TablePager th a,
.mw-datatable th a,
table.mw_metadata th a {
background-color: rgba(0, 0, 0, 0.4);
color: #FFFFFF !important;
}
.TablePager td,
.mw-datatable td,
table.mw_metadata td {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #07596e;
color: #e0e0e0;
}
/* Page history */
.skin-hydradark #pagehistory li {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #07596e;
padding: 3px;
}
.skin-hydradark #pagehistory li.selected {
background-color: rgba(0, 0, 0, 0);
background-image: none;
border: 1px solid #07596e;
padding: 3px;
}
.skin-hydradark table.diff,
.skin-hydradark td.diff-otitle,
.skin-hydradark td.diff-ntitle {
background: rgba(0, 0, 0, 0);
}
/* Wiki editor fixes */
div.wikiEditor-ui {
background: rgba(0, 0, 0, 0);
border: medium none;
}
div.wikiEditor-ui-buttons {
background-color: rgba(0, 0, 0, 0);
border-top: medium none;
margin-right: 5px;
}
div.wikiEditor-ui-controls {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #1c2b40;
}
div.wikiEditor-ui-tabs {
background-color: #1c2b40;
border-left: 1px solid #1c2b40;
border-top: 1px solid #1c2b40;
}
div.wikiEditor-ui-tabs div {
background-color: #1c2b40;
border-right: 1px solid #1c2b40;
border-bottom: 1px solid #1c2b40;
}
div.wikiEditor-ui-tabs div a {
background: -moz-linear-gradient(top, #1c2b40 0, #355073 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1c2b40), color-stop(100%, #355073));
background: -webkit-linear-gradient(top, #1c2b40 0, #355073 100%);
background: -o-linear-gradient(top, #1c2b40 0, #355073 100%);
background: -ms-linear-gradient(top, #1c2b40 0, #355073 100%);
background: linear-gradient(to bottom, #1c2b40 0, #355073 100%);
border: 1px solid #1c2b40;
box-shadow: rgba(104, 116, 120, 1) 0 0.1em 0.3em;
color: #ffffff;
}
div.wikiEditor-ui-tabs div.current {
background-color: #1c2b40;
border-bottom: 1px solid #1c2b40;
}
div.wikiEditor-ui-tabs div.current a {
color: #939393;
font-weight: bold;
}
div.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid #1c2b40;
}
div.wikiEditor-toolbar-spritedButton {
background: url('https://hydra-media.cursecdn.com/help.gamepedia.com/5/5c/Editbar_sprites.png');
}
div.wikiEditor-ui-toolbar {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div.wikiEditor-ui-toolbar .group {
border-right: 1px solid #1c2b40;
}
div.wikiEditor-ui-toolbar .group-search {
border-left: 1px solid #1c2b40;
border-right: none;
}
div.wikiEditor-ui-toolbar .group .label {
color: #ffffff;
}
.tab {
border-color: rgba(0, 0, 0, 0);
}
div.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: #ffffff;
}
div.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #ffffff;
}
div.wikiEditor-ui-toolbar .group .tool-select .label {
color: #000000;
}
div.wikiEditor-ui-toolbar .sections .section {
background-color: rgba(0, 0, 0, 0.2);
border-top: 1px solid #1c2b40;
}
div.wikiEditor-ui-toolbar .booklet .index div {
color: #73819c;
}
div.wikiEditor-ui-toolbar .booklet .index .current {
background-color: rgba(0, 0, 0, 0);
color: #ffffff;
}
div.wikiEditor-ui-toolbar .booklet .pages {
background-color: rgba(0, 0, 0, 0);
}
div.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #1c2b40;
color: #ffffff;
}
div.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: #1c2b40;
color: #73819c;
}
div.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid #1c2b40;
color: #ffffff;
}
div.wikiEditor-preview-loading {
background-color: rgba(0, 0, 0, 0);
}
div.wikiEditor-preview-contents {
background-color: rgba(0, 0, 0, 0);
border-color: -moz-use-text-color #1c2b40 #1c2b40;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
}
div.editOptions {
background-color: rgba(0, 0, 0, 0);
border-color: -moz-use-text-color #1c2b40 #1c2b40;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
}
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
border-style: solid solid none;
border-width: thin;
border-color: #808080;
padding: 0.25ex 1ex 0ex;
font-size: 95%;
}
.ambox {
background-color: #282828;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%;
}
.ambox-gray {
border-left-color: #383838;
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
.ambox + .ambox {
margin-top: -2px;
}
.ambox-text {
padding: 0.25em 0.5em;
}
.ambox-image {
padding: 2px 0px 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-blue {
border-left: 10px solid #1e90ff;
}
.ambox-red {
border-left: 10px solid #b22222;
}
.ambox-orange {
border-left: 10px solid #f28500;
}
.ambox-yellow {
border-left: 10px solid #f4c430;
}
.ambox-purple {
border-left: 10px solid #9932cc;
}
.ambox-gray {
border-left: 10px solid #bba;
}
.ambox-green {
border-left: 10px solid #228b22;
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left: 0.8em;
margin-top: 0.5em;
}
/* INFOBOXES: game or book depended color style */
.infoboxtable {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #505050;
color: #ffffff;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px;
}
.infoboxtable td {
vertical-align: top;
}
.infoboxtable td > div {
background-color: #181818;
border: 2px solid inherit;
border-radius: 5px;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
}
.infoboxname {
background-color: #181818;
font-size: 110%;
font-weight: bold;
padding: 0.5em;
}
.infoboxdetails {
padding: 0em;
}
/* Claim wiki button - this section can be removed if you remove the claim button from the main page */
.claimwikibutton {
text-align: center;
}
.claimwikibutton a {
background: url("http://media-mercury.cursecdn.com/attachments/1/716/claim_wiki_button.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
display: block;
height: 57px;
margin: 0 auto;
max-width: 100%;
width: 200px;
}
.claimwikibutton a:hover {
background: url("http://media-mercury.cursecdn.com/attachments/1/717/claim_wiki_button_hover.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
}
/* copyright images tweak */
.skin-hydradark .copyright-icon {
background-image: url("https://hydra-media.cursecdn.com/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
background-size: 100%;
height: 32px;
width: 32px;
}
/* SMW specific fixes */
.smw-editpage-help {
background-color: #000000;
}
div.smwfact {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #1c2b40;
clear: both;
font-size: 95%;
margin-top: 1em;
min-height: 23px;
padding: 5px;
}
div.smwfact td,
div.smwfact tr {
background-color: #000000;
}
.smwfact tbody > tr.row-even > td {
background-color: #1c2b40;
}
#bodyContent span.swmfactboxheadbrowse a {
background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAABnRSTlMAAAAAAABupgeRAAABM0lEQVR4AV2OA4LlQBCG+3p7gR3btm372VaMsW3bto6QqWd8SXeX60c+3t6/l1b3rMSkyTG2tLb7+vaBQtjYPpGoSQs2IdcxgwrcQU2JVcTO3rG/Yn5pS6FjNUb28uazW2TrlzrAkCjxATmxuLyFgNv7914J3i+1QQL+2g5LTq3RbWuMfLfIcXf/hmT6iZZeK4QEQRibPYCKsBw9GOBCUKqi9JZxpNJz7gpAZ5+LyNH/S9SDAa67rn0AR0braGARVIQUlTTZEDeyxI6s+NZBRVGdf51Kzyv0Y+jj81ekICNzNG6xcYXGrCqP8MxKQ1Wr9e7hHQHUyEZxk62mwym/Y8AOPxhlzeaUMotIN4N80KPrQwpCqqbhhl+kJDsG7aAMBQN7f8YmlpQ6Gn6Gm3t5/fSl/gB+4wSrZdObugAAAABJRU5ErkJggg==") no-repeat scroll right center / 13px 13px;
color: #73819c;
margin-right: 2px;
padding-right: 16px;
}