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 */
/* Used colours: #353535 */
/* fonts just for headings, sidebar etc */
@font-face {
font-family: 'Behrensschrift';
src: local('Behrensschrift'), local('Behrensschrift'), url(https://hydra-media.cursecdn.com/hydra/fonts/Behrensschrift.ttf) format('truetype');
}
/******************
/* General styles *
/******************/
/* Hide main page header */
body.page-Eon_Altar_Wiki h1.firstHeading {
display:none;
}
body {
background-image: url("https://eonaltar.gamepedia.com/media/eonaltar.gamepedia.com/e/e1/EonAltarWiki_Background.jpg");
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000000;
background-size: cover;
}
#mw-head-base {
background-color: #444444 ! important;
border-left: 1px solid #676767;
border-right: 1px solid #676767;
border-top: 1px solid #676767;
bottom: 0;
height: 42px;
margin-top: -42px;
}
/*****************
/* Header styles *
/*****************/
div#mw-head {
background:transparent !important;
background-color: transparent !important;
}
#mw-page-base {
background:transparent !important;
background-color: transparent !important;
}
/**************************
/* Article navigation bar *
/**************************/
div.vectorTabs, div.vectorTabs span, div.vectorTabs li a, div.vectorMenu h3 a {
background-image: none;
}
div.vectorTabs {
background: transparent;
}
div.vectorTabs ul {
background: transparent;
}
div.vectorTabs ul li, div.vectorTabs ul li.selected {
background: transparent;
border: none;
}
div.vectorTabs ul li span, div.vectorTabs ul li.selected span {
background: transparent;
border: none;
}
div.vectorTabs span a:visited {
color: #FFFFFF;
}
div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover {
color: #a7a7a7;
}
div.vectorTabs li.selected span a {
color: #FFFFFF !important;
font-family: "Behrensschrift";
font-size: 100%;
}
div#mw-head li.selected a, div#mw-head li.selected a span {
color: white;
font-family: "Behrensschrift";
font-size: 100%;
}
div#mw-head li.new a, div#mw-head li.new a span {
color: #991f1f;
font-family: "Behrensschrift";
font-size: 100%;
}
div#mw-head a, div#mw-head div.vectorTabs a, div#mw-head div.vectorMenu a,
.vectorTabs li a span {
color: #3674b3;
font-family: "Behrensschrift";
font-size: 100%;
}
div#mw-panel div.portal div.body ul li a:link {
color: #3674b3;
font-family: "arial";
font-size: 100%;
}
div.vectorTabs span a:active {
color: #a7a7a7;
}
div.vectorMenu ul {
background: #000000;
border: 1px solid #434647;
padding-left: 8px;
}
div#p-cactions h5 {
background: transparent;
}
div.vectorMenu h5 a {
border: none;
background: transparent;
}
div#p-cactions div.menu {
}
div#p-cactions div.menu ul {
border: 1px solid #434647;
background: #000000;
color: #FFFFFF;
}
div#p-cactions div.menu ul li a {
background: transparent;
border: none;
color: #a7a7a7;
}
div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: -moz-use-text-color;
border-bottom-style: none;
border-bottom-width: medium;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: -moz-use-text-color;
border-left-style: none;
border-left-width: medium;
border-right-color: -moz-use-text-color;
border-right-style: none;
border-right-width: medium;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: medium;
display: inline-block;
float: left;
font-size: 0.8em;
font-weight: normal;
padding-left: 0.5em;
padding-top: 1.2em;
font-family: "Behrensschrift";
font-size: 100%;
}
/**********************
/* Site notice styles *
/**********************/
.skin-hydradark #mw-panel.collapsible-nav .portal h3,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a {
color: white;
font-family: "Behrensschrift";
font-size: 120%;
}
div#mw-panel div.portal div.body ul li a:link {
color: white;
font-family: "arial";
font-size: 100%;
}
/******************
/* Sidebar styles *
/******************/
div#mw-panel div.portal h5 {
color: #FFFFFF;
}
div#mw-panel div.portal div.body ul li a {
color: #FFFFFF;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #FFFFFF;
}
div#mw-panel div.portal div.body ul li a:hover {
color:#a7a7a7;
}
/***************
/* Link styles *
/***************/
a {
color: #61798D;
}
a:link {
color: #61798D;
}
div#content a:visited, a:visited {
color: #556C7F;
}
a.new {
color:red;
}
div#content a.extiw,
div#footer a.extiw,
div#content a.external,
div#footer a.external {
color: #a7a7a7;
}
div#content a.extiw:visited,
div#footer a.extiw:visited,
div#content a.external:visited,
div#footer a.external:visited {
color: #a7a7a7;
}
div#content a.extiw:hover,
div#footer a.extiw:hover,
div#content a.external:hover,
div#footer a.external:hover,
div#content a.extiw:visited:hover,
div#footer a.extiw:visited:hover,
div#content a.external:visited:hover,
div#footer a.external:visited:hover {
color: #a7a7a7;
}
a:active {
color: #5D9ED3;
}
/******************
/* Article styles *
/******************/
div#content {
background: #181818;
border: 1px solid #676767;
color: #FFFFFF;
}
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
color: #FFFFFF;
}
.toc, #toc {
background: transparent;
border: 1px solid #434647;
}
#file img,
.filehistory a img {
background: url("https://hydra-media.cursecdn.com/hydra.gamepedia.com/8/84/Dark_checker.svg/16px-Dark_checker.svg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#file img:hover, .filehistory a img:hover {
background: rgba(0, 0, 0, 0);
}
/* tables */
.skin-hydradark table.wikitable {
background: transparent;
}
table.mw_metadata td {
background-color: transparent;
border: 1px solid #404040;
}
table.mw_metadata th {
background-color: #000000;
border: 1px solid #404040;
}
table.wikitable, #claimlist {
background: none repeat scroll 0 0 transparent;
}
#claimlist .approved a {
color: #000000;
}
#claimlist .approved td {
color: #545454;
}
/* WikiClaims tool dropdown fix */
#claimlist .controls_container > .dropdown {
right: 24px;
top: -24px;
}
.skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th {
background-color: #000000;
text-align: center;
}
.skin-hydradark .wikitable th, .skin-hydradark #claimlist th, .skin-hydradark #claimlist .sortable th.unsortable {
background-color: #000000;
border: 1px solid #404040;
color: #B3B4B7;
padding: 0.2em;
}
#claimlist .sortable th:hover {
background-color: #15181a;
}
.skin-hydradark .wikitable td, #claimlist td {
border: 1px solid #404040;
color: #ffffff;
padding: 0.2em;
}
.skin-hydradark .TablePager {
color:#000000;
border:1px solid #404040;
padding:0 0.15em;
}
.skin-hydradark .TablePager th {
background-color:#232323;
color:#ffffff;
border:1px solid #404040;
padding:0 0.15em;
}
.skin-hydradark .TablePager tr:hover td {
background-color: #232323 !important;
color:#ffffff;
}
.skin-hydradark .TablePager th a {
background-color:#232323;
color:#FFFFFF !important;
}
.skin-hydradark .TablePager td {
background: transparent !important;
border: 1px solid #404040;
color: #c0c0c0;
}
/* colour fix for metadata box */
table.mw_metadata th {
background-color: #000000;
color: #D5D4D4;
}
table.mw_metadata td {
background-color: #15181A;
color: #D5D4D4;
}
li.gallerybox div.thumb {
background-color: transparent;
}
div.thumbinner {
background-color: transparent;
}
code {
background-color: orange;
color:black;
}
pre a, code a {
}
pre a:link, code a:link {
color:#963AFF;
}
#catlinks {
background-color: transparent;
border: 1px solid #AAAAAA;
}
/* colour fix for advanced search options box */
fieldset#mw-searchoptions {
background-color: #000000;
border-color: #404040 !important;
}
.skin-hydradark .mw-search-profile-tabs {
background-color: #000000;
border: 1px solid #404040;
margin-top: 1em;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
color: #FFFFFF;
}
/* Page history */
#pagehistory li.selected {
background-color: #000000;
background-image: none;
border: 1px dashed #404040;
padding: 3px;
}
table.diff {
background: transparent;
}
td.diff-context {
background: none repeat scroll 0 0 transparent;
color: #c0c0c0;
}
td.diff-deletedline {
background-color: #FFE49C;
border-color: #FFE49C;
color: #c0c0c0;
}
td.diff-addedline {
background-color: #A3D3FF;
border-color: #A3D3FF;
color: #c0c0c0;
}
#pagehistory li {
background-color: transparent;
border: 1px solid #404040;
padding: 3px;
}
fieldset {
border: 1px solid #434647;
}
div.skin-hydradark #preferences {
background: transparent;
}
div.skin-hydradark #preferences fieldset legend {
color: #FFFFFF;
}
.skin-hydradark #preftoc li a, .skin-hydradark #preftoc li a:active {
color: #FFFFFF;
}
.skin-hydradark #preftoc li a:visited {
color: #FFFFFF;
}
.skin-hydradark #preftoc li a:hover, .skin-hydradark #preftoc li.selected a, .skin-hydradark #preftoc li.selected a:hover {
background: transparent;
color: #FFFFFF !important;
}
/*****************
/* Footer styles *
/*****************/
div#footer {
background-image: none;
}
div#footer ul li {
color: #FFFFFF;
}
div#footer a {
color: #a7a7a7;
}
div#footer a:hover {
color: #a7a7a7;
}
/* Notifications */
.mw-notification {
background-color: #000000;
}
/* user profile info colour tweak */
.helper_mark:before {
background-color: #000000;
border: 1px solid #EFEFEF;
color: #D5D4D4;
}
.helper_mark > span:after {
background-color: #000000;
bottom: -5px;
box-shadow: -4px -4px 5px 2px #000000, 4px 4px 5px 1px rgba(35, 49, 72, 0.75);
color: #D5D4D4;
}
.helper_mark > span {
background-color: #000000;
color: #D5D4D4;
}
/* fix for black redirection arrow */
.redirectMsg > img {
display: none;
}
.redirectMsg > span::before {
content: url("https://hydra-media.cursecdn.com/witcher.gamepedia.com/b/b5/Redirectltr.png");
}
#p-sharing #socialIconImages > a {
float: left;
margin: 0 0 4px;
}
div.vectorMenu h3 span {
display: block;
font-size: 0.8em;
font-weight: normal;
margin-right: 20px;
padding-left: 0.7em;
padding-top: 1.7em;
color: #d4d4d4;
font-family: "Behrensschrift";
}
div.vectorTabs, div.vectorTabs ul, div.vectorTabs span, div#mw-head div.vectorMenu h3 {
background-image: none;
}
/* multiple fixes */
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: #181818;
color: #36c;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
background-color:#181818;
color:#E0E0E0;
}
.mw-echo-ui-pageNotificationsOptionWidget-count {
background-color: #181818;
color: #E0E0E0;
}
.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-iconElement .oo-ui-iconElement-icon,
.oo-ui-iconElement.oo-ui-iconElement-icon {
filter: invert(100%);
}
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: #181818;
}
.mw-echo-ui-notificationsInboxWidget-main-toolbar-affixed {
background: #181818;
}
.mw-echo-ui-placeholderItemWidget {
background-color: #1F1F1F;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color:#202020;
color:#E0E0E0;
}
.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.oo-ui-popupToolGroup.oo-ui-widget-enabled,
.oo-ui-popupWidget-popup {
background: #202020;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
background-color: #202020;
}
.oo-ui-indicator-down,
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
filter:invert(100%);
}
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
color: #E0E0E0;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #666;
}
/*****************/
/* Visual Editor */
/*****************/
.skin-hydradark .oo-ui-toolbar-bar {
background: rgba(79,79,79,1);
background: -moz-linear-gradient(center top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -webkit-gradient(center top, center top, color-stop(0%, rgba(79,79,79,1)), color-stop(100%, rgba(77,77,77,1)));
background: -webkit-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -o-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -ms-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: linear-gradient(to top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
border-bottom: 1px solid #333;
color: white;
}
.skin-hydradark .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
background: rgba(242,242,242,1);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(207,207,207,1)));
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
border: 1px solid rgba(242, 242, 242, 1);
}
.skin-hydradark .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
.skin-hydradark .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
background: rgba(207,207,207,1);
background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,207,207,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
border: 1px solid rgba(207,207,207,1);;
}
.skin-hydradark .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.skin-hydradark .oo-ui-popupToolGroup.oo-ui-widget-enabled,
.skin-hydradark .oo-ui-popupWidget-popup {
background: rgba(122,122,122,1);
background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(128,128,128,1)));
background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
border-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07) inset;
}
.skin-hydradark .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-popupTool,
.skin-hydradark .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
background: rgba(191,191,191,1);
background: -moz-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,191,191,1)), color-stop(100%, rgba(199,199,199,1)));
background: -webkit-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: -o-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: -ms-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: linear-gradient(to bottom, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
}
.skin-hydradark .oo-ui-popupToolGroup .oo-ui-toolGroup-tools,
.skin-hydradark .oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget {
background-color: rgba(191, 191, 191, 1);
border: 1px solid #888;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: #444444;
}
.ve-ui-commentContextItem .ve-ui-linearContextItem-body {
color: white;
font-family: monospace,"Courier";
line-height: 1.25em;
margin-bottom: 1em;
margin-left: 0.5em;
margin-right: 0.5em;
margin-top: 0;
max-height: 10em;
overflow-x: auto;
overflow-y: auto;
padding-bottom: 0;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
white-space: pre-wrap;
}
/* iframe popups */
body.oo-ui-frame-body,
.skin-hydradark .oo-ui-popupWidget .oo-ui-popupWidget-popup {
background: rgba(79,79,79,1);
background: -moz-linear-gradient(center top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -webkit-gradient(center top, center top, color-stop(0%, rgba(79,79,79,1)), color-stop(100%, rgba(77,77,77,1)));
background: -webkit-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -o-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -ms-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: linear-gradient(to top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
color: white;
}
.oo-ui-window-head .oo-ui-window-title {
color: #eee;
}
.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
background-color: #4e4e4e;
}
.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
body.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget .oo-ui-optionWidget-selected {
background-color: rgba(191, 191, 191, 1);
}
.oo-ui-window-body .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
background-color: #4e4e4e;
}
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled input,
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled input:focus,
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled textarea,
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus,
.skin-hydradark .oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget label {
color: #333;
}
.oo-ui-panelLayout.oo-ui-bookletLayout-outlinePanel {
border-right: 1px solid #666;
}
.skin-hydradark .oo-ui-dialog .oo-ui-window-frame {
border: 1px solid #666;
}
body.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget .oo-ui-optionWidget-selected {
text-shadow: none;
}
.skin-hydradark .mw-search-profile-tabs {
background-color: #404040;
border:1px solid gray;
margin-top: 1em;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
color: white;
cursor: default;
}