MediaWiki:Hydradark.css

/* CSS placed here will affect users of the Hydradark skin */ /* For elements which only display in the mobile view */

/*************************************************************

Table of Contents

* Wikitable * Article-Table * Infobox * Skill Table * Patch Notes Table * Quest Table * Skill Progress Table * Skill Infobox * Quest Infobox * Craft Table
 * HTML & Body Default
 * Contents
 * Image Fixes
 * Fixes
 * Collapse
 * Head
 * Logo
 * Top Tabs
 * Left Sidebar
 * Page History & Diff
 * Search Form
 * Preferences
 * Wiki Editor Stylizing
 * Ambox
 * Wiki Links
 * Mark redirects in Special:Allpages and Special:Watchlist
 * Recent Changes Byte Indicators
 * Tables
 * TablePager
 * Stylized Paragraph Blocks
 * Tabber
 * Item Template
 * Text Colors
 * Main Page
 * Tooltip
 * Skill Tooltip
 * Dialogue Template
 * Miscellaneous



/************************************************************/ /* HTML & Body Defaults                                    */ /************************************************************/

html { font-size: 62.5%; }

body { font-size: 1.6rem; background: url("https://static.wikia.nocookie.net/grimdawn_gamepedia_en/images/9/98/Bg.jpg/revision/latest?cb=20160820123820") no-repeat fixed center center / cover rgba(0, 0, 0, 1); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/************************************************************/ /* Content                                                 */ /************************************************************/

div#content { background: rgba(0, 0, 0, 0); border-color: transparent; border-image: url("https://static.wikia.nocookie.net/grimdawn_gamepedia_en/images/4/46/Border.png/revision/latest?cb=20160820133525") 13 23 13 23 fill / / 1.3rem 1rem 1.3rem 1rem; border-style: solid; border-width: 1.3rem; box-sizing: border-box; }

.skin-hydradark #mw-indicator-mw-helplink a { color: #5793cc; }

.mw-body { margin-right: 1.6rem; margin-left: 17rem; margin-top: 6.9rem; padding: 0.5rem; }

/************************************************************/ /* Image Fixes                                             */ /************************************************************/

img.thumbborder { border: 1px solid #404040; }

/************************************************************/ /* Fixes                                                   */ /************************************************************/

/* Hides Main Page Header */ body.page-Grim_Dawn_Wiki h1.firstHeading { display: none; }

/* Edits */ code { font-family: Courier; }

/* Edits "*" */ ul { list-style-image: url("https://static.wikia.nocookie.net/grimdawn_gamepedia_en/images/7/7a/Bullet.png/revision/latest?cb=20160820144910"); }

/* Edits */ pre, .mw-code { background-color: #000000; white-space: pre-wrap; word-wrap: break-word; overflow: auto; }

/* Mobile Only Class */ .mobileonly { display: none; }

/* Copyright Images Tweak */ .skin-hydradark .copyright-icon { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png"); background-size: 100%; height: 32px; width: 32px; }

/* Table of Content Edits */ div#toc.toc { background: rgba(30,30,30,0.5); margin-top: 2rem; }

/* Removes Bracket From MW-Collapse Toggle */ span.mw-collapsible-bracket { display: none; }

/* Hatnotes and disambiguation notices */ .hatnote { font-style: italic; } .hatnote i { font-style: normal; } div.hatnote { /* @noflip */ padding-left: 1.6rem; margin-bottom: 0.5rem; } div.hatnote + div.hatnote { margin-top: -0.5rem; }

/* Notifications */ .mw-notification.mw-notification-type-error { background-color: rgba(154,0,0,0.7); } .mw-notification.mw-notification-type-warn { background-color: rgba(138,104,0,0.7); }

/************************************************************/ /* Collapse                                                */ /************************************************************/

/* Use class="uncollapsible" to make the row uncollapsible */ table.mw-collapsible > * > tr.uncollapsible { display: table-row !important; opacity: 1 !important; }

/* toggle-right class floats the toggle right */ .mw-collapsible.toggle-right > * > span.mw-collapsible-toggle > a { float:right; text-decoration:none; }

/************************************************************/ /* Head                                                    */ /************************************************************/

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

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

/************************************************************/ /* Logo                                                    */ /************************************************************/

height: 75px; padding: 2rem; margin-top: 10px; position: absolute; width: 565px; z-index: 4; }
 * 1) p-logo {

height: 75px; width: 565px; }
 * 1) p-logo a {

/************************************************************/ /* Top Tabs                                                */ /************************************************************/

text-transform: uppercase; }
 * 1) left-navigation,
 * 2) right-navigation {

margin-top: 9.7rem; }
 * 1) left-navigation {

margin-right: 0.5rem; margin-top: 9.7rem; }
 * 1) right-navigation {

div.vectorTabs, div#mw-head div.vectorMenu h3 { background-color: rgba(0, 0, 0, 0); background-image: none; height: 3.3rem; margin-top: 0.8rem; }

div.vectorTabs span, div.vectorTabs li.selected, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs li a { background: rgba(0, 0, 0, 0); }

div.vectorTabs li.selected span { background: transparent; background-image:-moz-linear-gradient(center top, rgba(154, 142, 128, 0.5) 0%, rgba(154, 142, 128, 0) 80%); background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,rgba(154, 142, 128, 0.5)), color-stop(80%,rgba(154, 142, 128, 0))); background-image:-webkit-linear-gradient(top, rgba(154, 142, 128, 0.5) 0%, rgba(154, 142, 128, 0) 80%); background-image:-o-linear-gradient(top, rgba(154, 142, 128, 0.5) 0%, rgba(154, 142, 128, 0) 80%); background-image:-ms-linear-gradient(top, rgba(154, 142, 128, 0.5) 0%, rgba(154, 142, 128, 0) 80%); background-image: linear-gradient(to top, rgba(154, 142, 128, 0.5) 0%, rgba(154, 142, 128, 0) 80%); height: 3.2rem; }

div.vectorMenu h3 span { padding-top: 1.7rem; }

div#mw-head, div.vectorTabs li a, .vectorTabs li a span, div#mw-head div.vectorTabs a, div.vectorMenu h3 span { color: #c0c0c0; font-weight: bold; }

.vectorTabs li a span, div#mw-head div.vectorTabs a { margin-top: 0; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #ffffff !important; text-decoration: none; font-weight: bold; }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #BA0000; text-shadow: 1px 1px #000000; }

div#p-sharing .menu { margin-left: 1rem; min-width: 0px; width: 4.8rem; }

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

div.vectorMenu h3 a { background-image: none; }

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { color: #c0c0c0; font-weight: bold; padding-top: 0.2rem; text-shadow: none; }

div.vectorMenu div.menu { border: 1px solid #5b574c; }

div.vectorMenu div.menu ul { background-color: #000000; background-image: none; }

div#mw-head div.vectorMenu li a { color: #f1dbb7; }

/************************************************************/ /* Left Sidebar                                            */ /************************************************************/

div#mw-panel { margin-top: -1.5rem; }

.skin-hydradark div#mw-panel div.portal, .skin-hydradark div#mw-panel div.portal div.body, .skin-hydradark #mw-panel.collapsible-nav .portal { background-image: none; }

.skin-hydradark 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 div.portal h3 a, .skin-hydradark #mw-panel.collapsible-nav div.portal h3 a:visited, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited { color: #f1dbb7; font-weight: bold; } .skin-hydradark div#mw-panel div.portal div.body ul li a, .skin-hydradark div#mw-panel div.portal div.body ul li a:link, .skin-hydradark div#mw-panel div.portal div.body ul li a:visited { color: #FFFFFF; } .skin-hydradark div#mw-panel div.portal div.body ul li a:hover { color: #7d6a53; }

/* social media add-on fix */ div#mw-panel div#p-socialProfiles.portal .body { margin: auto; }

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

.skin-hydradark #mw-panel.collapsible-nav .portal h3 { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/7/72/Sidebar_expanded.png); } .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/3/37/Sidebar_collapsed.png); }

/************************************************************/ /* Page History & Diff                                     */ /************************************************************/

background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; }
 * 1) pagehistory li {

background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; }
 * 1) pagehistory li.selected {

.skin-hydradark table.diff, .skin-hydradark td.diff-otitle, .skin-hydradark td.diff-ntitle { background-color: rgba(0, 0, 0, 0); }

.skin-hydradark td.diff-addedline, .skin-hydradark td.diff-deletedline, .skin-hydradark td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; }

.skin-hydradark td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; }

.skin-hydradark td.diff-deletedline { background-color: #440000; border-color: #e62444; }

.skin-hydradark td.diff-deletedline .diffchange { color: #e62444; }

.skin-hydradark td.diff-addedline { background-color: #004400; border-color: #bfd959; }

.skin-hydradark td.diff-addedline .diffchange { color: #bfd959; }

/************************************************************/ /* Search Form                                             */ /************************************************************/

.skin-hydradark .mw-search-profile-tabs { background: #000000; border: 1px solid #505050; margin-top: 1em; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #8eaae8; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li a, .mw-search-result-data { color: #FFFFFF; }

.skin-hydradark fieldset#mw-searchoptions { background-color: rgba(0, 0, 0, 0); border: 1px solid #505050 !important; }

.skin-hydradark fieldset#mw-searchoptions div.divider { border-bottom: 1px solid #505050; }

/************************************************************/ /* Preferences                                             */ /************************************************************/

.skin-hydradark #preftoc { background-color: #000000; border: 0px; margin: 0 0 4px !important; }

.skin-hydradark #preftoc, .skin-hydradark #preftoc li, .skin-hydradark #preferences, .skin-hydradark #preftoc li a { background-color: rgba(0, 0, 0, 0); background-image: none; color: #8eaae8; }

.skin-hydradark #preftoc li.selected a { background-color: #000000; background-image: none; border-color: #505050 #505050 #000000; border-style: solid; border-width: 1px; color: #FFFFFF; }

.skin-hydradark #preferences { background-color: #000000; border: 1px solid #505050; }

.skin-hydradark #preferences fieldset { border-color: #505050; }

.skin-hydradark #preferences legend { color: #e0e0e0; }

/************************************************************/ /* Wiki Editor Stylizing                                   */ /************************************************************/

/* Removes Line Length Marker */ div.ace_print-margin { visibility: hidden !important; }

div.wikiEditor-ui, div.wikiEditor-ui-controls, div.wikiEditor-ui-buttons , div.wikiEditor-preview-loading, div.wikiEditor-preview-contents { background: transparent; border: none; }

div.editOptions { border-top: none; }

/************************************************************/ /* Ambox                                                   */ /************************************************************/

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

/************************************************************/ /* Wiki Links                                        */ /************************************************************/

a { outline: 0; }

a, a:hover, div#content a { text-decoration: none; }

/* Interwiki & External Links */

div#content a, div#content a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, label.toctogglelabel { color: #5793cc; }

div#content a:hover, div#content a:hover.extiw, div#content a:hover.external, label.toctogglelabel:hover { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; text-shadow: 0 0 1px #ff9933; color: #ff9933; }

div#content a:active, div#content a:active.extiw, div#content a:active.external, label.toctogglelabel:active { color: #ffcc66; }

/* New Page Links */

div#content a:link.new, div#content a:visited.new { color: #a61f10; }

div#content a:hover.new { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; color: #66ff66; } div#content a:active.new { color: #b3ffb3; }

/* Self Links */

color: inherit; text-shadow: none; }
 * 1) content a.mw-selflink, #content a.mw-selflink:hover {

/************************************************************/ /* Mark redirects in Special:Allpages and Special:Watchlist */ /************************************************************/

.allpagesredirect, .watchlistredir { font-style: italic; }

.allpagesredirect:after { color: #808080; content: " (redirect)" } /************************************************************/ /* Recent Changes Byte Indicators                          */ /************************************************************/

.mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/************************************************************/ /* Tables                                                  */ /************************************************************/

/******************************/ /* Wikitable                 */ /******************************/

.skin-hydradark table.wikitable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(82,82,83); padding: 0.5rem; }

.skin-hydradark table.wikitable th, .skin-hydradark table.wikitable tr th, .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th, .skin-hydradark table.wikitable td, .skin-hydradark table.wikitable tr td, .skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > td { border: 1px solid rgb(82,82,83); }

.skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th { background-color: rgb(82,82,83); text-align: center; }

.skin-hydradark .wikitable th, .skin-hydradark .wikitable td { border: 1px solid rgb(82,82,83); color: #FFFFFF; }

/******************************/ /* Article-Table             */ /******************************/

table.article-table { background: #08080a; border-collapse: collapse; margin: 1rem 1rem 1rem 0; border: 1px solid #505050; }

table.article-table > * > tr { border-bottom: 1px solid #3d3d3f; }

table.article-table > * > tr > th { background: #000000; }

table.article-table > * > tr > td , table.article-table > * > tr > th { padding: 0.2rem 1rem; }

table.article-table > * > tr:nth-of-type(odd), table.article-table.sortable tr:nth-of-type(even) { background: #000000; }

table.article-table.sortable > * > tr:nth-of-type(odd) { background: #08080a; }

/******************************/ /* Infobox                   */ /******************************/ table.infobox { border-collapse: collapse; margin: 1rem; background-color: rgb(20,20,22); color: #000; border: 1px solid #3d3d3f; line-height: 1.8rem; clear: right; float: right; }

table.infobox > * > tr > td { padding: 0 0.8rem; vertical-align: top; border: 1px solid #3d3d3f; font-size: 1.3rem; }

table.infobox > * > tr > th { background-color: rgba(55, 70, 84, 0.4); text-align: center; padding: 0.8rem; }

/******************************/ /* Skill Table               */ /******************************/

table.skill-tree-table { margin: 2.1rem; margin: 1.5 rem; border-collapse:collapse; } table.skill-tree-table td { padding: 0; width: 4rem; height: 2.4rem; }

/******************************/ /* Patch Notes Table         */ /******************************/ table.patch1 { background: #202530; border-collapse: collapse; margin: 0.5rem 0.7rem 0.5rem 1rem; width: 25%; float: right; }

table.patch1 th { font-size: 1.6rem; } table.patch2 { margin: 0; width: 100%; } table.patch2 th { background: #2d3445; padding: 0.1rem 0 0.1rem 0.3rem; font-size: 1.55rem; } table.patch2 td { border-bottom: 0.1rem solid #2d3445; padding-left: 1rem; font-size: 1.5rem; }

/******************************/ /* Quest Table               */ /******************************/ /*  qltable = Quest Log Table    */ /* qrtable = Quest Reward Table */ table.qltable { background-color: rgb(66,66,66); width: 100%; } .qltable th { border: 1px solid rgb(66,66,66); background: rgb(55,70,94); padding: 10px; } .qltable td { border: 1px solid rgb(66,66,66); background: rgb(20,20,22); padding: 20px; } table.qrtable { background-color: rgb(66,66,66); margin: 14px 0; margin: 1rem 0rem; } .qrtable th { background: rgb(11,11,13); padding: 0.5rem; } .qrtable td { background: rgb(20,20,22); padding: 0.5rem; }

/******************************/ /* Skill Progress Table      */ /******************************/

table.skill-prog { background: rgba(8,8,10,.8); border-collapse: collapse; margin: 1rem 1rem 1rem 0; width: 60rem; }

table.skill-prog tr { border-bottom: 1px solid #3d3d3f; padding: 0.6rem 1.2rem; }

table.skill-prog th { color: #999; }

table.skill-prog caption { color: #A88054; font-weight: bold; }

table.skill-prog td { color: #A88054; }

/******************************/ /* Skill Infobox             */ /******************************/

.skill-infobox { background: rgb(61,61,62); float: right; margin: 1rem 1.6rem; border: 1px solid #3d3d3f; border-collapse: collapse; }

.skill-infobox .skill-infobox-header { background: rgb(10,10,8); padding: 1rem; text-align: center; border: 1px solid #3d3d3f; }

.skill-infobox .skill-infobox-col1, .skill-infobox .skill-infobox-col2 { padding: 1.2rem 1rem 1.2rem 0.8rem; border: 1px solid #3d3d3f; } .skill-infobox .skill-infobox-col1 { background: rgb(20,20,22); }

.skill-infobox .skill-infobox-col2 { background: rgb(10,10,8); min-width: 13rem; }

/******************************/ /* Quest Infobox             */ /******************************/

table.quest-infobox { width: 30rem; background: rgb(11,11,13); border: 1px solid #505050; font-size: 1.3rem; float: right; margin: 1rem 1.5rem; border-collapse: collapse; }

table.quest-infobox .quest-infobox-header { background: rgb(55,70,84); font-size: 1.8rem; padding: 1rem; text-align: center; }

table.quest-infobox .quest-infobox-info { background: rgb(55,70,84); padding: 1px; text-align: center; }

table.quest-infobox > * > tr > td { padding: 1rem; border: 1px solid #262626; }

/******************************/ /* Craft Table               */ /******************************/

table.craft-table { background: #08080a; border-collapse: collapse; margin: 1rem 1rem 1rem 0; border: 1px solid #505050; width: 40%; }

table.craft-table > * > tr { border-bottom: 1px solid #3d3d3f; }

table.craft-table > * > tr.craft-table-craft { background: #08080a; }

table.craft-table > * > tr > th, table.craft-table > * > tr > td { padding: 0.5rem 1rem; }

table.craft-table > * > tr > th, table.craft-table > * > tr:nth-of-type(odd) { background: #000000; }

table.craft-table > * > tr > td.craft-table-col1 { width: 8%; height: 4rem; text-align: center; }

table.craft-table > * > tr.craft-table-craft { background: #08080a; }

/************************************************************/ /* TablePager                                              */ /************************************************************/

.skin-hydradark .TablePager, .skin-hydradark .mw-datatable, table.mw_metadata { background-color: rgba(0, 0, 0, 0); border: 1px solid #505050; color: #FFFFFF; }

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, table.mw_metadata th { background: #000000; border: 1px solid #505050; color: #FFFFFF; }

.skin-hydradark table.jquery-tablesorter th.headerSort { background-repeat: no-repeat; background-position: center right; }

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td { background-color: #000000 !important; color: #ffffff; }

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

/************************************************************/ /* Stylized Paragraph Blocks                               */ /************************************************************/

div.note-text, div.flavor-text { background: rgb(20,20,22); border: 2px solid rgb(66, 66, 66); border: 0.1rem solid rgb(66, 66, 66); margin: 14px 0; margin: 1rem 0; overflow: hidden; padding: 8px; padding: 0.5rem; color: rgb(153, 153, 153); /* should match .text-silver */ } div.flavor-text { border-radius: 10px; border-radius: 0.6rem; } div.note-text { padding:20px; border-radius: 10px; border-radius: 0.6rem; margin:2em auto; text-align:justify; float: left; width:50%; } /************************************************************/ /* Tabber                                                  */ /************************************************************/

div.tabber.tabberlive .tabbertab { border: 1px solid #544537; border-radius: 0.5rem 0.5rem 0 0; }

ul.tabbernav { border: none; }

ul.tabbernav li a { background: transparent; border: 1px solid rgba(84,69,55,0.4); border-radius: 0.5rem 0.5rem 0 0; text-decoration: none; }

ul.tabbernav li a:hover { background: #544537; border-color: #544537; }

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background: #544537; border-bottom: none; }

div#content ul.tabbernav li a { color: #FFF; }

/************************************************************/ /* Item Template                                           */ /************************************************************/ .iteminfo { line-height: 2.1rem; border: solid rgba(8,8,10,1); border-width: 0.1rem; border-radius: 0.1rem; padding: 1rem; background: rgba(11,11,13,0.7); width: 35%; }

.item-name { font-weight: bold; white-space: nowrap; font-size: 1.6rem; } /************************************************************/ /* Text Colors                                             */ /************************************************************/

.text-blue2 {color: rgb(102, 153, 255);}

/* In-Game Colors */

.text-blue {color: rgb(57,170,206);}

.text-green {color: rgb(16,234,93);}

.text-red {color: rgb(255,66,0);}

.text-white {color: rgb(255,255,255);}

.text-yellow {color: rgb(255,245,43);}

.text-purple {color: rgb(242,148,198);}

.text-orange {color: rgb(242,163,77);}

.text-silver {color: rgb(153,153,153);}

.text-fushia {color: rgb(255,105,180);}

.text-cyan { color: rgb(0,255,255);}

.text-indigo {color: rgb(166,56,255);}

.text-aqua {color: rgb(126,255,212);}

.text-maroon {color: rgb(126,0,0);}

.text-khaki {color: rgb(240,230,140);}

.text-dark-gray, .text-dark-grey {color: rgb(26,26,26);}

.text-teal {color: rgb(0,255,209);}

.text-olive { color: rgb(145,203,0);}

.text-brown {color: rgb(168,128,84);}

.text-light-gold {color: rgb(222,194,163);}

.text-tan {color: rgb(158,133,91);} /************************************************************/ /* Main Page                                               */ /************************************************************/

width: 69%; padding: 0.5%; float: left; min-width: 30rem; }
 * 1) mp-leftcolumn {

width: 28%; padding: 0.5%; float: left; min-width: 30rem; margin-left: 1rem; }
 * 1) mp-rightcolumn {

.mpbox { width: 100%; border: 1px solid rgb(66,66,66); border-radius: 0.4rem; background: rgba(14,13,19,0.55); margin-bottom: 0.6rem; padding: 0.5rem 0.5rem 0.5rem 1rem; }

/************************************************************/ /* Tooltip                                                 */ /************************************************************/

.tooltip { display:inline-block; }

/* Hides Tooltip */ .tooltip .tooltipin, .tooltip:hover .tooltipin:hover { display: none; }

/* Shows tooltip on hover */ .tooltip:hover .tooltipin { display: block; position: absolute; padding: 0.6rem; color: #FFF; background: rgba(15,15,15,0.93); border: 0.1rem solid rgba(80,80,80,0.9); border-radius: 0.5rem; min-width: 35rem; max-width: 50rem; z-index:1; }

/************************************************************/ /* Skill Tooltip                                           */ /************************************************************/

.sktt { display: inline-block; } .sktt .sktt-header { color: rgb(57,170,206); font-size: 1.8rem; }

.sktt .tooltipin > table.sktt-table { line-height: 2rem; }

.sktt .tooltipin > table.sktt-table, .sktt .tooltipin > table.sktt-table > * > tr, .sktt .tooltipin > table.sktt-table > * > tr > th, .sktt .tooltipin > table.sktt-table > * > tr > td  { background: none; /* To overwrite preceding table classes */ border: none; /* To overwrite preceding table classes */ margin: none; /* To overwrite preceding table classes */ } .sktt .tooltipin > table.sktt-table > * > tr > th { font-size: 1.55rem; padding-right: 1.5rem; padding-left: 0.7rem; color: #999; }

.sktt .tooltipin > table.sktt-table > * > tr > td { color: #A88054; font-size: 1.35rem; width: 30rem; }

/************************************************************/ /* Dialogue Template                                       */ /************************************************************/

/* Dialogue tree styles */ .dialogue-section { background-color: rgba(0, 0, 0, 0.7); padding: 0.7em; border: 2px solid #808080; width: 45%; min-width: 240px; position: relative; }

.dialogue-section:target { background-image: linear-gradient(to right, hsla(0, 0%, 40%, 0.7) 0%, hsla(0, 0%, 40%, 0) 32px); }

.dialogue-section ~ .dialogue-section { margin-top: -2px; }

.dialogue-section .dialogue-npc-name { color: #f7e533; margin-left: 2em; font-weight: bold; }

.dialogue-section .dialogue-text { color: #efefef; }

.dialogue-section .dialogue-continue { color: #e0e0e0; font-style: italic; }

.dialogue-section .dialogue-continue-text { vertical-align: middle; }

.dialogue-section .dialogue-continue-option-text { color: #f7e176; }

.dialogue-section .dialogue-continue-option-wrap, .dialogue-section .dialogue-option-wrap { display: inline-flex; align-items: center; vertical-align: middle; }

.dialogue-section .dialogue-continue .dialogue-icon { margin-left: 0.5em; }

.dialogue-section .dialogue-continue .dialogue-continue-option-text { margin-left: 0.3em; margin-right: 0.5em; font-style: normal; }

.dialogue-section .dialogue-option-list { list-style-type: none; margin-left: 0.3em; margin-top: 0.6em; }

.dialogue-section .dialogue-icon { display: inline-block; width: 26px; height: 26px; flex-shrink: 0; }

.dialogue-section .dialogue-icon-more { background-image: url(https://static.wikia.nocookie.net/grimdawn_gamepedia_en/images/a/aa/Dialogue_icon_more.png/revision/latest?cb=20190622193935) }

.dialogue-section .dialogue-icon-accept-quest { background-image: url(https://static.wikia.nocookie.net/grimdawn_gamepedia_en/images/a/a8/Dialogue_icon_accept_quest.png/revision/latest?cb=20190622192806) }

.dialogue-section .dialogue-icon-decline-quest { background-image: url(https://static.wikia.nocookie.net/grimdawn_gamepedia_en/images/d/df/Dialogue_icon_decline_quest.png/revision/latest?cb=20190622193135) }

.dialogue-section .dialogue-icon-end { background-image: url(https://static.wikia.nocookie.net/grimdawn_gamepedia_en/images/9/9c/Dialogue_icon_end.png/revision/latest?cb=20190622220816) }

.dialogue-section .dialogue-option-text { margin-left: 0.3em; color: #f7e176; vertical-align: middle; }

.dialogue-section .dialogue-option-description { display: block; font-size: 90%; margin-left: calc(24px + 1.2em); margin-top: -0.3em; }

.dialogue-back-to-top { position: absolute; top: 0.7em; right: 0.7em; background-color: hsla(0, 0%, 50%, 0.5); background-image: url("data:image/svg+xml,%3csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2296%22 height=%2296%22%3e%3cpath d=%22M24 72 L48 56 L72 72 L48 24 L24 72%22 fill=%22%23ffffff%22/%3e%3c/svg%3e"); background-size: 24px 24px; width: 24px; height: 24px; border-radius: 12px; }

.dialogue-back-to-top a { width: 24px; height: 24px; border-radius: 12px; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/************************************************************/ /* Miscellaneous                                           */ /************************************************************/

.CategoryTreeToggle { color: #ff9933; }

/* MediaWiki 1.33 fixes */ .skin-hydradark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: black; color: white; }