Difference between revisions of "Common.css"

Line 970: Line 970:
 
     display: table-cell;
 
     display: table-cell;
 
     vertical-align: middle;
 
     vertical-align: middle;
     padding-left: 0em;
+
     padding-left: 0.5rem;
 
     margin-left: 0em;
 
     margin-left: 0em;
    position: relative;
 
 
     top: 1.25em;
 
     top: 1.25em;
}
 
 
h2>span.mw-editsection {
 
    float: right;
 
 
}
 
}
  
 
h3>span.mw-editsection {
 
h3>span.mw-editsection {
 
     top: 0em;
 
     top: 0em;
    padding-left: 1em;
 
 
}
 
}
  

Revision as of 18:42, 10 January 2020

a {
    word-wrap: break-word;
}

a, a:visited, .mw-body a.external, .mw-body a.external:visited, .mw-body a.extiw:visited, .mbTV, .mbYT, .mbYTplaylist, .mbGfycat, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, span.label, .mbhoveron:hover>span.label {
    color: #106ecc;
    border-bottom: 1px solid transparent;
}

.mw-body a:hover, #mw-head a:hover, .mw-body a.external:hover, .mw-body a.external:visited:hover, .mbTV:hover, .mbYT:hover, .mbYTplaylist:hover, .mbGfycat:hover, div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:visited:hover, span.label:hover, .mbhoveron:hover>span.label {
    text-decoration: none;
    border-bottom: 1px solid #106ecc;
    cursor: pointer;
}

.mbhoveron>a:hover {
    border-bottom: 0;
}

/* Miscellaneous changes */
/* CategoryTree smoother font */
.CategoryTreeSection>.CategoryTreeItem>.CategoryTreeBullet>.CategoryTreeToggle, .CategoryTreeSection>.CategoryTreeItem>.CategoryTreeEmptyBullet {
    font-family: Arial;
    font-size: 80%;
}

/* Dismissable Site Notice */
div.mw-dismissable-notice .mw-dismissable-notice-body {
    margin: 0;
    margin-bottom: .5em;
}

div.mw-dismissable-notice .mw-dismissable-notice-close {
    margin-right: 5px;
}

.accordNext {
    cursor: pointer;
    padding: 0.25em 0.75em;
    background-color: #d9d9d9;
}

.accordNext:after {
    background-image: url('//metabattle.com/wiki/images/1/1d/Plus_box_icon.png');
}

.accordNext.expanded:after {
    background-image: url('//metabattle.com/wiki/images/b/b5/Minus_box_icon.png');
}

.accordNext:after, .accordNext.expanded:after {
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0.25em;
}

.accordNext+* {
    padding: 0.25em 0.75em;
}

.mbTV, .mbYT, .mbYTplaylist, .mbGfycat {
    border-bottom: 1px solid transparent;
}

video.gfycat {
    display: block;
}

/* Various SMW queries */
.smw-search-style {
    background: #F3F3F3;
    border: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: .5em;
}

.smw-search-style tt {
    font-size: 10px;
    margin-right: 1em;
}

.smw-search-result {
    background: #F3F3F3;
    border: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: .5em;
    border-collapse: collapse;
    width: 100%;
}

.smw-search-result tbody>tr:nth-child(odd) {
    background-color: #ffffff;
}

.smw-search-result thead {
    border: 1px solid #C0C0C0;
}

/* Rating Box CSS */
.rating-box {
    display: flex;
    padding: 10px;
    margin-bottom: 1em;
    position: relative;
}

.rating-box-l {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.rating-box-r {
    width: 100%
}

.designed-for {
    display: inline-block;
    padding: .25em .5em;
    border-width: 1px;
    border-style: solid;
}

.rating-template-meta {
    background: #666666 url(//metabattle.com/wiki/images/d/da/Texture_33-155672.png);
    color: #CCC;
    border: 1px solid #242424;
}

.rating-under-construction {
    border: 2px solid red !important;
    border-radius: 10px;
}

.rating-uc-msg {
    font-size: 0.8em;
    font-style: italic;
}

.rating-template-non-meta {}

.rating-color-great {
    color: #f9a916;
}

.rating-color-great-meta {
    color: #f9a916;
}

.rating-color-good {
    color: #f9a916;
}

.rating-color-good-meta {
    color: #C5CED5;
}

.rating-color-other {
    color: #f9a916;
}

.rating-color-other-meta {
    color: #CCCCCC;
}

.rating-build-focus>a {
    color: inherit;
}

.rating-gametype-great {
    background-color: #786443;
    color: #E6BA5A;
    border-color: #E6BA5A;
}

.rating-gametype-great-meta {
    background-color: #f9a916;
    color: #111;
}

.rating-gametype-good {
    background-color: #786443;
    color: #E6BA5A;
    border-color: #E6BA5A;
}

.rating-gametype-good-meta {
    background-color: #786443;
    color: #E6BA5A;
    border-color: #E6BA5A;
}

.rating-gametype-other {
    background-color: #786443;
    color: #E6BA5A;
    border-color: #E6BA5A;
}

.rating-gametype-other-meta {
    background-color: #786443;
    color: #E6BA5A;
    border-color: #E6BA5A;
}

.rating-gametype-great>a, .rating-gametype-great-meta>a, .rating-gametype-good>a, .rating-gametype-good-meta>a, .rating-gametype-other>a, .rating-gametype-other-meta>a {
    color: inherit;
}

.fancybox-overlay {
    z-index: 9999;
}

.icon-star>img {
    vertical-align: top;
}

.redteamcolor {
    color: #D50000;
}

.blueteamcolor {
    color: #2046DF;
}

/*find all the "new page"/red links to convert as well*/
div.vectorTabs li.new a:hover, div.vectorTabs li.new a:visited:hover {
    text-decoration: none;
    border-bottom: 1px solid #a55858;
}

.mbTV, .mbYT, .mbYTplaylist, .mbGfycat {
    display: inline;
    cursor: pointer;
}

div#toc {
    float: right;
    margin-left: 10px;
    padding: .66em 1em .33em;
    border: 0;
}

/*  margin-bottom: 1em; */
.tocnumber {
    display: none;
}

div#mw-panel {
    position: fixed
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.clear {
    clear: both
}

.gold {
    color: #ffcc77;
}

.runesigil {
    color: #ffaa00;
    font-size: 15px
}

.rare {
    color: #ffdd22;
}

.masterwork {
    color: #2bbc0d;
}

.magic {
    color: #679ce5;
}

.bgeee {
    background-color: #eee;
}

.colorFFF {
    color: #fff;
}

.w52 {
    width: 52px;
}

.w295 {
    width: 295px;
}

.h52 {
    height: 52px;
}

/* Hover Tooltips */
span.label {
    font-weight: normal;
}

.mbhoveron {
    cursor: pointer;
    display: inline-block;
}

.mbhi {
    position: relative;
    display: inline-block !important;
}

.mbinfo {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    line-height: 16px;
    color: #f0f0f0;
    display: none;
    max-width: 295px;
    background: #182b38 url('//metabattle.com/wiki/images/2/29/Hover-Tooltip-Texture.png') no-repeat 0px 0px;
    text-shadow: 1px 1px #000;
    border: 2px solid #050504;
    opacity: .925;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.mbinfo>.mbinfo-main {}

.mbinfo .title {
    margin: 0px 0px .5em;
}

.mbinfo .title>div.title-name {
    float: left;
    color: #ffcc77;
}

.mbinfo .title>div.title-details {
    float: right;
}

.mbinfo .title>div.title-details>div {
    display: inline-block;
    margin-right: .333em;
}

.mbinfo .title>div.title-details>div:last-child {
    margin-right: 0em;
}

.mbinfo .title>div.title-details>div>span {
    font-size: 16px;
    line-height: 16px;
    /*font-family: 'Segoe UI', Arial;*/
    padding-right: 1px;
    position: relative;
    /*top: 1px;*/
}

.mbinfo .title>div.title-name>img {
    border: 1px solid #bbb;
    border-left: 1px solid rgba(255, 255, 255, .7);
    border-top: 1px solid rgba(255, 255, 255, .7);
    border-right: 1px solid rgba(255, 255, 255, .45);
    border-bottom: 1px solid rgba(255, 255, 255, .45);
    margin-right: .33em;
}

.mbinfo .title>div.title-name>.runesigil {
    padding-left: .5em;
}

.mbinfo div.desc-det {
    color: #aaa;
    list-style: none outside;
    margin: .75em 0px 0px;
    padding: 0px;
}

.mbinfo div.desc-det>span.noma {
    margin: 0;
    line-height: 1.25em;
    display: block;
    padding: 0;
}

.mbinfo div.desc-det>div {
    display: block;
    clear: both;
    margin-bottom: -4px;
}

.mbinfo div.desc-det>div>a {
    float: left;
}

.mbinfo div.desc-det>div>sub {
    float: left;
    position: relative;
    left: 15px;
    top: -6px;
    text-align: right;
    width: 15px;
    color: #39FF00;
    clear: both;
    font-size: 14px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    line-height: 0px;
}

.mbinfo div.desc-det>div>sub.linked {
    left: 46px;
}

.mbinfo div.desc-det>div>sub.icon-2 {
    left: 46px;
}

.mbinfo div.desc-det>div>span {
    height: 32px;
    margin-bottom: 2px;
    /* is this needed? */
    padding-left: 5px;
    display: block;
    display: table-cell;
    vertical-align: middle;
    line-height: 13px;
}

.mbinfo div.desc-det.food>div.len+div {
    padding-top: 1em;
}

.mbinfo div.desc-det.food>div>span>span {
    display: block;
    line-height: 1;
    padding-top: .25em;
}

.mbinfo div.desc-det.food>div>span>span:first-child {
    padding-top: 0em;
}

.mbinfo div.desc-det.food>div>a {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.mbinfo div.desc-det>div.consumable-tag {
    margin-top: 1em;
    color: #fff;
}

.mbinfo div>span:last-child {
    margin-bottom: 0px;
}

/* delete next i think */
.mbinfo div.desc-det>span, span.icon {
    background-repeat: no-repeat;
    padding: 0 0 0 32px;
}

.tagtable {
    float: left;
    display: inline;
    list-style: none;
}

/* Traits Template */
.change-to {
    font-size: 1.25em;
    line-height: 1em;
}

.trait-allocation {}

.trait-line {}

.trait-minor-mesmer {}

.trait-master {}

.Hexagon-Trait {
    display: inline;
}

.Traits>div {
    float: left;
    width: 125px;
    position: relative;
    top: 5px;
}

.Traits>div>div.Hexagon-Trait {
    float: left;
    padding-left: 20px;
    position: relative;
}

.Traits>div:first-child {
    width: 160px;
    padding-left: 10px;
    color: #fff;
}

.Traits>div:first-child>div:last-child {
    /*font-family: 'Menomonia';*/
    font-size: 48px;
    line-height: 1em;
    text-align: center;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.Traits>div:first-child>div:first-child {
    position: relative;
    top: 3.5px;
    width: 115px;
    display: inline-block;
    top: 5px;
    font-size: 15px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.Traits>div {
    padding-top: 12px;
}

.Traits>div:first-child {
    padding-top: 0px
}

.Traits>div>div:first-child {
    padding-top: 7px;
}

.Traits>div.trait-info>div:first-child {
    padding-top: 0px;
}

.Traits-Header>div:first-child {
    color: #000;
    width: 630px;
    top: 0px;
    padding-left: 0px;
}

.Traits-Header>div>span:first-child {
    width: 245px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
}

.Traits-Header>div>span {
    width: 125px;
    display: inline-block;
    text-align: center;
}

div.trait-info>div:first-child {
    margin: 8px 0px 0px 0px;
    top: 0px;
}

div.trait-info {
    color: #fff;
    width: 65px;
    font-size: 10px;
    padding: 0px 5px 0px 0px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

div.Traits-GW2SkillsLink {
    height: inherit;
    text-align: right;
    font-size: 10px;
}

/* Background of Trait Lines */
.Traits {
    width: 630px;
    height: 90px;
    margin-bottom: 2px;
}

.Traits-Header {
    height: 1.25em;
    display: inline-block;
    font-size: 10px;
}

.Traits-Guardian-1, .Traits-Guardian-2, .Traits-Guardian-3, .Traits-Guardian-4, .Traits-Guardian-5 {
    background: url('//metabattle.com/wiki/images/4/44/Guardian-trait_sheet.jpg') no-repeat
}

.Traits-Warrior-1, .Traits-Warrior-2, .Traits-Warrior-3, .Traits-Warrior-4, .Traits-Warrior-5 {
    background: url('//metabattle.com/wiki/images/e/ed/Warrior-trait_sheet.jpg') no-repeat
}

.Traits-Engineer-1, .Traits-Engineer-2, .Traits-Engineer-3, .Traits-Engineer-4, .Traits-Engineer-5 {
    background: url('//metabattle.com/wiki/images/6/6b/Engineer-trait_sheet.jpg') no-repeat
}

.Traits-Ranger-1, .Traits-Ranger-2, .Traits-Ranger-3, .Traits-Ranger-4, .Traits-Ranger-5 {
    background: url('//metabattle.com/wiki/images/4/46/Ranger-trait_sheet.jpg') no-repeat
}

.Traits-Thief-1, .Traits-Thief-2, .Traits-Thief-3, .Traits-Thief-4, .Traits-Thief-5 {
    background: url('//metabattle.com/wiki/images/0/01/Thief-trait_sheet.jpg') no-repeat
}

.Traits-Elementalist-1, .Traits-Elementalist-2, .Traits-Elementalist-3, .Traits-Elementalist-4, .Traits-Elementalist-5 {
    background: url('//metabattle.com/wiki/images/1/19/Elemetalist-trait_sheet.jpg') no-repeat
}

.Traits-Mesmer-1, .Traits-Mesmer-2, .Traits-Mesmer-3, .Traits-Mesmer-4, .Traits-Mesmer-5 {
    background: url('//metabattle.com/wiki/images/8/8d/Mesmer-trait_sheet.jpg') no-repeat
}

.Traits-Necromancer-1, .Traits-Necromancer-2, .Traits-Necromancer-3, .Traits-Necromancer-4, .Traits-Necromancer-5 {
    background: url('//metabattle.com/wiki/images/5/5e/Necromancer-trait_sheet.jpg') no-repeat
}

.Traits-Guardian-1, .Traits-Warrior-1, .Traits-Engineer-1, .Traits-Ranger-1, .Traits-Thief-1, .Traits-Elementalist-1, .Traits-Mesmer-1, .Traits-Necromancer-1 {
    background-position: 0px 0px;
}

.Traits-Guardian-2, .Traits-Warrior-2, .Traits-Engineer-2, .Traits-Ranger-2, .Traits-Thief-2, .Traits-Elementalist-2, .Traits-Mesmer-2, .Traits-Necromancer-2 {
    background-position: -632px 0px;
}

.Traits-Guardian-3, .Traits-Warrior-3, .Traits-Engineer-3, .Traits-Ranger-3, .Traits-Thief-3, .Traits-Elementalist-3, .Traits-Mesmer-3, .Traits-Necromancer-3 {
    background-position: -1264px 0px;
}

.Traits-Guardian-4, .Traits-Warrior-4, .Traits-Engineer-4, .Traits-Ranger-4, .Traits-Thief-4, .Traits-Elementalist-4, .Traits-Mesmer-4, .Traits-Necromancer-4 {
    background-position: -1896px 0px;
}

.Traits-Guardian-5, .Traits-Warrior-5, .Traits-Engineer-5, .Traits-Ranger-5, .Traits-Thief-5, .Traits-Elementalist-5, .Traits-Mesmer-5, .Traits-Necromancer-5 {
    background-position: -2528px 0px;
}

/* Concise Traits */
.Concise-Traits {
    display: inline-block;
    background: #182b38 url(//metabattle.com/wiki/images/2/29/Hover-Tooltip-Texture.png) no-repeat 0px 0px;
    border: 2px solid black;
    margin-right: 1.25em;
    margin-bottom: 1.75em;
}

.Concise-Traits:last-child {
    margin-right: 0;
    margin-bottom: 1em;
}

.Concise-Traits>.Traits, .Concise-Traits>.Traits-Header>div:first-child {
    background: none;
    background-color: rgba(0, 0, 0, 0.2);
}

.Concise-Traits>.Traits {
    width: 320px;
    margin-bottom: 0px;
    height: 60px;
}

.Concise-Traits>.Traits:last-child {
    padding-bottom: 0.75em;
}

.Concise-Traits>.Traits>div {
    width: 90px;
    padding-top: 0px;
}

.Concise-Traits>.Traits>div>div.Hexagon-Trait {
    padding-left: 0px;
}

.Concise-Traits>.Traits>div>div:first-child {
    padding-right: 3px;
}

.Concise-Traits>.Traits>div:first-child {
    width: 20px;
    text-align: right;
    padding-right: 8px;
}

.Concise-Traits>.Traits>div:first-child>div:first-child {
    display: none;
}

.Concise-Traits>.Traits>div:first-child>div:last-child {
    top: 10px;
    font-size: 36px;
}

.Concise-Traits>.Traits>div.trait-info {
    display: none;
}

.Concise-Traits>div.Traits-Header {
    height: 1.25em;
}

.Concise-Traits>.Traits-Header>div:first-child {
    top: -4px;
    width: 300px;
    padding: .5em 1em 1em;
}

.Concise-Traits>.Traits-Header>div>span {
    display: none;
}

.Concise-Traits>.Traits-Header>div>span:first-child {
    display: block;
    width: 300px;
    font-size: 12px;
    text-align: center;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    position: relative;
    top: 4px;
}

.Concise-Traits>.Traits-Header>div:first-child, .Concise-Traits>.Traits>div:first-child>div:last-child {
    color: #e5e5e5
}

.Concise-Traits>.Traits-Header>div:first-child {}

.Concise-Traits>.Traits-Warrior-1, .Concise-Traits>.Traits-Guardian-1, .Concise-Traits>.Traits-Engineer-1, .Concise-Traits>.Traits-Ranger-1, .Concise-Traits>.Traits-Thief-1, .Concise-Traits>.Traits-Elementalist-1, .Concise-Traits>.Traits-Mesmer-1, .Concise-Traits>.Traits-Necromancer-1 {
    margin-top: 5px;
}

/* Templates */
/* Merge */
div.merge {
    width: 100%;
    text-align: center;
    padding: 1em 0;
    background: #FFF8E0;
    margin: 3em 0;
}

/* Wiki Signatures Custom CSS */
.Chase-Signature {
    display: inline-block;
    color: #0A9374;
}

.Chase-Signature>span.talk>a, .Chase-Signature>span.talk>strong {
    font-size: 12px;
}

.Chase-Signature>strong {
    display: inline;
    font-weight: normal;
}

.Chase-Signature>a {
    color: #0A9374;
    display: inline;
    font-weight: normal;
}

.Chase-Signature>*>a {
    display: inline;
    color: #FCB7B7;
}

.Chase-Signature>*>strong {
    display: inline;
    color: #FCB7B7;
}

.Chase-Signature>*:first-child, .Chase-Signature>*:last-child {
    display: inline;
    color: #AEAEAE;
}

/* New Design -- Modern+GW2 Mixed */
body {
    background-color: #f5f5f5;
    font-family: 'Open Sans', sans-serif;
}

.mw-code {
    font-size: 0.8em;
    line-height: 2em;
}

div.vectorMenu li a {
    font-size: 1em;
}

div#mw-panel div.portal div.body ul li, #p-personal li {
    font-size: 0.85em;
}

#p-personal {
    background: rgba(255, 255, 255, 0.75);
    padding: 0 1.25em .33em .33em;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    right: 0em;
}

#p-personal li {
    line-height: 0.85em;
}

#left-navigation, #right-navigation {
    margin-top: 2em;
}

#left-navigation a:hover, #right-navigation a:hover {
    border-bottom: 0;
}

div.vectorTabs {
    background: none;
    padding-left: 0px;
    font-size: 1.25em;
}

div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorTabs span, div.vectorMenu h3 a {
    background-image: none;
}

div.vectorTabs ul li {
    background: rgba(255, 255, 255, 0.85);
}

div.vectorTabs ul li:hover {
    background: rgba(255, 255, 255, 0.95);
}

div.vectorTabs ul li.selected {
    background: #fff;
}

div.vectorTabs ul li.selected:hover {
    background: #fff;
    cursor: default;
}

div.vectorTabs span a {
    padding-top: .75em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
    padding-top: 2.5em;
}

div#simpleSearch {
    background-image: none;
    height: 1.25em;
    margin-top: 0.65em;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#bodyContent {
    line-height: 1.5;
    font-size: 14px;
}

div#content {
    border: 0px;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    border-bottom: 0px;
}

div#content h1, div#content h2, div#content #firstHeading {
    font-family: EasonPro
}

div#content h1, div#content #firstHeading {
    font-size: 2.75em;
}

#content>h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    width: auto;
}

div#content h2 {
    font-size: 1.75em;
    margin-top: 1.4em;
}

div#content h2:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 1em;
    border-top: 1px solid #d8d8d8;
}

#toc+div+h2:before, div#content #toc+h2:before, #mw-content-text center:first-child+h2:before {
    display: none;
}

div#bodyContent p+#toc+h2:before {
    display: block;
}

div#content p+h2, div#content ul+h2, div#content>p+#toc+h2 {
    margin-top: 1em;
}

/* toc h2 */
div#content #toctitle>h2 {
    border-top: 0px;
    margin-top: 0;
    font-family: EasonPro;
    font-weight: 100;
}

div#content #toctitle>h2:before {
    display: none;
}

.archive-box {
    float: right;
    margin-left: 1em;
    background: rgb(234, 231, 226);
    padding: 0em 1em;
}

h2, h3 {
    display: table;
}

h2>span.mw-editsection, h3>span.mw-editsection {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0.5rem;
    margin-left: 0em;
    top: 1.25em;
}

h3>span.mw-editsection {
    top: 0em;
}

div#content h3 {
    font-size: 1.375em;
}

div#content h3>span:first-child {
    font-weight: 100;
    font-style: italic;
}

div#content h4 {
    font-size: 1.1875em;
}

div#content h4>span:first-child {
    border-bottom: 1px solid #999;
    font-weight: 100;
}

.rating-bold {
    display: none;
}

#rating_ {
    display: inline;
    font-size: 16px;
}

#rating_>.rating-score {
    display: inline;
}

.rating-score::after {
    content: " Build Rating";
    font-size: 1.2em;
}

#rating_>.rating-score>.voteboxrate {
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
}

.rating-voted::first-letter {
    text-transform: capitalize;
}

.rating-voted {
    position: inherit;
    font-size: 16px;
    line-height: inherit;
    display: inline-block;
}

.rating-total {
    color: #999;
    letter-spacing: 1px;
    display: block;
    font-size: 16px;
}

.rating-section {
    margin-bottom: 1.5em;
}

@media screen body.ns-talk dl {
    margin-top: 0;
    margin-bottom: 0;
}

body.ns-talk .mw-content-ltr dl, body.ns-talk .mw-content-rtl .mw-content-ltr dl, body.ns-talk .mw-content-ltr dl {
    margin-top: 0;
    margin-bottom: 0;
}

body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {
    border-left: 2px solid rgba(227, 227, 227, 0.90);
    margin: .8em 0 0 0;
    padding: .8em .4em .4em 1.6em;
}

body.ns-talk .mw-content-ltr dl:only-child>dd {
    padding-top: .4em;
    margin-top: 0;
}

body.ns-talk .mw-content-ltr pre+dl dd {
    padding-top: .4em;
    margin-top: 0;
}

body.ns-talk .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd {
    background: #f9f9f9
}

body.ns-talk .mw-content-ltr dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd,
body.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd {
    background: #f0f0f0
}

/* Specializations */
.concon {
    display: table;
    padding: .25em .25em .25em 1em;
    background: #F5F5F5;
}

.concon .left, .concon .right {
    display: inline-block;
    vertical-align: middle;
}

.concon .left {
    width: 280px;
    text-align: center;
}

.concon .left .rune-amulet {
    width: 280px;
    text-align: center;
    margin-left: 0px !important;
}

.concon .right {
    margin-left: 2em;
}

.specialization {
    background-color: #eee;
    vertical-align: middle;
    padding: 6px;
    display: table-cell;
    display: table;
    margin-top: 0px;
    border-top: 1px solid #ccc min-width: 655px;
}

.specialization.concise {
    background-size: 457px !important;
}

.specialization:first-child {
    margin-top: 0em;
}

.specialization>* {
    display: inline-block;
    vertical-align: middle;
}

.specialization>.label {
    width: 222px;
    margin-right: 16px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #eee;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.specialization.concise>.label {
    width: 156px;
}

.specialization>.minor {
    width: 36px;
}

.specialization.concise>.minor {
    display: none;
}

.specialization>.major {
    width: 36px;
}

.specialization.concise>.major {
    width: 24px;
    padding-left: 12px;
}

.specialization.concise>.label+.minor+.line+.major {
    padding-left: 0px;
}

.specialization>.line {
    padding: 0 8px;
}

.specialization.concise>.line {
    display: none;
}

.specialization>.line>img {
    width: 28px;
    height: 1px;
    border-bottom: 1px solid #E7E7E7;
    margin: -8px;
}

.line.midtop {
    transform: translateY(-66.6666%) rotate(-45deg);
}

.line.midbot {
    transform: translateY(66.6666%) rotate(45deg);
}

.line.topmid {
    transform: translateY(-66.6666%) rotate(45deg);
}

.line.botmid {
    transform: translateY(66.6666%) rotate(-45deg);
}

.mbhi.inactive {
    opacity: 0.5
}

.concise .mbhi.inactive {
    visibility: hidden;
}

.mbhi.inactive:hover {
    opacity: 1
}

.mbinfo .title>div.title-name.trait>img {
    border: 0;
}

.mbhi.label {
    display: inline-block !important;
}

.concise a>img {
    width: 24px;
    height: 27px;
}

h3+p+.specialization {
    margin-top: 0
}

h3+.specialization {
    margin-top: 0
}

div#content .specialization+p {
    margin-top: 0em;
}

.specialization+.specialization {
    border-top: 2px solid #222
}

.specialization+p>b {
    display: block;
    text-align: center;
    background-color: #444;
    width: 230px;
    font-weight: 100;
    font-style: italic;
    font-size: .75em;
    color: #eee;
    border-top: .25em solid #999;
    border-top: 0;
    overflow: hidden;
    position: relative;
    text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444;
}

.specialization+p>b:before {
    content: '';
    transform: rotate(-45deg);
    transform-origin: top right;
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
}

.specialization+p+ul {
    margin-top: -.2em;
    margin-left: 0em;
    padding-left: 1.2em;
    border: 0px solid #eee;
    border-top: 0px;
    border-right: 0px;
    display: table;
}

ul+.specialization {
    margin-top: 2em;
}

/* Specialization Backgrounds */
/* ele */
.specialization.air-magic, .specialization.air {
    background: url('//metabattle.com/wiki/images/specializations/1012034.png') no-repeat
}

.specialization.air-magic>.label, .specialization.air>.label {
    background: rgba(19, 12, 32, 0.50);
}

.specialization.air-magic+p>b, .specialization.air+p>b {
    background: rgba(19, 12, 32, 0.75);
}

.specialization.arcana, .specialization.arcane {
    background: url('//metabattle.com/wiki/images/specializations/1012035.png') no-repeat
}

.specialization.arcana>.label, .specialization.arcane>.label {
    background: rgba(193, 138, 55, 0.0);
}

.specialization.arcana+p>b, .specialization.arcane+p>b {
    background: rgba(134, 51, 16, 0.75);
}

.specialization.earth-magic, .specialization.earth {
    background: url('//metabattle.com/wiki/images/specializations/1012037.png') no-repeat
}

.specialization.earth-magic>.label, .specialization.earth>.label {
    background: rgba(133, 95, 64, 0.5);
}

.specialization.earth-magic+p>b, .specialization.earth+p>b {
    background: rgba(133, 95, 64, 0.75);
}

.specialization.fire {
    background: url('//metabattle.com/wiki/images/specializations/1012038.png') no-repeat
}

.specialization.fire>.label {
    background: rgba(38, 6, 2, 0.4);
}

.specialization.fire+p>b {
    background: rgba(82, 21, 5, 0.75);
}

.specialization.water-magic, .specialization.water {
    background: url('//metabattle.com/wiki/images/specializations/1012039.png') no-repeat
}

.specialization.water-magic>.label, .specialization.water>.label {
    background: rgba(16, 56, 68, 0.0);
}

.specialization.water-magic+p>b, .specialization.water+p>b {
    background: rgba(16, 56, 68, 0.75);
}

.specialization.tempest {
    background: url('//metabattle.com/wiki/images/specializations/1029936.png') no-repeat
}

/* 1012036 */
.specialization.tempest>.label {
    background: rgba(32, 24, 16, 0.5);
}

.specialization.tempest+p>b {
    background: rgba(35, 43, 49, 0.75);
}

/* engi */
.specialization.alchemy {
    background: url('//metabattle.com/wiki/images/specializations/1012040.png') no-repeat
}

.specialization.alchemy>.label {
    background: rgba(98, 63, 65, 0.6);
    -webkit-border-radius: 0px 16px 16px 0px;
    -o-border-radius: 0px 16px 16px 0px;
    -moz-border-radius: 0px 16px 16px 0px;
}

.specialization.alchemy+p>b {
    background: rgba(98, 63, 65, 0.75);
}

.specialization.explosives {
    background: url('//metabattle.com/wiki/images/specializations/1012041.png') no-repeat
}

.specialization.explosives>.label {
    background: rgba(76, 33, 27, 0.5);
    -webkit-border-radius: 0px 16px 16px 0px;
    -o-border-radius: 0px 16px 16px 0px;
    -moz-border-radius: 0px 16px 16px 0px;
}

.specialization.explosives+p>b {
    background: rgba(76, 33, 27, 0.75);
}

.specialization.firearms {
    background: url('//metabattle.com/wiki/images/specializations/1012042.png') no-repeat
}

.specialization.firearms>.label {
    background: rgba(104, 68, 54, 0.2);
}

.specialization.firearms+p>b {
    background: rgba(104, 68, 54, 0.75);
}

.specialization.inventions {
    background: url('//metabattle.com/wiki/images/specializations/1012043.png') no-repeat
}

.specialization.inventions>.label {
    background: rgba(49, 39, 38, 0.33);
}

.specialization.inventions+p>b {
    background: rgba(76, 47, 43, 0.75);
}

.specialization.tools {
    background: url('//metabattle.com/wiki/images/specializations/1012044.png') no-repeat
}

.specialization.tools>.label {
    background: rgba(87, 39, 10, 0.0);
}

.specialization.tools+p>b {
    background: rgba(87, 39, 10, 0.75);
}

.specialization.scrapper {
    background: url('//metabattle.com/wiki/images/specializations/1128516.png') no-repeat
}

.specialization.scrapper>.label {
    background: none;
    background-image: linear-gradient(to right, rgba(33, 28, 24, 0.5), rgba(90, 106, 109, 0.5));
}

.specialization.scrapper+p>b {
    background: rgba(99, 89, 74, 0.75);
}

/* guard */
.specialization.honor {
    background: url('//metabattle.com/wiki/images/specializations/1012046.png') no-repeat
}

.specialization.honor>.label {
    background: rgba(41, 113, 172, 0.2);
}

.specialization.honor+p>b {
    background: rgba(19, 35, 49, 0.75);
}

.specialization.radiance {
    background: url('//metabattle.com/wiki/images/specializations/1012047.png') no-repeat
}

.specialization.radiance>.label {
    background: rgba(10, 39, 65, 0.0);
}

.specialization.radiance+p>b {
    background: none;
    background-image: linear-gradient(to right, rgba(19, 59, 98, 0.75), rgba(30, 101, 137, 0.75));
}

.specialization.valor {
    background: url('//metabattle.com/wiki/images/specializations/1012048.png') no-repeat
}

.specialization.valor>.label {
    background: rgba(5, 66, 82, 0.2);
}

.specialization.valor+p>b {
    background: none;
    background-image: linear-gradient(to right, rgba(10, 53, 74, 0.75), rgba(24, 93, 139, 0.75));
}

.specialization.virtues {
    background: url('//metabattle.com/wiki/images/specializations/1012049.png') no-repeat
}

.specialization.virtues>.label {
    background: rgba(27, 55, 52, 0.2);
}

.specialization.virtues+p>b {
    background: rgba(27, 55, 52, 0.75);
}

.specialization.zeal {
    background: url('//metabattle.com/wiki/images/specializations/1012050.png') no-repeat
}

.specialization.zeal>.label {
    background: rgba(10, 71, 85, 0.1);
}

.specialization.zeal+p>b {
    background: rgba(10, 71, 85, 0.75);
}

.specialization.dragonhunter {
    background: url('//metabattle.com/wiki/images/specializations/1012045.png') no-repeat
}

.specialization.dragonhunter>.label {
    background: rgba(35, 66, 115, 0.75);
}

.specialization.dragonhunter+p>b {
    background: rgba(5, 22, 68, 0.75);
}

/* mesmer */
.specialization.chaos {
    background: url('//metabattle.com/wiki/images/specializations/1012052.png') no-repeat
}

.specialization.chaos>.label {
    background: rgba(82, 51, 98, 0.33);
}

.specialization.chaos+p>b {
    background: rgba(82, 51, 98, 0.75);
}

.specialization.domination {
    background: url('//metabattle.com/wiki/images/specializations/1012056.png') no-repeat
}

.specialization.domination>.label {
    background: rgba(68, 8, 46, 0.15);
}

.specialization.domination+p>b {
    background: rgba(52, 17, 63, 0.75);
}

.specialization.dueling {
    background: url('//metabattle.com/wiki/images/specializations/1012058.png') no-repeat
}

.specialization.dueling>.label {
    background: rgba(76, 60, 112, 0.33);
}

.specialization.dueling+p>b {
    background: rgba(76, 60, 112, 0.75);
}

.specialization.illusions {
    background: url('//metabattle.com/wiki/images/specializations/1012062.png') no-repeat
}

.specialization.illusions>.label {
    background: rgba(183, 82, 153, 0.2);
}

.specialization.illusions+p>b {
    background: rgba(183, 82, 153, 0.75);
}

.specialization.inspiration {
    background: url('//metabattle.com/wiki/images/specializations/1012060.png') no-repeat
}

.specialization.inspiration>.label {
    background: rgba(142, 66, 170, 0.5);
}

.specialization.inspiration+p>b {
    background: rgba(142, 66, 170, 0.75);
}

/*.specialization.inspiration > .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.chronomancer {
    background: url('//metabattle.com/wiki/images/specializations/1012053.png') no-repeat
}

/* 1012054 */
.specialization.chronomancer>.label {
    background: rgba(139, 79, 161, 0.61);
}

.specialization.chronomancer+p>b {
    background: rgba(74, 129, 139, 0.75);
}

/* necromancer */
.specialization.blood-magic {
    background: url('//metabattle.com/wiki/images/specializations/1012064.png') no-repeat
}

.specialization.blood-magic>.label {
    background: rgba(35, 118, 13, 0.5);
}

.specialization.blood-magic+p>b {
    background: rgba(35, 118, 13, 0.75);
}

.specialization.curses {
    background: url('//metabattle.com/wiki/images/specializations/1012066.png') no-repeat
}

.specialization.curses>.label {
    background: rgba(153, 168, 71, 0.25);
}

.specialization.curses+p>b {
    background: rgba(153, 168, 71, 0.75);
}

.specialization.death-magic {
    background: url('//metabattle.com/wiki/images/specializations/1012068.png') no-repeat
}

.specialization.death-magic>.label {
    background: rgba(57, 105, 52, 0.2);
}

.specialization.death-magic+p>b {
    background: rgba(57, 105, 52, 0.75);
}

.specialization.soul-reaping {
    background: url('//metabattle.com/wiki/images/specializations/1012072.png') no-repeat
}

.specialization.soul-reaping>.label {
    background: rgba(27, 136, 38, 0.5);
}

.specialization.soul-reaping+p>b {
    background: rgba(27, 136, 38, 0.75);
}

.specialization.spite {
    background: url('//metabattle.com/wiki/images/specializations/1012074.png') no-repeat
}

.specialization.spite>.label {
    background: rgba(65, 125, 57, 0.33);
}

.specialization.spite+p>b {
    background: rgba(65, 125, 57, 0.75);
}

.specialization.reaper {
    background: url('//metabattle.com/wiki/images/specializations/1012069.png') no-repeat
}

/* 1012070 */
.specialization.reaper>.label {
    background: rgba(0, 0, 0, 0.2);
}

.specialization.reaper+p>b {
    background: rgba(41, 113, 68, 0.75);
}

/* ranger */
.specialization.beastmastery {
    background: url('//metabattle.com/wiki/images/specializations/1012076.png') no-repeat
}

.specialization.beastmastery>.label {
    background: rgba(24, 32, 0, 0.5);
}

.specialization.beastmastery+p>b {
    background: rgba(24, 32, 0, 0.75);
}

.specialization.nature-magic {
    background: url('//metabattle.com/wiki/images/specializations/1012082.png') no-repeat
}

.specialization.nature-magic>.label {
    background: rgba(52, 71, 5, 0.5);
}

.specialization.nature-magic+p>b {
    background: rgba(52, 71, 5, 0.75);
}

.specialization.marksmanship {
    background: url('//metabattle.com/wiki/images/specializations/1012080.png') no-repeat
}

.specialization.marksmanship>.label {
    background: rgba(90, 64, 8, 0.5);
}

.specialization.marksmanship+p>b {
    background: rgba(90, 64, 8, 0.75);
}

/*.specialization.marksmanship > .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.skirmishing {
    background: url('//metabattle.com/wiki/images/specializations/1012084.png') no-repeat
}

.specialization.skirmishing>.label {
    background: rgba(41, 44, 24, 0.5);
}

.specialization.skirmishing+p>b {
    background: rgba(41, 44, 24, 0.75);
}

/*.specialization.skirmishing> .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.wilderness-survival {
    background: url('//metabattle.com/wiki/images/specializations/1012086.png') no-repeat
}

.specialization.wilderness-survival>.label {
    background: rgba(79, 71, 16, 0.4);
}

.specialization.wilderness-survival+p>b {
    background: rgba(79, 71, 16, 0.75);
}

.specialization.druid {
    background: url('//metabattle.com/wiki/images/specializations/1012077.png') no-repeat
}

.specialization.druid>.label {
    background: none;
    background-image: linear-gradient(to right, rgba(117, 135, 167, 0.5), rgba(93, 128, 104, 0.33));
}

.specialization.druid+p>b {
    background: rgba(46, 79, 41, 0.75);
}

/* revenant */
.specialization.corruption {
    background: url('//metabattle.com/wiki/images/specializations/1012088.png') no-repeat
}

.specialization.corruption>.label {
    background: rgba(159, 36, 21, 0);
}

.specialization.corruption+p>b {
    background: rgba(167, 29, 27, 0.75);
}

.specialization.devastation {
    background: url('//metabattle.com/wiki/images/specializations/1012090.png') no-repeat
}

.specialization.devastation>.label {
    background: rgba(19, 12, 13, 0.65);
}

.specialization.devastation+p>b {
    background: rgba(38, 9, 10, 0.75);
}

.specialization.invocation {
    background: url('//metabattle.com/wiki/images/specializations/1012094.png') no-repeat
}

.specialization.invocation>.label {
    background: rgba(5, 6, 10, 0.65);
}

.specialization.invocation+p>b {
    background: rgba(19, 49, 63, 0.75);
}

/*.specialization.invocation > .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.retribution {
    background: url('//metabattle.com/wiki/images/specializations/1012096.png') no-repeat
}

.specialization.retribution>.label {
    background: rgba(98, 68, 82, 0.5);
}

.specialization.retribution+p>b {
    background: rgba(63, 68, 106, 0.75);
}

.specialization.salvation {
    background: url('//metabattle.com/wiki/images/specializations/1012098.png') no-repeat
}

.specialization.salvation>.label {
    background: rgba(49, 49, 71, 0.5);
}

.specialization.salvation+p>b {
    background: rgba(43, 52, 76, 0.75);
}

.specialization.herald {
    background: url('//metabattle.com/wiki/images/specializations/1012091.png') no-repeat
}

/* 1012092 */
.specialization.herald>.label {
    background: none;
    background-image: linear-gradient(to right, rgba(23, 39, 49, 0.15), rgba(49, 109, 180, 0.5));
}

.specialization.herald+p>b {
    background: rgba(128, 55, 82, 0.75);
}

/* thief */
.specialization.acrobatics {
    background: url('//metabattle.com/wiki/images/specializations/1012099.png') no-repeat
}

.specialization.acrobatics>.label {
    background: rgba(60, 14, 13, 0.66);
}

.specialization.acrobatics+p>b {
    background: rgba(60, 14, 13, 0.75);
}

.specialization.critical-strikes {
    background: url('//metabattle.com/wiki/images/specializations/1012100.png') no-repeat
}

.specialization.critical-strikes>.label {
    background: rgba(71, 21, 19, 0.33);
}

.specialization.critical-strikes+p>b {
    background: rgba(71, 21, 19, 0.75);
}

.specialization.deadly-arts {
    background: url('//metabattle.com/wiki/images/specializations/1012102.png') no-repeat
}

.specialization.deadly-arts>.label {
    background: rgba(85, 25, 19, 0.0);
}

.specialization.deadly-arts+p>b {
    background: rgba(85, 25, 19, 0.75);
}

.specialization.shadow-arts {
    background: url('//metabattle.com/wiki/images/specializations/1012103.png') no-repeat
}

.specialization.shadow-arts>.label {
    background: rgba(82, 28, 32, 0.5);
}

.specialization.shadow-arts+p>b {
    background: rgba(82, 28, 32, 0.75);
}

.specialization.trickery {
    background: url('//metabattle.com/wiki/images/specializations/1012104.png') no-repeat
}

.specialization.trickery>.label {
    background: rgba(60, 13, 16, 0.33);
}

.specialization.trickery+p>b {
    background: rgba(60, 13, 16, 0.75);
}

.specialization.daredevil {
    background: url('//metabattle.com/wiki/images/specializations/1012101.png') no-repeat
}

.specialization.daredevil>.label {
    background: rgba(60, 13, 16, 0.0);
}

.specialization.daredevil+p>b {
    background: rgba(104, 76, 71, 0.75);
}

/* warrior */
.specialization.arms {
    background: url('//metabattle.com/wiki/images/specializations/1012105.png') no-repeat
}

.specialization.arms>.label {
    background: rgba(150, 129, 123, 0.0);
}

.specialization.arms+p>b {
    background: rgba(148, 137, 131, 0.75);
}

.specialization.defense {
    background: url('//metabattle.com/wiki/images/specializations/1012107.png') no-repeat
}

.specialization.defense>.label {
    background: rgba(164, 141, 106, 0.0);
}

.specialization.defense+p>b {
    background: rgba(139, 117, 82, 0.75);
}

.specialization.discipline {
    background: url('//metabattle.com/wiki/images/specializations/1012108.png') no-repeat
}

.specialization.discipline>.label {
    background: rgba(167, 82, 52, 0.0);
}

.specialization.discipline+p>b {
    background: rgba(167, 82, 52, 0.75);
}

.specialization.strength {
    background: url('//metabattle.com/wiki/images/specializations/1012109.png') no-repeat
}

.specialization.strength>.label {
    background: rgba(128, 101, 54, .0);
}

.specialization.strength+p>b {
    background: rgba(128, 101, 54, .75);
}

.specialization.tactics {
    background: url('//metabattle.com/wiki/images/specializations/1012110.png') no-repeat
}

.specialization.tactics>.label {
    background: rgba(180, 52, 8, 0.0);
}

.specialization.tactics+p>b {
    background: rgba(164, 129, 65, 0.75);
}

.specialization.berserker {
    background: url('//metabattle.com/wiki/images/specializations/1012106.png') no-repeat
}

.specialization.berserker>.label {
    background: rgba(180, 52, 8, 0.0);
}

.specialization.berserker+p>b {
    background: rgba(51, 25, 15, 0.75);
}

/* New "SkillBar" */
.skillbar>.skills {
    display: table;
}

.skillbar>.skills>div {
    display: inline-flex;
    vertical-align: middle;
}

.skillbar>.skills>div.heal {
    padding: 0 1em;
}

.skillbar>.skills>div.elite {
    padding: 0 0 0 1em;
}

.skillbar>.titles>div {
    display: inline-block;
    text-align: center;
}

.skillbar>.titles>div.label {
    width: 300px;
}

.skillbar>.titles>div.aux {
    width: 300px;
}

.skillbar>.titles>div.aux-small {
    width: 192px;
}

.skillbar>.titles>div.heal {
    padding: 0.2em 1.2em;
    width: 64px;
}

.skillbar>.titles>div.utility {
    width: 215px;
}

.skillbar>.titles>div.elite {
    width: 42px;
}

.skillbar+.skillbar {
    margin-top: 1em;
}

.inlineMiddle {
    display: inline-flex;
    vertical-align: middle;
}

.skill-tt-size {
    width: 64px;
    height: 64px;
}

/* Additional mechanic icons rules */
.elementalist-mechanics>div, .mesmer-mechanics>div, .necromancer-mechanics>div, .thief-mechanics>div, .ranger-mechanics>div, .engineer-mechanics>div, .warrior-mechanics>div, .guardian-mechanics>div, .revenant-mechanics>div {
    display: inline-flex;
    vertical-align: middle;
}

.engineer-mechanics, .mesmer-mechanics {
    margin-left: 2em;
}

.guardian-mechanics {
    margin-left: 5.85em;
}

/* Custom positioning */
.pet {
    overflow: hidden;
    display: inline-block;
}

.ranger-mechanics {
    height: 120px;
}

.ranger-mechanics>div {
    margin-bottom: 0.4em;
}

.ranger-mechanics>div:nth-child(1)>.pet-skill {
    margin-top: 65px;
    margin-left: -45px;
}

/* Bit of spacing between first and second pet
.ranger-mechanics > div:nth-child(1) > div:nth-child(2) {
    margin-right: 1.3em;
}
*/
/* Position Celestial Avatar */
.ranger-mechanics>div:nth-child(2) {
    margin-left: 2.2em;
    margin-bottom: -5.4em;
}

/* Position Facet of Nature aligned over energy bar */
.revenant-mechanics>div:nth-child(3) {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -0.25em;
}

/* Alignment */
.revenant-mechanics>div:nth-child(3)>.facet-of-nature {
    margin-left: 3.15em;
}

/* Crop */
.revenant-mechanics>div:nth-child(3)>.facet-of-nature>.mbhi>.mbhoveron {
    width: 34px;
    height: 34px;
    overflow: hidden;
}

.thief-mechanics>.initiative-bar {
    background: url('//metabattle.com/wiki/images/c/cd/Initiative_point_%28small%29.png');
    height: 18px;
    width: 228px;
    margin-bottom: -1.25em;
}

/* Profession mechanic miscellaneous UI */
.profession-mechanic-ui-necromancer {
    display: inline-flex;
    width: 272px;
    height: 16px;
    background-color: #02A202;
    border: 1px solid #004A00;
    margin-right: -2px;
}

.profession-mechanic-ui-mesmer {
    background: url('//metabattle.com/wiki/images/7/7c/Mesmer_mechanics_illusions.png') no-repeat;
    display: inline-flex;
    width: 96px;
    height: 32px;
    margin-bottom: 5px;
    margin-left: 2.6em;
}

.profession-mechanic-ui-warrior {
    display: inline-flex;
    height: 18px;
    margin-right: -20px;
}

.profession-mechanic-ui-warrior>div {
    height: 16px;
    width: 84px;
    border: 1px solid #99772E;
    margin-right: 8px;
}

.profession-mechanic-ui-warrior>div:nth-child(1) {
    background: -webkit-linear-gradient(left, #F8E77D, #EFD92B);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #F8E77D, #EFD92B);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #F8E77D, #EFD92B);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #F8E77D, #EFD92B);
    /* Standard syntax */
}

.profession-mechanic-ui-warrior>div:nth-child(2) {
    background: -webkit-linear-gradient(left, #EFD92B, #E6A31E);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #EFD92B, #E6A31E);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #EFD92B, #E6A31E);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #EFD92B, #E6A31E);
    /* Standard syntax */
}

.profession-mechanic-ui-warrior>div:nth-child(3) {
    background: -webkit-linear-gradient(left, #E6A31E, #E36808);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #E6A31E, #E36808);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #E6A31E, #E36808);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #E6A31E, #E36808);
    /* Standard syntax */
    margin-right: 0;
}

.profession-mechanic-ui-berserker {
    width: 224px;
    height: 16px;
    display: inline-flex;
    background-color: #FFC74D;
    border: 1px solid #99772E;
    margin-right: -20px;
}

.profession-mechanic-ui-revenant {
    display: inline-flex;
    height: 30px;
    width: 172px;
}

.profession-mechanic-ui-revenant>div:nth-child(1) {
    width: 82px;
    height: 15px;
    margin-top: 0.05em;
    margin-left: -0.2em;
}

.profession-mechanic-ui-revenant>div:nth-child(2) {
    background-image: url('//metabattle.com/wiki/images/f/f3/Revenant_bar.png');
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 33px;
    margin-top: -0.36em;
    margin-left: -4.4em;
}

.empty-skill-slot {
    width: 62px;
    height: 60px;
    display: inline-block;
    background: #444;
    -webkit-box-shadow: inset 0 0 8px 8px #000;
    box-shadow: inset 0 0 8px 8px #000;
}

.revlegends>div {
    display: inline-block;
    border: 1px solid #333;
    width: 36px;
    height: 36px;
    vertical-align: middle;
}

.revlegends {
    padding-left: 2em;
}

.revlegends+.skillbar {
    padding-top: .75em;
}

/* Rating Tab */
.rating>.bar {
    width: 300px;
    height: .25em;
    background: #ccc;
}

.rating>.bar>.upvotes {
    height: .25em;
    background-color: #167ac6;
    float: left;
}

.rating>.points {
    line-height: 1;
    padding-top: .25em;
}

.rating>.points>div {
    display: inline-block;
}

.rating>.points>div:first-child {
    font-size: 1.5em;
}

.rating>.points>.number {
    font-size: 2em;
}

fieldset.admintools, fieldset.userratebox {
    border: 0;
    margin: 0;
    padding: 0;
    line-height: inherit;
}

.accordNext.admintools {
    margin-top: 0;
}

fieldset.userratebox, .allratings {
    margin-top: 3em;
}

.accordNext+fieldset.admintools {
    display: none;
}

fieldset.admintools {
    background: #eee;
}

fieldset.userratebox input[type="checkbox"] {
    display: none;
}

fieldset.userratebox #checkboxHeart {
    vertical-align: middle;
}

fieldset.userratebox #checkboxHeart+label span {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url('/wiki/extensions/Rating/images/dislike.png') left top no-repeat;
    cursor: pointer;
}

fieldset.userratebox #checkboxHeart:checked+label span {
    background: url('/wiki/extensions/Rating/images/like.png') left top no-repeat;
}

fieldset.userratebox textarea {
    font-family: inherit;
    font-size: inherit;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    color: #333;
    height: 10em;
    line-height: 1.5;
    padding: 0.25em .5em 0 1.875em;
    margin-top: 0.25em !important;
}

fieldset.userratebox #textareaCharactersLeft {
    border: 1px solid #a9a9a9;
    border-top: 0;
    background: #f0f0f0;
    padding-left: .25em;
}

fieldset.userratebox textarea:focus {
    background-color: #fff;
}

fieldset.userratebox input[type=submit] {
    background-color: #eee;
    border: 0;
    padding: .5em 1em;
    color: #333;
    font-style: italic;
    margin-top: 1em;
    cursor: pointer;
    border: 1px solid #ccc;
}

fieldset.userratebox input[type=submit]:hover {
    background-color: #0E5DAB;
    color: #fff;
    text-decoration: underline;
    border-color: #106ecc;
}

fieldset.userratebox .guidelines {
    display: none;
}

fieldset.userratebox .guidelines.accordNext {
    display: inline-block;
    margin-left: 1em;
}

.allratings>span {
    font-size: 1.5em;
    margin-top: 1em;
}

.comment-meta {
    display: inline-block;
}

div.comment {
    font-size: inherit;
    font-family: inherit;
    border: 0;
    padding: inherit;
    margin: inherit;
    padding: 0 .5em 0 1.875em;
    word-wrap: break-word;
    line-height: 1.5;
}

div.comment+.comment-meta {
    margin-top: 2em;
}

.comment-meta>.date {
    color: #999;
}

.recentratingspage .upvotegreen, .recentratingspage .downvotered {}

.recentratingspage .upvotegreen {
    color: #006400;
}

.recentratingspage .downvotered {
    color: #8b0000;
}

.recentratingspage .timeonday {
    color: #777;
}

/* Equipment - Weapons */
.weapon-sets>div {
    position: relative;
}

.weapon-sets>div>div {
    display: inline-block;
}

.weapon-sets>div>img {
    position: absolute;
    left: 48px;
}

.weapon-sets>div:first-child>img {
    top: 15px;
}

.weapon-sets>div:first-child>.weapon2 {
    margin-left: 8px;
}

.weapon-sets>div:last-child>img {
    top: 2px;
}

.weapon-sets>div:last-child {
    margin-top: 8px;
}

.weapon-sets .sigil1 {
    margin-left: 12px;
}

.weapon-sets .sigil2 {
    margin-left: 32px;
}

.weapon-sets .weapon1, .weapon-sets .weapon2 {
    background: #555;
}

.weapon-sets .weapon1 {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}

.weapon-sets .weapon2 {
    vertical-align: middle;
    width: 48px;
    height: 48px;
}

.weapon-sets .sigil1, .weapon-sets .sigil2 {
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    background: #777
}

.weapon-sets.ws1, .weapon-sets.ws2 {
    display: inline-block;
}

.weapon-sets.ws1 {
    width: 116px;
}

.weapon-sets.ws2 {
    margin-left: 42px;
}

.weapon-sets.ws2+.clear+.weapon-sets.ws1, .weapon-sets.ws2+.clear+.weapon-sets.ws1+.weapon-sets.ws2, .armor-upgrades+.clear+.weapon-sets.ws1, .armor-upgrades+.clear+.weapon-sets.ws1+.weapon-sets.ws2 {
    margin-top: 42px;
}

.weapon-sets.ws1+.rune-amulet {
    margin-top: 32px;
}

.weapon-sets.ws1+.weapon-sets.ws2+.rune-amulet {
    margin-top: 32px;
    margin-left: 73px;
}

.rune-amulet>div {
    display: inline-block;
}

.rune-amulet>.rune {
    margin-right: 4px;
}

.armor-upgrades {
    display: inline-block;
    vertical-align: top;
}

.weapon-sets.ws1+.armor-upgrades, .weapon-sets.ws2+.armor-upgrades {
    margin-left: 42px;
}

.armor-upgrades span.six {
    font-size: 1.5em;
    vertical-align: middle;
    margin-right: 8px;
}

.armor-upgrades span.five, .armor-upgrades span.one {
    font-size: 1.33em;
    width: 24px;
    text-align: right;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.armor-upgrades div.one {
    margin-top: 5px;
}

.armor-upgrades div.five {
    position: relative;
    top: 6px;
}

.armor-upgrades div.fivecon {
    height: 60px;
}

/* API DOWN CLASSES */
.is-official-api-down {
    display: inline-block;
    margin-bottom: 0.4em;
    border-bottom: 1px solid #ca0000;
    border-left: 1px solid #ca0000;
    border-top: 2px solid #ff0000;
    border-right: 1px solid #ca0000;
    padding: 4px 8px;
    color: #ffe354;
    font-size: 10pt;
}

.is-official-api-down.off {
    display: none;
}

/* MAIN SKILLBAR CLASSES */
.mskillbar {}

.mskillbar .mskillbar-labels {
    display: flex;
    margin: 0.5em 0;
}

.mskillbar .mskillbar-labels span {
    text-align: center;
}

/* Weapon skills*/
.mskillbar .mskillbar-labels span:nth-of-type(1) {
    width: 21.5em;
}

/* Healing */
.mskillbar .mskillbar-labels span:nth-of-type(2) {
    width: 7em;
}

/* Utilities */
.mskillbar .mskillbar-labels span:nth-of-type(3) {
    width: 13em;
}

/* Elite */
.mskillbar .mskillbar-labels span:nth-of-type(4) {
    width: 7em;
}

/* Main Skillbar */
.mskillbar .mskillbar-main {
    display: flex;
}

/* Weapon rows */
.mskillbar .mskillbar-main .mskillbar-weapon>.standard-weapon-row {
    display: flex;
    margin-bottom: 0.2em;
}

/* Thief Stealth Attack skill */
.mskillbar .mskillbar-main .mskillbar-weapon>.stealth-attack-skill {
    display: inline-block;
    border: solid 3px #8C686C;
}

/*.mskillbar .mskillbar-main .mskillbar-weapon > .stealth-attack-skill > div {
  margin-bottom: -3px;
}*/
/* Healing/Elite skills spacings */
.mskillbar .mskillbar-main .healing-skill, .mskillbar .mskillbar-main .elite-skill {
    margin: 0 1.5em;
}

/* GW2 Armory Embeds Fixes */
/* Individual containers must be line-height zero to prevent additional whitespace at the bottom */
.gw2a-character-embed, .gw2a-skills-embed, .gw2a-items-embed, .gw2a-amulets-embed, .gw2a-traits-embed {
    line-height: 0;
}

/* Inline tooltip text appears a little below paragraph height */
.gw2a-skills-embed>.gw2a--M9jBV :first-child, .gw2a-traits-embed>.gw2a--M9jBV :first-child, .gw2a-items-embed>.gw2a--M9jBV :first-child {
    display: inline-block;
    padding-bottom: 2px;
}

/* MAIN SKILLBAR MECHANICS HEADER CLASSES */
.mskillbar-mechanics-header {
    display: flex;
}

/* Class/spec adjustments */
.mskillbar-mechanics-header.ranger, .mskillbar-mechanics-header.druid, .mskillbar-mechanics-header.soulbeast, .mskillbar-mechanics-header.necromancer, .mskillbar-mechanics-header.reaper, .mskillbar-mechanics-header.scourge {
    flex-direction: column;
}

/* RANGER */
.mskillbar-mechanics-header .ranger-pets {
    display: flex;
}

.mskillbar-mechanics-header .ranger-pets>div {
    display: flex;
    align-items: center;
    width: 100px;
    height: 100px;
}

.mskillbar-mechanics-header .ranger-pets div:nth-child(1) {
    margin-right: 20px;
}

.mskillbar-mechanics-header .ranger-pet-skills {
    position: relative;
    padding-bottom: 2em;
}

.mskillbar-mechanics-header .ranger-pet-skills .pet-skill {
    position: absolute;
    top: -20px;
}

.mskillbar-mechanics-header .ranger-pet-skills .pet-skill:nth-of-type(1) {
    left: 60px;
}

.mskillbar-mechanics-header .ranger-pet-skills .pet-skill:nth-of-type(2) {
    left: 180px;
}

/* DRUID/SOULBEAST */
.mskillbar-mechanics-header.druid .mechanic-skills, .mskillbar-mechanics-header.soulbeast .mechanic-skills {
    display: flex;
}

.mskillbar-mechanics-header.druid .mechanic-skills .celestial-avatar {
    padding-left: 4.3em;
}

/* SOULBEAST */
.mskillbar-mechanics-header .soulbeast-pets {
    display: flex;
}

.mskillbar-mechanics-header .soulbeast-pets>div {
    display: flex;
    align-items: center;
    width: 100px;
    height: 100px;
}

.mskillbar-mechanics-header .soulbeast-pets div:nth-child(1) {
    margin: 0 3em 0 1em;
}

.mskillbar-mechanics-header.soulbeast .mechanic-skills>div:nth-child(2) {
    margin: 0 1.4em 0 1.85em;
}

.mskillbar-mechanics-header .soulbeast-pet-skills {
    position: relative;
    padding-bottom: 2em;
}

.mskillbar-mechanics-header .soulbeast-pet-skills .pet-skill {
    position: absolute;
    top: -20px;
}

.mskillbar-mechanics-header .soulbeast-pet-skills .pet-skill:nth-of-type(1) {
    left: 80px;
}

.mskillbar-mechanics-header .soulbeast-pet-skills .pet-skill:nth-of-type(2) {
    left: 225px;
}

/* NECROMANCER/REAPER */
.mskillbar-mechanics-header.necromancer .mechanic-skills, .mskillbar-mechanics-header.reaper .mechanic-skills {
    margin-bottom: -2em;
}

.mskillbar-mechanics-header .shroud-mechanics {
    display: flex;
}

.mskillbar-mechanics-header .shroud-mechanics .life-force-bar {
    width: 254px;
    height: 16px;
    align-self: flex-end;
    background-color: #145E16;
    border: 1px solid rgba(0, 0, 0, 0.87);
    margin-right: -2px;
}

/*.mskillbar-mechanics-header .shroud-mechanics .shroud-skill {
  margin-bottom: -3px;
}*/
/* SCOURGE */
.mskillbar-mechanics-header.scourge .mechanic-skills {
    display: flex;
    padding-bottom: 0.2em;
}

.mskillbar-mechanics-header.scourge .mechanic-skills .shades {
    position: relative;
    width: 30px;
    height: 40px;
    padding: 5px;
    margin: 0 0.25em;
}

.mskillbar-mechanics-header.scourge .mechanic-skills .shades .shade {
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1.5px solid #111;
    background-color: rgba(230, 187, 62, 1);
    transform: rotate(45deg);
}

.mskillbar-mechanics-header.scourge .mechanic-skills .shades .shade:nth-of-type(1) {
    top: 7px;
}

.mskillbar-mechanics-header.scourge .mechanic-skills .shades .shade:nth-of-type(2) {
    top: 16px;
    left: 14px;
}

.mskillbar-mechanics-header.scourge .mechanic-skills .shades .shade:nth-of-type(3) {
    top: 25px;
}

.mskillbar-mechanics-header .shroud-mechanics .sand-life-force-bar {
    width: 277px;
    height: 16px;
    background-color: #cba00e;
    border: 1px solid rgba(0, 0, 0, 0.87);
}

/* BERSERKER */
.mskillbar-mechanics-header .berserker-bar {
    width: 224px;
    height: 16px;
    align-self: center;
    background-color: #fdb845;
    border: 1px solid rgba(0, 0, 0, 0.87);
    margin-right: -20px;
}

/* WARRIOR / SPELLBREAKER */
.mskillbar-mechanics-header.warrior .burst-bar, .mskillbar-mechanics-header.spellbreaker .burst-bar {
    display: flex;
    height: 18px;
    align-self: center;
    margin-right: -24px;
}

/* WARRIOR */
.mskillbar-mechanics-header.warrior .burst-bar div {
    height: 16px;
    width: 84px;
    border: 1px solid rgba(0, 0, 0, 0.87);
    margin-right: 8px;
}

.mskillbar-mechanics-header.warrior .burst-bar div:nth-child(1) {
    background: linear-gradient(to right, #e8d799, #d19d3f);
}

.mskillbar-mechanics-header.warrior .burst-bar div:nth-child(2) {
    background: linear-gradient(to right, #d68b2b, #c96518);
}

.mskillbar-mechanics-header.warrior .burst-bar div:nth-child(3) {
    background: linear-gradient(to right, #c35611, #b33811);
}

/* SPELLBREAKER*/
.mskillbar-mechanics-header.spellbreaker .burst-bar div {
    height: 16px;
    width: 106px;
    border: 1px solid rgba(0, 0, 0, 0.87);
    margin-right: 8px;
}

.mskillbar-mechanics-header.spellbreaker .burst-bar div:nth-child(1) {
    background: linear-gradient(to right, #e8d799, #d19d3f);
}

.mskillbar-mechanics-header.spellbreaker .burst-bar div:nth-child(2) {
    background: linear-gradient(to right, #d68b2b, #c96518);
}

/* CHRONOMANCER */
/*.mskillbar-mechanics-header.chronomancer > div > div {
  line-height: 0;
}*/
.mskillbar-mechanics-header.chronomancer .continuum-split {
    border-left: 2px solid #222;
    padding-left: 0.5em;
    margin-left: 0.5em;
}

/* REVENANT LEGENDS */
.mskillbar-mechanics-header .legends {
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: flex-end;
}

.mskillbar-mechanics-header .legend-bar {
    clip-path: polygon(0px 18px, 152px 18px, 152px 0px, 145px 5px, 80px 5px, 75px 10px, 70px 5px, 5px 5px, 0px 0px);
    background-color: rgba(45, 45, 45, 0.68);
    width: 152px;
    height: 18px;
}

.mskillbar-mechanics-header .legend-bar .energy-overlay {
    clip-path: polygon(1px 17px, 151px 17px, 151px 1px, 146px 6px, 81px 6px, 76px 11px, 71px 6px, 6px 6px, 1px 1px);
    background: url(/wiki/images/8/80/Revenant_legend_overlay.png);
}

.mskillbar-mechanics-header .legend-bar .color-overlay {
    clip-path: polygon(1px 17px, 151px 17px, 151px 1px, 146px 6px, 81px 6px, 76px 11px, 71px 6px, 6px 6px, 1px 1px);
    filter: saturate(1.5) brightness(1.2);
}

.mskillbar-mechanics-header .legend-bar .color-overlay.jalis {
    background-color: rgba(95, 200, 219, 0.5);
}

.mskillbar-mechanics-header .legend-bar .color-overlay.mallyx {
    background-color: rgba(131, 82, 178, 0.5);
}

.mskillbar-mechanics-header .legend-bar .color-overlay.ventari {
    background-color: rgba(170, 201, 107, 0.5);
}

.mskillbar-mechanics-header .legend-bar .color-overlay.shiro {
    background-color: rgba(57, 160, 89, 0.5);
}

.mskillbar-mechanics-header .legend-bar .color-overlay.glint {
    background-color: rgba(120, 171, 174, 0.5);
}

.mskillbar-mechanics-header .legend-bar .color-overlay.kalla {
    background-color: rgba(242, 124, 24, 0.5);
}

/* HERALD */
.mskillbar-mechanics-header .legends .mechanic-skills {
    align-self: center;
}

/* WEAVER */
/*.mskillbar-mechanics-header.weaver .weaved-element > div {
  line-height: 0;
}*/
.mskillbar-mechanics-header.weaver .weaved-element {
    margin-right: 3px;
}

.mskillbar-mechanics-header.weaver .weaved-element.fire {
    border: 2px solid #dc7e28;
}

.mskillbar-mechanics-header.weaver .weaved-element.water {
    border: 2px solid #00adff;
}

.mskillbar-mechanics-header.weaver .weaved-element.air {
    border: 2px solid #765ca5;
}

.mskillbar-mechanics-header.weaver .weaved-element.earth {
    border: 2px solid #fabe00;
}

/* HOLOSMITH*/
/*.mskillbar-mechanics-header.holosmith > div > div {
  line-height: 0;
}*/
.mskillbar-mechanics-header.holosmith .photon-forge {
    border-left: 2px solid #222;
    padding-left: 0.5em;
    margin-left: 0.5em;
}

/* FIREBRAND */
.mskillbar-mechanics-header.firebrand .tome-pages {
    position: relative;
    width: 110px;
    height: 48px;
    padding: 5px;
    background: linear-gradient(to right, rgba(65, 138, 150, 0.81), transparent);
}

.mskillbar-mechanics-header.firebrand .tome-pages .page {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #268392;
    background-color: #a9d3d5;
    transform: rotate(45deg);
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(1) {
    top: 14px;
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(2) {
    top: 24px;
    left: 14px;
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(3) {
    top: 14px;
    left: 23px;
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(4) {
    top: 24px;
    left: 32px;
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(5) {
    top: 14px;
    left: 42px;
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(6) {
    top: 24px;
    left: 51px;
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(7) {
    top: 14px;
    left: 61px;
}

.mskillbar-mechanics-header.firebrand .tome-pages .page:nth-of-type(8) {
    top: 24px;
    left: 71px;
}

/* PVE EQUIPMENT CLASSES */
/* PvE equipment wrapper */
.pve-equipment-wrapper {
    display: inline-block;
    border: 2px solid rgba(51, 51, 51, 0.76);
    padding: 6px;
}

/* PvE Equipment */
.pve-equipment {
    /*width: 400px;*/
    display: flex;
    background: linear-gradient(to bottom, transparent 5%, rgba(51, 51, 51, 0.8));
    padding: 8px;
}

.pve-equipment * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Right box elements */
.pve-equipment .pve-box-right {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Left box elements */
.pve-equipment .pve-box-left {
    border-right: 2px solid #333;
    margin-right: 8px;
}

.pve-equipment .pve-armor, .pve-equipment .pve-trinkets {
    display: flex;
    flex-wrap: wrap;
    width: 19em;
}

.pve-equipment .pve-armor {
    margin: 0 6px 14px 0;
}

/* Right box elements II */
.pve-equipment .pve-weapons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

/*
  ==> Individual weapon sets
*/
.pve-equipment .pve-weaponsets {
    display: flex;
}

.pve-equipment .pve-weaponset {
    display: flex;
    flex-direction: column;
}

.pve-equipment .pve-weaponset.second.single-weapon {
    margin-left: -2em;
}

.pve-equipment .pve-weaponset.first.single-weapon {
    margin-right: -2em;
}

.pve-equipment .pve-weaponset .weapons {
    display: flex;
    justify-content: space-around;
    width: 180px;
}

/*
  ==> Weapon sigils
*/
.pve-equipment .pve-weaponset .weapon-sigils img {
    border: 2px solid #ffa405;
    width: 42px;
}

.pve-equipment .pve-weaponset .weapon-sigils {
    display: flex;
    justify-content: center;
    width: 180px;
}

.pve-equipment .pve-weaponset .weapon-sigils .sigil {
    padding-right: 20px;
    padding-top: 4px;
}

.pve-equipment .weapon-swap-icon {
    width: 1.5em;
    margin-top: 1.5em;
    margin-right: 1.5em;
}

.pve-equipment .armor-upgrades {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    padding-top: 25px;
}

.pve-equipment .armor-upgrades .pve-runes, .pve-equipment .armor-upgrades .pve-infusions {
    display: flex;
    flex-direction: column;
}

.pve-equipment .armor-upgrades .armor-upgrade-name {
    display: inline-block;
    padding-left: 12px;
    padding-top: 14px;
    vertical-align: top;
    font-size: 11px;
    font-weight: bold;
}

/* Weapons, runes, sigils, and infusions */
.pve-equipment .pve-weapon {
    position: relative;
    padding: 0 20px 4px 0;
    height: 4.5em;
}

.pve-equipment .pve-armor-upgrade {
    position: relative;
    padding-bottom: 16px;
}

.pve-equipment-disabled .pve-weapon img:last-child, .pve-equipment .pve-armor-upgrade img:last-child {
    vertical-align: unset;
    position: absolute;
    left: 34px;
    top: 28px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #bbb;
}

.pve-equipment .sigil .sigil-img, .pve-equipment .rune .rune-img, .pve-equipment .infusion .infusion-img {
    vertical-align: unset;
    display: inline-block;
    border: 2px solid #eee;
}

.pve-equipment .ascended .item-img, .pve-equipment .sigil.ascended .sigil-img, .pve-equipment .rune.ascended .rune-img, .pve-equipment .infusion.ascended .infusion-img {
    border-color: #fb3e8d !important;
}

.pve-equipment .ascended {
    color: #fb3e8d !important;
}

.pve-equipment .exotic .item-img, .pve-equipment .sigil.exotic .sigil-img, .pve-equipment .rune.exotic .rune-img, .pve-equipment .infusion.exotic .infusion-img {
    border-color: #ffa405 !important;
}

.pve-equipment .exotic {
    color: #ffa405 !important;
}

.pve-equipment .rare .item-img, .pve-equipment .sigil.rare .sigil-img, .pve-equipment .rune.rare .rune-img, .pve-equipment .infusion.rare .infusion-img {
    border-color: #fcd00b !important;
}

.pve-equipment .rare {
    color: #fcd00b !important;
}

.pve-equipment .masterwork .item-img, .pve-equipment .sigil.masterwork .sigil-img, .pve-equipment .rune.masterwork .rune-img, .pve-equipment .infusion.masterwork .infusion-img {
    border-color: #1a9306 !important;
}

.pve-equipment .masterwork {
    color: #1a9306 !important;
}

.pve-equipment .fine .item-img, .pve-equipment .sigil.fine .sigil-img, .pve-equipment .rune.fine .rune-img, .pve-equipment .infusion.fine .infusion-img {
    border-color: #62a4da !important;
}

.pve-equipment .fine {
    color: #62a4da !important;
}

/* Armor and trinkets */
.pve-equipment .pve-armor-piece, .pve-equipment .pve-trinket {
    position: relative;
    padding: 0 20px 10px 20px;
    height: 5em;
}

.pve-equipment .item-img {
    vertical-align: unset;
    border-width: 2px;
    border-style: solid;
    width: 48px;
}

.pve-equipment .pve-armor-piece img:nth-child(2), .pve-equipment .pve-trinket img:nth-child(2) {
    vertical-align: unset;
    position: absolute;
    left: 48px;
    top: 28px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #bbb;
}

.pve-equipment .pve-armor-piece .stat-icon, .pve-equipment .pve-trinket .stat-icon {
    vertical-align: unset;
    position: absolute;
    left: 48px;
    top: 28px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(150, 150, 150, 0.2);
    background: radial-gradient(#000, rgba(60, 60, 60, 0.8) 60%);
    padding: 1px;
}

.pve-equipment .pve-weapon .stat-icon {
    vertical-align: unset;
    position: absolute;
    left: 34px;
    top: 28px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(150, 150, 150, 0.2);
    background: radial-gradient(#000, rgba(60, 60, 60, 0.8) 60%);
    padding: 1px;
}

.pve-equipment .pve-armor-piece .stat-icon img, .pve-equipment .pve-trinket .stat-icon img, .pve-equipment .pve-weapon .stat-icon img {
    vertical-align: unset;
    border-radius: 50%;
    border: none;
}

.pve-equipment .pve-armor-piece:hover .stat-icon, .pve-equipment .pve-trinket:hover .stat-icon, .pve-equipment .pve-trinket:hover .trinket-upgrade, .pve-equipment .pve-weapon:hover .stat-icon {
    box-shadow: 0px 0px 1px 1px #fff;
}

.pve-equipment .pve-armor-piece:hover .item-img, .pve-equipment .pve-trinket:hover .item-img, .pve-equipment .pve-weapon:hover .item-img {
    border-width: 2.5px;
    box-shadow: 0.5px 0.5px 3px 0.5px rgba(255, 255, 255, 0.25);
}

.pve-equipment .pve-armor-piece:hover img:nth-child(2), .pve-equipment .pve-armor-piece:hover img:nth-child(5), .pve-equipment .pve-trinket:hover img:nth-child(2), .pve-equipment .pve-trinket:hover img:nth-child(5), .pve-equipment .pve-weapon:hover img:nth-child(2) {
    border: 1px solid #fff;
    box-shadow: 0px 0px 1px 1px #888888;
}

.pve-equipment .pve-trinket .trinket-upgrade {
    vertical-align: unset;
    position: absolute;
    left: 2px;
    top: 28px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #bbb;
}

/* Rune/Infusion quantity */
.pve-equipment .quantity {
    font-family: sans-serif;
    color: #e115ec;
    font-weight: bold;
    font-size: 0.78em;
    position: absolute;
    top: 32px;
    left: 34px;
    text-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 1px 1px #eee, -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee;
    cursor: default;
}

/* ArcDPS Build Template */
.arcdps-build-template {
    position: relative;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    background: linear-gradient(to top, #222 45%, rgba(100, 100, 100, 0.5));
    color: #888;
    padding: 3px 5px;
    border-top: 2px solid #444;
    border-left: 2px solid #444;
    border-bottom: 1px solid #2f2f2f;
}

.arcdps-build-template .code {
    display: inline;
    cursor: text;
}

.arcdps-build-template .notice {
    position: absolute;
    display: none;
    font-size: 9pt;
    font-weight: bold;
    color: #ffd84d;
    top: 0;
    left: 84%;
}

/* Build expansion icons */
.expansion-icon {
    display: inline-block;
    position: relative;
    z-index: 0;
    margin-right: 8px;
}

.expansion-icon-inner {
    display: inline-block;
    position: absolute;
    z-index: -1;
    border-width: 3px;
    border-radius: 50%;
    border-style: ridge;
    width: 48px;
    height: 48px;
    top: -1px;
    left: -1px;
}

.expansion-icon-inner.hot {
    background: #b3e296;
    border-color: #7dce4b;
}

.expansion-icon-inner.pof {
    background: #f0d3f1;
    border-color: #ce4ba6;
}

.expansion-icon-inner>a {
    z-index: -2;
}