MediaWiki:Hydradark.css

/* * This stylesheet is loaded on desktop only. It modifies the Hydra Dark theme. * * Other desktop-only styles should go in MediaWiki:Common.css. * Mobile-only styles should go in MediaWiki:Mobile.css or MediaWiki:Gadget-darkmobile.css if theme related. * Sitewide styles should go in MediaWiki:Gadget-sitewide-styles.css. */

.mw-body-content { z-index: auto; }

/* Links */ a, a:visited, .mw-body a.extiw, div#content a.extiw:visited, .mw-body a.external, div#content a.external:visited, div#mw-head div.vectorTabs a, div#mw-head div.vectorMenu a, label.toctogglelabel { color: #f2c462; } a:active, div#content a.extiw:active, div#content a.external:active, div#mw-head div.vectorTabs a:active, div#mw-head div.vectorMenu a:active { color: #f2dcae; } div#content a.new, div#mw-head div.vectorTabs .new a, div#mw-head div.vectorTabs .new a:visited { color: #f25749; } div#content a.new:active, div#mw-head div.vectorTabs .new a:active { color: #f2b4ae; }

/* Header */ height: 0; background: transparent; }   margin: 0; height: 92px; }   height: 92px; }   display: block; margin-top: 65px; margin-bottom: 0; padding-left: 5px; }   margin-top: 65px; margin-right: 9px; } div.vectorTabs { padding: 0; height: 26px; background: none; } div.vectorTabs ul { background: none; } div.vectorTabs ul li, div#mw-head div.vectorMenu h3 { background-color: transparent; background-image: url("https://static.wikia.nocookie.net/pathofexile_gamepedia/images/c/c1/Vector_tab_left.png/revision/latest"), url("https://static.wikia.nocookie.net/pathofexile_gamepedia/images/0/07/Vector_tab_right.png/revision/latest"); background-position: left 0, right 0; background-repeat: no-repeat; } div.vectorTabs span { padding: 0 4px; background: none; } div#mw-head div.vectorMenu h3 { float: none; margin: 0; padding: 0; height: 100%; } div.vectorTabs li a, div#mw-head div.vectorMenu h3 span { background-color: transparent; background-image: url("https://static.wikia.nocookie.net/pathofexile_gamepedia/images/a/ad/Vector_tab_center.png/revision/latest"); background-position: center 0; background-repeat: repeat-x; background-clip: content-box; } div.vectorTabs li.selected, div#mw-head div.vectorMenu:hover h3, div#mw-head div.vectorMenu .vectorMenuCheckbox:checked + h3 { background-color: transparent; background-image: url("https://static.wikia.nocookie.net/pathofexile_gamepedia/images/c/c1/Vector_tab_left.png/revision/latest"), url("https://static.wikia.nocookie.net/pathofexile_gamepedia/images/0/07/Vector_tab_right.png/revision/latest"); background-position: left 100%, right 100%; background-repeat: no-repeat; } div.vectorTabs li.selected a, div#mw-head div.vectorMenu:hover h3 span, div#mw-head div.vectorMenu .vectorMenuCheckbox:checked + h3 span { background-position: center 100%; } div.vectorTabs li a, div.vectorMenu h3 span { height: 100%; font-family: 'Fontin-SmallCaps', Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 26px; font-variant-ligatures: none; text-decoration: none; } div.vectorTabs li a { padding: 0 15px; } div.vectorMenu h3 span { padding: 0 18px 0 19px; color: #f2c462; } div.vectorMenu h3 span::after { display: inline-block; position: static; margin-right: -6px; width: 1em; height: 1em; vertical-align: middle; background-image: url("data:image/svg+xml;utf-8, "); background-position: center; opacity: 1; filter: none; } div#mw-head div.vectorMenu > h3 > a { position: static; display: inline-block; margin: 0 -3px 0 0; padding: 0 12px 0 4px; width: 11px; height: 26px; vertical-align: top; line-height: 26px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QQYFxkfDTht+QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAATElEQVQI14XMQQ2AMBQE0fcxgAQwQlIrKMMKBCNUAg64AClNGva4O7Nx7vOIFYN2MlLAj5CR+mk54mkawgtClBeV8AGhK+F7SNhqEC60JBsT/5zCxwAAAABJRU5ErkJggg=="); background-position: 4px 50%; background-repeat: no-repeat; } div#mw-head div.vectorMenu > .menu { left: 0; top: 26px; border: 1px solid #875b3a; border-top-color: #7c5436; border-radius: 0 0 6px 6px; background: linear-gradient(to bottom, #7c5436 0%, #47301e 100%); box-shadow: -2px 5px 5px rgba(0, 0, 0, 0.5); } div#mw-head div#p-cactions > .menu { left: auto; right: 0; top: 26px; border: 1px solid #875b3a; border-top-color: #7c5436; border-radius: 0 0 6px 6px; background: linear-gradient(to bottom, #7c5436 0%, #47301e 100%); box-shadow: -2px 5px 5px rgba(0, 0, 0, 0.5); } div#mw-head div.vectorMenu > .menu > ul { border: none; background-color: transparent; }   padding: 0.5em; text-align: center; }   float: none !important; margin: 0 !important; }   width: auto !important; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { padding: 0 15px; height: 26px; width: 1em; background-color: transparent; background-image: url("https://static.wikia.nocookie.net/pathofexile_gamepedia/images/a/ad/Vector_tab_center.png/revision/latest") !important; background-position: center 0 !important; background-repeat: repeat-x; background-clip: content-box; animation: none !important; } .vectorTabs #ca-unwatch.icon a::before, .vectorTabs #ca-watch.icon a::before { content: ""; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; } .vectorTabs #ca-unwatch.icon a::before { background-image: url("data:image/svg+xml;utf-8, ") !important; } .vectorTabs #ca-watch.icon a::before { background-image: url("data:image/svg+xml;utf-8, ") !important; } .vectorTabs #ca-unwatch.icon a.loading::before, .vectorTabs #ca-watch.icon a.loading::before { animation: rotate 700ms infinite linear; }   position: absolute; float: none; bottom: 38px; right: 0; margin-right: 0.3em; }   margin: 0; background: rgba(30, 30, 30, 0.8); border: none; padding: 3px 1.4em 3px 5px; border-radius: 2px; }
 * 1) mw-page-base {
 * 1) mw-head-base {
 * 1) mw-head {
 * 1) left-navigation {
 * 1) right-navigation {
 * 1) socialIconImages {
 * 1) socialIconImages > a {
 * 1) socialIconImages > a > img {
 * 1) p-search {
 * 1) p-search > form > #simpleSearch {

width: 2em; }
 * 1) p-search > form > #simpleSearch #searchButton,
 * 2) p-search > form > #simpleSearch #mw-searchButton {

/* Sidebar menu */ .skin-hydradark div#mw-panel div.portal div.body { background-image: none; } .skin-hydradark div#mw-panel.collapsible-nav .portal h3 { padding-left: 1rem; } .skin-hydradark div#mw-panel.collapsible-nav .portal h3:hover { text-decoration: none; } .skin-hydradark div#mw-panel a { text-shadow: 0 0 0.5rem rgba(0, 0, 0, 1), -1px -1px 0 rgba(0, 0, 0, 0.25), 1px -1px 0 rgba(0, 0, 0, 0.25), -1px 1px 0 rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.25); } .skin-hydradark div#mw-panel.collapsible-nav .portal h3, .skin-hydradark div#mw-panel.collapsible-nav .portal h3 a, .skin-hydradark div#mw-panel.collapsible-nav .portal h3 a:visited, .skin-hydradark div#mw-panel.collapsible-nav .portal.collapsed h3, .skin-hydradark div#mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark div#mw-panel.collapsible-nav .portal.collapsed h3 a:visited { font-family: "Fontin-Regular", Verdana,Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 700; color: #f2c462; } .skin-hydradark div#mw-panel.collapsible-nav .portal .body { margin-left: 1rem; } .skin-hydradark div#mw-panel div.portal div.body ul li a, .skin-hydradark div#mw-panel div.portal div.body ul li a:visited { font-weight: bold; color: #dfcf99; } .skin-hydradark div#mw-panel div.portal div.body ul li a:hover, .skin-hydradark div#mw-panel div.portal div.body ul li a:visited:hover { color: #fff; }

padding-right: 4px; }
 * 1) pageWrapper {

div#content { border: 3px solid #7c5436; border-radius: 5px; color: #a38d6d; background: #0f0f0f; box-shadow: 0 1.5rem 3rem rgba(0,0,0,0.5); } .skin-hydradark div#mw-panel div.portal h5 { color: #dfcf99; font-weight:bold; text-transform: uppercase } .skin-hydradark #mw-panel.collapsible-nav div.portal h5, .skin-hydradark #mw-panel.collapsible-nav .portal h5 a, .skin-hydradark #mw-panel.collapsible-nav div.collapsed h5, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h5 a { color: #dfcf99; } div#footer { background-image: none; } div#footer ul li { color: #a38d6d; } div#footer a { color: #00b6ff; } div#toc, div.toc, .mw-warning { background: #141414; border: 1px solid #a38d6d; font-size: 95%; padding: 5px; }   background-color: transparent; border: 1px dashed #75511d; }   border: 1px solid #75511d; }
 * 1) pagehistory li.selected {
 * 1) pagehistory li {

/* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"] { border-width: 1px; border-style: solid; border-color: #805738 #7c5436 #4c3321; border-radius: 4px; padding: 0.125em 0.6em; font-family: 'Fontin-SmallCaps', Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; font-variant-ligatures: none; color: #f2c462; cursor: pointer; background: #5e3f29; background: linear-gradient(to bottom, #493120 0%, #7c5436 100%); } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus { text-shadow: 0px 0px 10px #f2c462; }

/* Preferences */ .skin-hydradark div#preferences { background: transparent none; border: 1px solid #a38d6d; clear: both; float: left; margin: -2px 0 0; width: 100%; } .skin-hydradark div#preferences fieldset legend { background: transparent; border: 0 solid #a38d6d; color: #a38d6d; font-variant: small-caps; } .skin-hydradark #preftoc { background-color: #130f0a; border: 0; margin: 0 0 4px !important; } .skin-hydradark #preftoc, .skin-hydradark #preftoc li, .skin-hydradark #preferences { background: transparent none; color: #a38d6d; } .skin-hydradark #preftoc li.selected a { background: #130f0a none; border: 1px solid #a38d6d; border-bottom: medium none; color: #f2c462; } .skin-hydradark #preftoc li a, .skin-hydradark #preftoc li a:active, .skin-hydradark #preftoc li a:visited { color: #00b6ff; font-variant: small-caps; } .skin-hydradark #preftoc li a:hover { background-image: none; color: #00b6ff; font-variant: small-caps; } .skin-hydradark .mw-datatable th { background-color: #000; } .skin-hydradark .mw-datatable, .skin-hydradark .mw-datatable td, .skin-hydradark .mw-datatable th { border: 1px solid #75511d; padding: 0 0.15em; } .skin-hydradark .mw-datatable td { background-color: transparent; } .skin-hydradark .TablePager tr:hover td { background-color: #000 !important; } div.thumbinner { background-color: transparent; border: 1px solid #75511d; } li.gallerybox div.thumb { background-color: transparent; border: 1px solid #75511d; margin: 2px; text-align: center; } html .thumbimage { border: none; background-color: transparent; }

ul { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QILBTYv67Mf9wAAAAZQTFRF////o41tM9LLpAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAAE0lEQVQI12NgQAEFDD/AsICBAQAakgPJO2sGpQAAAABJRU5ErkJggg=="); }

border: 1px solid #503a1e; background-color: #130f0a; } .catlinks li { border-left: 1px solid #a38d6d; } .skin-hydradark .mw-search-profile-tabs { border: 1px solid #503a1e; background-color: #130f0a; } .skin-hydradark .mw-search-profile-tabs div.search-types ul li a { padding: 0.4em 0.5em; } .skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #f2dcae; } .skin-hydradark fieldset#mw-searchoptions { background-color: #130f0a; border: 1px solid #503a1e; }
 * 1) catlinks {

/* ===== Table Styles ===== */ div#content table { color: inherit; } .skin-hydradark table.wikitable, table.mw_metadata td { border: 1px solid #1a1812; color: #a38d6d; background-color: #26231b; } .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th, table.mw_metadata th { background-color: #332f24; color: #dfcf99; } .skin-hydradark table.wikitable > tr:nth-child(even) > td, .skin-hydradark table.wikitable > * > tr:nth-child(even) > td { background-color: #211F18; } .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > th, .skin-hydradark table.wikitable > * > tr > td, table.mw_metadata th, table.mw_metadata td { border: 1px solid #1a1812; } .skin-hydradark table.cargoTable td { background: inherit !important; }

/* ===== Table Cell Template Styles ===== */ .skin-hydradark table.wikitable .table-yes, .skin-hydradark table.wikitable .table-no, .skin-hydradark table.wikitable .table-na { vertical-align: middle; text-align: center; } .skin-hydradark table.wikitable .table-yes { /*background-color: #1e261b !important;*/ } .skin-hydradark table.wikitable .table-no { /*background-color: #261b1b !important;*/ } .skin-hydradark table.wikitable .table-na { /*background-color: #211f19 !important;*/ color: #5e4f45; }

/* ===== Table Sorting Arrows ===== */ .skin-hydradark table.jquery-tablesorter th.headerSort { background-image: url("data:image/gif;base64,R0lGODlhFQAJAIABAKONbf///yH5BAEKAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") !important; }

.skin-hydradark table.jquery-tablesorter th.headerSortDown { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIABAKONbf///yH5BAEKAAEALAAAAAAVAAQAAAINjI+AywnaYnhUMopbAQA7") !important; }

.skin-hydradark table.jquery-tablesorter th.headerSortUp { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIABAKONbf///yH5BAEKAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") !important; }

/* ===== Pop Up Notification ===== */ .mw-notification { border: 1px dotted #00b6ff; border-radius: 4px; color: #b6bdbf; background-color: rgba(13, 32, 39, 0.9); }

/* ===== User Message Notification ===== */ .usermessage { margin: 2em 0; padding: 0.5em 1em; border: 1px dotted #00b6ff; border-radius: 4px; font-weight: bold; color: inherit; background-color: rgba(0, 182, 255, 0.1); }

/* ===== Revision comparison ===== */ .skin-hydradark table.diff { border-spacing: 4px; width: 100%; } .skin-hydradark td.diff-lineno, .skin-hydradark td.diff-marker { font-weight: bold; color: #dfcf99; } .skin-hydradark td.diff-marker { font-size: 130%; } .skin-hydradark .mw-diff-movedpara-left:after, .skin-hydradark .mw-diff-movedpara-right:after { color: #dfcf99; } .skin-hydradark table.diff td { padding: 2px 4px; } .skin-hydradark table.diff, .skin-hydradark td.diff-otitle, .skin-hydradark td.diff-ntitle { background-color: transparent; } .skin-hydradark td.diff-addedline, .skin-hydradark td.diff-deletedline, .skin-hydradark td.diff-context { border-width: 1px 1px 1px 4px; border-style: solid; border-radius: 4px; vertical-align: middle; font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Courier New", Courier, monospace; font-size: 88%; white-space: pre-wrap; } .skin-hydradark td.diff-context { background-color: #141414; border-color: #2c2b2b; color: #5e4f45; } .skin-hydradark td.diff-deletedline { background-color: #191b1c; border-color: #894a17; } .skin-hydradark td.diff-deletedline .diffchange { background-color: #4d3420; color: #dfcf99; } .skin-hydradark td.diff-addedline { background-color: #191b1c; border-color: #16678a; } .skin-hydradark td.diff-addedline .diffchange { background-color: #203f4c; color: #dfcf99; }

/* ===== Wiki editor ===== */ div.wikiEditor-ui { background: transparent; border: medium none; } div.wikiEditor-ui-buttons { background-color: transparent; border-top: medium none; margin-right: 5px; } div.wikiEditor-ui-controls { background-color: transparent; border-bottom: 1px solid #7c5436; } div.wikiEditor-ui-tabs { background-color: #0f0f0f; border-left: 1px solid #7c5436; border-top: 1px solid #7c5436; } div.wikiEditor-ui-tabs div { background: #372518; border-right: 1px solid #7c5436; border-bottom: 1px solid #7c5436; color: #a38d6d; } div.wikiEditor-ui-tabs div a { background: #372518; color: #a38d6d; } div.wikiEditor-ui-tabs div.current { background-color: #7c5436; border-bottom: 1px solid #7c5436; } div.wikiEditor-ui-tabs div.current a { color: #f2c462; } div.wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #7c5436; } div.wikiEditor-ui-toolbar { background: transparent; } div.wikiEditor-ui-toolbar .group { border-right: 1px solid #7c5436; } div.wikiEditor-ui-toolbar .group-search { border-left: 1px solid #7c5436; border-right: none; } div.wikiEditor-ui-toolbar .group .label { color: #a38d6d; } .tab { border-color: transparent; } div.wikiEditor-ui-toolbar .tabs span.tab a, div.wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #a38d6d; } div.wikiEditor-ui-toolbar .tabs span.tab a.current, div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #f2c462; } div.wikiEditor-ui-toolbar .group .tool-select .label { color: #a38d6d; } div.wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #7c5436; } div.wikiEditor-ui-toolbar .booklet .index div { color: #a38d6d; } div.wikiEditor-ui-toolbar .booklet .index .current { background-color: #0f0f0f; color: #f2c462; } div.wikiEditor-ui-toolbar .booklet .pages { background-color: #0f0f0f; } div.wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #7c5436; color: #a38d6d; } div.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #7c5436; color: #f2c462; } div.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #7c5436; color: #a38d6d; } div.wikiEditor-preview-contents, div.wikiEditor-preview-loading { background-color: transparent; } div.editOptions { background-color: #0f0f0f; border-image: none; border: 1px solid #7c5436; border-top: medium none; }