No edit summary |
(Removed "body #pageWrapper", updated div#content, removed ".article-container") |
||
| Line 60: | Line 60: | ||
-o-background-size: cover; |
-o-background-size: cover; |
||
background-size: cover; |
background-size: cover; |
||
| − | } |
||
| − | |||
| − | body #pageWrapper { |
||
| ⚫ | |||
} |
} |
||
| Line 77: | Line 73: | ||
border-width: 1.3rem; |
border-width: 1.3rem; |
||
box-sizing: border-box; |
box-sizing: border-box; |
||
| − | margin-right: 1. |
+ | margin-right: 1.3rem; |
| ⚫ | |||
margin-top: 6.9rem; |
margin-top: 6.9rem; |
||
| − | } |
||
| − | |||
| − | .article-container { |
||
| − | border: 1px solid rgb(66, 66, 66); |
||
| − | padding: 0.5rem 1rem; |
||
} |
} |
||
Revision as of 02:42, 18 November 2016
/* CSS placed here will affect users of the Hydradark skin */
/* For elements which only display in the mobile view */
/*************************************************************
Table of Contents
* 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
* Wikitable
* Article-Table
* Infobox
* Skill Table
* Patch Notes Table
* Quest Table
* Skill Progress Table
* Skill Infobox
* Quest Infobox
* Craft Table
* ???
* Stylized Paragraph Blocks
* Tabber
* Item Template
* Text Colors
* Main Page
* Tooltip
* Skill Tooltip
*************************************************************/
/************************************************************/
/* HTML & Body Defaults */
/************************************************************/
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
background: url("https://hydra-media.cursecdn.com/grimdawn.gamepedia.com/9/98/Bg.jpg") 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: rgba(0, 0, 0, 0);
border-image: url("https://hydra-media.cursecdn.com/grimdawn.gamepedia.com/4/46/Border.png") 13 23 13 23 fill / / 1.3rem 1rem 1.3rem 1rem;
border-style: solid;
border-width: 1.3rem;
box-sizing: border-box;
margin-right: 1.3rem;
margin-left: 16.5rem;
margin-top: 6.9rem;
}
/************************************************************/
/* Image Fixes */
/************************************************************/
img.thumbborder {
border: 1px solid #404040;
}
div.thumbcaption {
display: none;
}
/************************************************************/
/* Fixes */
/************************************************************/
/* Hides Main Page Header */
body.page-Grim_Dawn_Wiki h1.firstHeading {
display: none;
}
/* Edits <code> */
code {
font-family: Courier;
}
/* Edits "*" */
ul {
list-style-image: url("https://hydra-media.cursecdn.com/grimdawn.gamepedia.com/7/7a/Bullet.png");
}
/* Edits <pre> */
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://hydra-media.cursecdn.com/commons.cursetech.com/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;
}
/************************************************************/
/* 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 */
/************************************************************/
#mw-head-base {
background: transparent;
background-image: none;
border-bottom: 0px;
}
div#mw-page-base {
background: transparent;
background-image: none;
}
/************************************************************/
/* Logo */
/************************************************************/
#p-logo {
height: 7.5rem !important;
padding: 2rem;
margin-top: 10px;
position: absolute;
width: 56.5rem !important;
z-index: 4;
}
#p-logo a {
height: 7.5rem !important;
width: 56.5rem !important;
}
/************************************************************/
/* Top Tabs */
/************************************************************/
#left-navigation {
margin-top: 9.7rem;
}
#right-navigation {
margin-right: 0.5rem;
margin-top: 9.7rem;
}
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;
}
#p-sharing #socialIconImages img {
width: 100%;
}
#p-sharing #socialIconImages a {
width: 4rem;
}
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;
}
div#mw-panel div.portal,
div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav .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 div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav div.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: #f1dbb7;
font-weight: bold;
}
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: #FFFFFF;
}
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%;
}
/************************************************************/
/* Page History & Diff */
/************************************************************/
#pagehistory li {
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 3px;
}
#pagehistory li.selected {
background-color: #000000;
background-image: none;
border: 1px dashed #505050;
padding: 3px;
}
.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 */
/************************************************************/
.mw-search-profile-tabs {
background: #000000;
border: 1px solid #505050;
margin-top: 1em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: #8eaae8;
}
.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,
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 {
color: #5793cc;
}
div#content a:hover,
div#content a:hover.extiw,
div#content a:hover.external {
-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 {
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;
}
/************************************************************/
/* 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);
}
.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;
padding: 0.2em;
}
.skin-hydradark .wikitable th {
background: #000000;
}
/******************************/
/* 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: 3px;
}
.qrtable td {
background: rgb(20,20,22);
padding: 3px;
}
/******************************/
/* 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,
.mw-datatable,
table.mw_metadata {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #505050;
color: #FFFFFF;
}
.TablePager th,
.mw-datatable th,
table.mw_metadata th {
background: #000000;
border: 1px solid #505050;
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: #000000;
color: #FFFFFF !important;
}
.TablePager td,
.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, p.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 */
}
p.flavor-text {
border-radius: 10px 0 10px 0; border-radius: 0.6rem 0 0.6rem 0;
}
div.note-text {
padding:20px;
border-radius: 10px; border-radius: 0.6rem; margin:2em auto;
text-align:justify;
}
/************************************************************/
/* 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: 40%;
}
.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 */
/************************************************************/
#mp-leftcolumn {
width: 69%;
padding: 0.5%;
float: left;
min-width: 30rem;
}
#mp-rightcolumn {
width: 28%;
padding: 0.5%;
float: left;
min-width: 30rem;
margin-left: 1rem;
}
.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;
}