MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */ /* For elements which only display in the mobile view */ .mobileonly { display: none; }

@font-face { font-family: 'BradBunR'; src: local('BradBunR'), local('BradBunR'), url(https://commons.gamepedia.com/media/hydra/fonts/BradBunR.ttf) format('truetype'); }

@font-face { font-family: 'D3Stonism'; src: local('D3Stonism'), local('D3Stonism'), url(https://commons.gamepedia.com/media/hydra/fonts/D3Stonism.ttf) format('truetype'); }

@font-face { font-family: 'Lithograph-Bold'; src: local('Lithograph-Bold'), local('Lithograph-Bold'), url(https://commons.gamepedia.com/media/hydra/fonts/Lithograph-Bold.ttf) format('truetype'); }

/* Hide main page header */ body.page-Klondike_Wiki h1.firstHeading { display:none; }

/* Framework */ body { background: rgba(0, 0, 0, 0) url("https://static.wikia.nocookie.net/klondike_gamepedia_en/images/d/df/TopBanner.png/revision/latest?cb=20170403182955") no-repeat fixed center 29px; }

body #pageWrapper { margin-right: 5px; }

/* Head */ background-color: transparent; background-image: none; border-bottom: 0px; }
 * 1) mw-head-base {

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

div#mw-head { background-color: #00008B; border-radius: 4px 4px 0 0; box-shadow: 0 2px 5px 0 #00008B; height: 40px; left: 176px; margin-top: 90px; margin-right: 5px; position: absolute; width: auto; }

/* Logo */ height: 90px; top: -90px; width: 262px; }
 * 1) p-logo,
 * 2) p-logo a {

/* Tabs */ margin-left: 10px; margin-top: 0; }
 * 1) left-navigation {

margin-top: 0; }
 * 1) right-navigation {

margin: 0px; padding: 30px 0px 0px; display: block; width: 26px; height: 0px; overflow: hidden; background-position: 5px 100%; }
 * 1) ca-watch.icon a,
 * 2) ca-unwatch.icon a {

div#p-sharing .menu { margin-left: 10px; min-width: 0px; width: 48px; }

width: 100%; }
 * 1) p-sharing #socialIconImages img {

width: 40px; }
 * 1) p-sharing #socialIconImages a {

div.vectorMenu h3 span::after { filter: invert(100%); top: 1em; }

div.vectorTabs { background-image: none; }

div.vectorTabs span { background-image: none; }

div.vectorTabs ul { background-image: none; }

div.vectorTabs ul li { background-color: transparent; background-image: none; color: #c0c0c0; }

div.vectorTabs ul li.selected { background-color: transparent; background-image: none; color: #ffffff; }

div.vectorTabs ul li span { background-image: none; background-color: transparent; color: #c0c0c0; font-weight: bold; }

div.vectorTabs ul li.selected span, div.vectorMenu h3 span { background-image: none; background-color: transparent; color: #ffffff; font-weight: bold; }

div.vectorTabs li span a { background-image: none; color: #c0c0c0; }

div.vectorTabs span a:visited { color: #c0c0c0; }

div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover { color: #ffffff; }

div.vectorTabs li.selected span a { background-color: transparent; color: #ffffff !important; }

div.vectorMenu div.menu { border-radius: 4px; }

div#mw-head div.vectorMenu h4 { color: #000000; font-weight: bold; }

div.vectorMenu h3:hover span, div.vectorMenu h3:focus span { color: #fff; }

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

/* Sidebar */ div#mw-panel { top: 90px; }

div#mw-panel div.portal, div#mw-panel div.portal div.body, background-image: none; }
 * 1) mw-panel.collapsible-nav .portal {

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color: #00008B; }

div#mw-panel div.portal h3, div#mw-panel div.portal h3:visited, color: #00008B; font-weight: bold; text-transform: uppercase; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h3 a:visited,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 4) mw-panel.collapsible-nav .portal.collapsed h3 a:visited {

div#mw-panel div#p-socialProfiles.portal .body { margin: auto; }

.socialSidebar { width: auto; max-width: 100%; }

/* Content area */ div#content { background: #e3f5fc; border: 1px solid #00008B; border-radius: 0 0 4px 4px; box-shadow: 0 2px 5px 0 #00008B; margin-top: 49px; }

.toc { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #00008B; border-radius: 4px; box-shadow: 0 2px 5px 0 #00008B; }
 * toc,

.catlinks { background-color: transparent; border-radius: 4px; }

/* thumbnails */ li.gallerybox div.thumb { border: 1px solid #aaa; background-color: transparent; }

/* colour fix for advanced search options box */ fieldset#mw-searchoptions { background-color: rgba(0, 0, 0, 0); border-color: #00008B !important; }

.mw-search-profile-tabs { background-color: rgba(0, 0, 0, 0); border: 1px solid #00008B; margin-top: 1em; }

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

/* wiki editor styling */ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; }

.wikiEditor-ui-tabs div { border-bottom: 1px solid #00008B; border-right: 1px solid #00008B; }

.wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; }

.wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

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

.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #000000; font-weight: bold; }

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

.wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #00008B; color: #000000; }

.wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); }

.wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); color: #0645ad; }

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

.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #00008B; color: #ffffff; }

.wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td { color: #000000; }

.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #00008B; }

.wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #00008B; display: inline-block; color: #FFFFFF; }

.wikiEditor-ui-tabs div.current { border-bottom: 1px solid #00008B; }

.wikiEditor-ui-tabs div.current a { color: #ffffff; font-weight: bold; }

.wikiEditor-ui-tabs { border-left: 1px solid #00008B; border-top: 1px solid #00008B; }

.wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #00008B; border-style: solid; border-width: 0 1px 1px; color: #000000; }

.wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #00008B; }

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

.editOptions { background-color: rgba(255, 255, 255, 0.2); border-color: -moz-use-text-color #00008B #00008B; border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; }

input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; }

/* 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: #eeeeee; 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; }

/* Navbox template style */ table.navbox { background-color: rgba(255,255,255,0.5); border: 1px solid #00008B; border-radius: 4px; box-shadow: 0 2px 5px 0 #00008B; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

/* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: #ffffff; }

.navbox-list { border-color: #ffffff; /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: #00008B; color: #ffffff; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ffffff; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #ffffff; }

/* Even row striping */ .navbox-even { background: #ffffff; }

/* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* End of new Navbox styling */

/* copyright images tweak */ .copyright-icon { background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat; background-size: 100%; width: 32px; height: 32px; }

.feature { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; }

/*********************************/ /* User Name Color Customization */ /*********************************/

a[href="https://klondike.gamepedia.com/User:Eclairepastry"] {text-shadow:0px 0px 7px #0531a9 !important;color:black !important;} a[href="User:Eclaire.Pastry"] {text-shadow:0px 0px 7px #0531a9 !important;color:black !important;}

a[href="https://klondike.gamepedia.com/User:VersaKT"] {text-shadow:0px 0px 7px #ffd700 !important;color:black !important;} a[href="/wiki/User:VersaKT"] {text-shadow:0px 0px 7px #ffd700 !important;color:black !important;}

a[href="https://klondike.gamepedia.com/User:Wen_724"] {text-shadow:0px 0px 7px lime !important;color:black !important;} a[href="User:Wen_724"] {text-shadow:0px 0px 7px lime !important;color:black !important;}

a[href="https://klondike.gamepedia.com/User:Cfbandit"] {text-shadow:0px 0px 7px #FF00FF !important;color:black !important;} a[href="User:Cfbandit"] {text-shadow:0px 0px 7px #FF00FF !important;color:black !important;}

/* Special 'fit' classes for tables and other elements Used for wide tables or other tight places */ .ws-tight, .ws-tight li, /* li line-height is normally locked at *22px*, but not font size. */ .ws-compact, .ws-compact li { line-height:1.6em; } /* ~22.3px @ 14px font, but ~20.1x at 13, etc... */ .ws-compact th { padding:0 .3em !important; } /* similar issue on some of the tables */ .ws-tight ul, .ws-tight ol { margin-left:2.0em; /* similar issue on some of the tables */ margin-bottom:.4em; } .ws-compact ul, .ws-compact ol { margin-left:1.37em; /* similar issue on some of the tables */ margin-bottom:.15em; }

/* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { -moz-border-bottom-colors: transparent !important; -moz-border-left-colors: transparent !important; -moz-border-right-colors: transparent !important; -moz-border-top-colors: #00008B !important; border-top-bottom: transparent !important; border-top-left: transparent !important; border-top-right : transparent !important; border-top-color: #00008B !important; border-image: none !important; border-style: solid none none !important; border-width: 1px medium medium !important; overflow-x: auto; }

ul.tabbernav { border-bottom: none !important; }

ul.tabbernav li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #00008B !important; border: 1px solid #00008B !important; border-image: none; border-radius: 5px 5px 0 0 !important; margin-left: 3px; padding: 3px 0.5em; text-decoration: none; }

ul.tabbernav li a:link { color: #ffffff !important; }

ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; }

ul.tabbernav li a:hover { background: none repeat scroll 0 0 #00008B !important; border-color: #00008B !important; color: #c0c0c0 !important; }

ul.tabbernav li.tabberactive a { background-color: #e3f5fc !important; color: #000000 !important; }

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #e3f5fc !important; border-bottom: 1px none !important; padding: 2px 0.5em 4px !important; }

/*********************************/ /*  End of Customizing Tabber   */ /*********************************/

/* INFOBOXES */ .infoboxtable { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #00008B; border-radius: 4px; box-shadow: 0 2px 5px 0 #00008B; 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: #00008B; border: 2px solid inherit; border-radius: 4px; color: #ffffff; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxname { background-color: #00008B; border-radius: 4px 4px 0 0; color: #ffffff; font-size: 110%; font-weight: bold; padding: 0.5em; }

.infoboxdetails { background-color: #00008B; border-radius: 4px; color: #ffffff; padding: 0em; }

/* Standard Navigations Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; margin-left: 0em; padding: 4px; border: 0px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; }

div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; }

div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; }

div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; }

div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #D7D8DB; position: relative; }

div.NavFrame p { font-size: 100%; }

div.NavFrame div.NavContent { font-size: 100%; }

div.NavFrame div.NavContent p { font-size: 100%; }

div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } div.Boxmerge, div.MainPageNavFrame { margin: 0px; padding: 4px; border: 0px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.MainPageNavFrame div.MainPageNavHead { height: 1.6em; font-weight: bold; background-color: transparent; position:relative; }

/* tables */ table.wikitable { background-color: rgba(255,255,255,0.5); border-radius: 4px; box-shadow: 0 2px 5px 0 #00008B; }

table.wikitable > caption { color: #000000; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #00008B; border: 1px solid #00008B; color: #FFFFFF; text-align: center; }

table.wikitable > tr > td, table.wikitable > * > tr > td { border: 1px solid #00008B; padding: 0.2em; }

.wikitable th { background-color: #00008B; border: 1px solid #00008B; color: #FFFFFF; padding: 0.2em; }

.wikitable td { border: 1px solid #00008B; padding: 0.2em; }

.TablePager, table.mw_metadata, .mw-datatable { background-color: rgba(0, 0, 0, 0); border: 1px solid #00008B; padding:0 0.15em; }

.TablePager th, table.mw_metadata th, .mw-datatable th { background-color: #00008B; color: #ffffff; border:1px solid #00008B; padding:0 0.15em; }

.TablePager tr:hover td, .mw-datatabletr:hover td { background-color: #ffffff !important; }

.TablePager th a, table.mw_metadata th a, .mw-datatable th a { background-color: #00008B; color: #FFFFFF !important; } .TablePager td, table.mw_metadata td, .mw-datatable td { background-color: rgba(0, 0, 0, 0); border: 1px solid #00008B; }

/* sort headers */ table.jquery-tablesorter th.headerSort { background-color: #00008B; background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/3/36/Sort_both_white.gif") !important; background-position: center right; background-repeat: no-repeat; padding-right: 21px; }

table.jquery-tablesorter th.headerSortDown { background-color: #00008B; background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/5/56/Sort_down_white.gif") !important; background-position: center right; background-repeat: no-repeat; padding-right: 21px; padding-right: 21px; }

table.jquery-tablesorter th.headerSortUp { background-color: #00008B; background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/8/82/Sort_up_white.gif") !important; background-position: center right; background-repeat: no-repeat; padding-right: 21px; padding-right: 21px; }

/* This is stuff for tables with alternating coloured lines, aka pyjama paper */ table.sortable { border: 1px solid #00008B; }

.sortable th, .unsortable th { background-color: #00008B; color: #ffffff; }

.sortable tr:nth-child(2n+1), .zebra tr:nth-child(2n+1) { background-color: #ffffff; }

.sortable tr:nth-child(2n), .zebra tr:nth-child(2n) { background-color: transparent; }

.mw-customtoggle, .mw-collapsible-toggle a, .mw-content-ltr .mw-collapsible-toggle a, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle a, .mw-interwiki-legend .mw-collapsible-toggle a { color: #ffffff; }

/* end tables */

div.transboxheader { width:100%; height:90px; margin:0px 0px; background-color:#ffffff; border:0px solid black; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; }

/* Allow limiting of which header levels are shown in a TOC; , for instance, will limit to  showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which  there shouldn't be according to the MoS).

.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } p.invisible { display: none; visibility:hidden; }   border:15px solid transparent; width:250px; padding:10px 20px; -webkit-border-image:url("") 30 30 stretch; /* Safari 5 File:Dialog.png doesn't exit */ -o-border-image:url("") 30 30 stretch; /* Opera */ border-image:url("") 30 30 stretch; }   border:15px solid transparent; width:250px; padding:10px 20px; -webkit-border-image:url("https://static.wikia.nocookie.net/klondike_gamepedia_en/images/6/6f/Itembgborder.png/revision/latest?cb=20170331030042") 40 40 round; /* Safari 5 */ -o-border-image:url("https://static.wikia.nocookie.net/klondike_gamepedia_en/images/6/6f/Itembgborder.png/revision/latest?cb=20170331030042") 40 40 round; /* Opera */ border-image:url("https://static.wikia.nocookie.net/klondike_gamepedia_en/images/6/6f/Itembgborder.png/revision/latest?cb=20170331030042") 40 40 round; }   background: -moz-linear-gradient(left,  rgba(0,0,0,1) 72%, rgba(0,0,0,0.53) 79%, rgba(48,70,88,0) 87%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(72%,rgba(0,0,0,1)), color-stop(79%,rgba(0,0,0,0.53)), color-stop(87%,rgba(48,70,88,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,1) 72%,rgba(0,0,0,0.53) 79%,rgba(48,70,88,0) 87%,rgba(125,185,232,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#007db9e8",GradientType=1 ); /* IE6-9 */ }
 * 1) stretch {
 * 1) round {
 * 1) itemlevelfade {

/* make the Cite extension list of references look smaller and highlight clicked reference in blue */ ol.references { font-size: 90%; } ol.references li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; } /* remove underline on a class of links */ .lorelink a { color: #000000; text-decoration: none; } .loreht p { color: #000000; text-decoration: none; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Custom headings */ .heading { background: #00008B; border: 1px solid #00008B; border-radius: 4px; box-shadow: 0 0.1em 0.75em #666666; color: #FFFFFF; font-size: 130%; font-weight: bold; margin-bottom: 8px; padding: 4px; text-align: center; }

/* color fix */ .reverb-npnrb-site { font-weight: normal; font-size: 12px; color: #505050; }

.reverb-npnrb-site a:link, .reverb-npnrb-site a:active, .reverb-npnrb-site a:visited { color: #fd9b1c; }