Difference between revisions of "Foreground.css"

 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
#page-content {
 
#page-content {
background-color: #111111;
+
    background-color: #111111;
padding: 80px 1rem 1rem 1rem;
+
    padding: 80px 1rem 1rem 1rem;
max-width: 1220px;
+
    max-width: 1220px;
margin: 0 auto;
+
    margin: 0 auto;
 +
}
 +
 
 +
.row {
 +
    max-width: 100%;
 
}
 
}
  
.row { max-width: 100%; }
+
#mw-content-text {
 +
    padding-top: 10px;
 +
}
  
#mw-content-text{padding-top:10px;}
+
.hidden {
 +
    display: none;
 +
}
  
.hidden {display: none;}
+
.faux-link {
.faux-link {cursor: pointer;}
+
    cursor: pointer;
 +
}
  
 
/* Foreground Skin */
 
/* Foreground Skin */
html {background-color: #1d1d1d;}
+
html {
 +
    background-color: #1d1d1d;
 +
}
 +
 
 
body.skin-foreground {
 
body.skin-foreground {
  background-color: #1d1d1d;
+
    background-color: #1d1d1d;
  background-image: none;
+
    background-image: none;
  color: #999; /* See div#content instead */
+
    color: #999;
 +
    /* See div#content instead */
 
}
 
}
  
 
p {
 
p {
  font-size: 14px;
+
    font-size: 14px;
 
}
 
}
  
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
  color: #fff;
+
    color: #fff;
  font-family: 'Open Sans',sans-serif !important;
+
    font-family: 'Open Sans', sans-serif !important;
 
}
 
}
h4.namespace.foregroundlabel {visibility: hidden; display: none;}
+
 
h5 {color: #ccc;}
+
h4.namespace.foregroundlabel {
button {background-color: #e9e9e9; padding: .25em .5em; color: #000; border: 0; font-weight: 100;}
+
    visibility: hidden;
div#content {
+
    display: none;
  color: #ccc; /* was adadad */
 
 
}
 
}
a, a:visited, a:hover, a:focus, .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, .faux-link {
+
 
  color: #f9a916; /* was 80B7FF;*/
+
h5 {
 +
    color: #ccc;
 
}
 
}
span.trait-label > a {
+
 
  color: #ec986f;
+
button {
 +
    background-color: #e9e9e9;
 +
    padding: .25em .5em;
 +
    color: #000;
 +
    border: 0;
 +
    font-weight: 100;
 
}
 
}
  
.top-bar input, .top-bar .button {line-height: normal;}
+
div#content {
.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 {border-bottom: 0;}
+
    color: #ccc;
a.new {color: #E84F4F;} /* was F57373 */
+
    /* was adadad */
.top-bar .name h1 {
 
  font-family: EasonPro;
 
 
}
 
}
 +
 +
a, a:visited, a:hover, a:focus, .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, .faux-link {
 +
    color: #f9a916;
 +
    /* was 80B7FF;*/
 +
}
 +
 +
span.trait-label>a {
 +
    color: #ec986f;
 +
}
 +
 +
.top-bar input, .top-bar .button {
 +
    line-height: normal;
 +
}
 +
 +
.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 {
 +
    border-bottom: 0;
 +
}
 +
 +
a.new {
 +
    color: #E84F4F;
 +
}
 +
 +
/* was F57373 */
 +
.top-bar .name h1 {
 +
    font-family: EasonPro;
 +
}
 +
 
.top-bar .name h1 a {
 
.top-bar .name h1 a {
 
     background: url('//metabattle.com/wiki/skins/common/images/logo32px.png') no-repeat left;
 
     background: url('//metabattle.com/wiki/skins/common/images/logo32px.png') no-repeat left;
 
     padding-left: 2.25em;
 
     padding-left: 2.25em;
 
     margin-left: 15px;
 
     margin-left: 15px;
     color: rgba(255,255,255,0.95);
+
     color: rgba(255, 255, 255, 0.95);
 
}
 
}
 +
 
.top-bar .name h1 a:hover {
 
.top-bar .name h1 a:hover {
 
     background-image: url('//metabattle.com/wiki/skins/common/images/logo32px-glow100.png');
 
     background-image: url('//metabattle.com/wiki/skins/common/images/logo32px-glow100.png');
Line 59: Line 103:
 
     transition: color 0.1s ease-in-out;
 
     transition: color 0.1s ease-in-out;
 
}
 
}
 +
 
.top-bar .name h1 a, .top-bar-section .dropdown li a, .f-dropdown li a, a.button.secondary {
 
.top-bar .name h1 a, .top-bar-section .dropdown li a, .f-dropdown li a, a.button.secondary {
  color: #111;
+
    color: #111;
 
}
 
}
 +
 
.top-bar-section .dropdown li a {
 
.top-bar-section .dropdown li a {
color: #fff;
+
    color: #fff;
 
}
 
}
 +
 
.top-bar {
 
.top-bar {
  background-color: #111111;
+
    background-color: #111111;
  font-family: 'Open Sans', sans-serif;
+
    font-family: 'Open Sans', sans-serif;
  width: 100%; position: fixed; z-index: 100;
+
    width: 100%;
  margin-bottom: 0;
+
    position: fixed;
  top: 30px;
+
    z-index: 100;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
+
    margin-bottom: 0;
  z-index: 99999;
+
    top: 30px;
 +
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 +
    z-index: 99999;
 
}
 
}
@media screen and (max-width: 425px){
+
 
.quickbrowse-link {
+
@media screen and (max-width: 425px) {
display: none;
+
    .quickbrowse-link {
 +
        display: none;
 +
    }
 
}
 
}
 +
 +
@media screen and (max-width: 768px) {
 +
    .top-bar {
 +
        top: 0px;
 +
    }
 +
 +
    #page-content {
 +
        padding: 50px 1rem 50px 1rem;
 +
    }
 +
 +
    .f-dropdown li a {
 +
        background: #fff;
 +
    }
 +
 +
    div#toc {
 +
        margin-bottom: 15px;
 +
        width: 100%;
 +
    }
 
}
 
}
@media screen and (max-width: 768px){
+
 
.top-bar {
+
.top-bar-section ul li.active>a {
top: 0px;
+
    background: #111 !important;
 +
    color: #cacaca !important;
 +
    text-transform: uppercase;
 +
    font-size: 12px;
 
}
 
}
#page-content {
+
 
padding: 50px 1rem 50px 1rem;
+
.top-bar-section ul li.active>a:hover {
 +
    color: #fff !important;
 
}
 
}
.f-dropdown li a {
+
 
background: #fff;
+
.top-bar-section ul li.hover>a {
}
+
    color: #fff !important;
div#toc {
 
margin-bottom: 15px;
 
width: 100%;
 
}
 
}
 
.top-bar-section ul li.active > a {
 
  background: #111!important;
 
  color: #cacaca!important;
 
  text-transform: uppercase;
 
  font-size: 12px;
 
}
 
.top-bar-section ul li.active > a:hover {
 
  color: #fff!important;
 
}
 
.top-bar-section ul li.hover> a {
 
  color: #fff!important;
 
 
}
 
}
 +
 
.top-bar-section ul {
 
.top-bar-section ul {
background: #111!important;
+
    background: #111 !important;
 
}
 
}
  
 
.top-bar-section .has-form {
 
.top-bar-section .has-form {
  background: none;
+
    background: none;
 
}
 
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
+
 
  display: none;
+
.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
 +
    display: none;
 
}
 
}
 +
 
.top-bar-section .has-dropdown:hover, .top-bar-section .dropdown {
 
.top-bar-section .has-dropdown:hover, .top-bar-section .dropdown {
  background: #f9a916;
+
    background: #f9a916;
 +
}
 +
 
 +
#n-necromancer-builds>a {
 +
    padding-right: 35px;
 +
}
 +
 
 +
#p-profession .drop-icon img, #p-game-mode .drop-icon img, #p-guides .drop-icon img {
 +
    width: 20px;
 
}
 
}
#n-necromancer-builds > a {padding-right: 35px; }
+
 
#p-profession .drop-icon img, #p-game-mode .drop-icon img, #p-guides .drop-icon img {width: 20px;}
 
 
#p-donate:hover {
 
#p-donate:hover {
  box-shadow: none;
+
    box-shadow: none;
 
}
 
}
 +
 
#p-donate a {
 
#p-donate a {
  display: inline;
+
    display: inline;
  padding-right: 15px !important;
+
    padding-right: 15px !important;
 
}
 
}
#p-donate a:after {display: none;}
+
 
.top-bar-section .dropdown li a {
+
#p-donate a:after {
  background: #242424;
+
    display: none;
 
}
 
}
 +
 +
.top-bar-section .dropdown li a {
 +
    background: #242424;
 +
}
 +
 
.top-bar-section .dropdown li a:hover {
 
.top-bar-section .dropdown li a:hover {
  background-color: rgba(255, 255, 255, 0.1)
+
    background-color: rgba(255, 255, 255, 0.1)
 +
}
 +
 
 +
.dropdown.button.small, #p-cactions #drop1 {
 +
    /*margin-top: 2.75em;*/
 +
}
 +
 
 +
.dropdown.button.small {
 +
    background-color: #ffffff;
 +
    color: #111;
 +
    border-radius: 0px;
 +
    box-shadow: none;
 +
}
 +
 
 +
.f-dropdown.right:after {
 +
    display: none;
 +
}
 +
 
 +
#footer-right-icons {
 +
    display: none;
 
}
 
}
.dropdown.button.small, #p-cactions #drop1 {/*margin-top: 2.75em;*/}
 
.dropdown.button.small {background-color: #ffffff; color: #111;border-radius: 0px;box-shadow:none;}
 
.f-dropdown.right:after {display: none;}
 
#footer-right-icons {display: none;}
 
  
 
button.button:hover, button.button, button:hover, button:focus, .button:hover, .button:focus {
 
button.button:hover, button.button, button:hover, button:focus, .button:hover, .button:focus {
Line 147: Line 235:
 
     text-shadow: none;
 
     text-shadow: none;
 
}
 
}
button:hover, button:focus, .button:hover, .button:focus {background: #E6BA5A; color: #fff;}
+
 
 +
button:hover, button:focus, .button:hover, .button:focus {
 +
    background: #E6BA5A;
 +
    color: #fff;
 +
}
  
 
.top-bar input {
 
.top-bar input {
  background-color: rgba(0, 0, 0, 0.2);
+
    background-color: rgba(0, 0, 0, 0.2);
 
}
 
}
top-bar input:focus ~ .button.search {
+
 
     background-color: rgba(255,255,255,0.1);
+
top-bar input:focus~.button.search {
     color: rgba(255,255,255,1);
+
     background-color: rgba(255, 255, 255, 0.1);
 +
     color: rgba(255, 255, 255, 1);
 
     transition: background 0.2s;
 
     transition: background 0.2s;
 
     transition: color 0.2s;
 
     transition: color 0.2s;
 
}
 
}
 +
 
.button.search {
 
.button.search {
  background-color: #1d1d1d;
+
    background-color: #1d1d1d;
  color: #a9a9a9;
+
    color: #a9a9a9;
 
     border: 0;
 
     border: 0;
 
     border-radius: 0;
 
     border-radius: 0;
Line 168: Line 262:
 
     top: 0px;
 
     top: 0px;
 
}
 
}
 +
 
.button.search:hover {
 
.button.search:hover {
  background-color: #1d1d1d;
+
    background-color: #1d1d1d;
  color: #fff;
+
    color: #fff;
 
}
 
}
 +
 
.button.secondary {
 
.button.secondary {
  background-color: #f9a916;
+
    background-color: #f9a916;
  border: none;
+
    border: none;
  box-sizing: border-box;
+
    box-sizing: border-box;
 
}
 
}
 +
 
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
 
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color: #111;
+
    color: #111;
background-color: #f9a916;
+
    background-color: #f9a916;
opacity: .5;
+
    opacity: .5;
 
}
 
}
 +
 
.dropdown.button.secondary:before {
 
.dropdown.button.secondary:before {
  rgba(255,255,255,0.5) transparent transparent transparent;
+
    rgba(255, 255, 255, 0.5) transparent transparent transparent;
  border-color: #111 transparent transparent transparent;
+
    border-color: #111 transparent transparent transparent;
 
}
 
}
 +
 
.rating-template-non-meta {
 
.rating-template-non-meta {
  background: #1d1d1d;
+
    background: #1d1d1d;
  border: none;
+
    border: none;
 
}
 
}
 +
 
.rating-template-meta {
 
.rating-template-meta {
  background: #1d1d1d;
+
    background: #1d1d1d;
  border: none;
+
    border: none;
 
}
 
}
.top-bar-section .has-dropdown > a:after {
+
 
  border-color: rgba(249,169,22,1) transparent transparent transparent;
+
.top-bar-section .has-dropdown>a:after {
 +
    border-color: rgba(249, 169, 22, 1) transparent transparent transparent;
 
}
 
}
 +
 
.f-dropdown {
 
.f-dropdown {
  background: #333;
+
    background: #333;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
+
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  border: 0;
+
    border: 0;
 
}
 
}
 +
 
.f-dropdown li:hover, .f-dropdown li:focus {
 
.f-dropdown li:hover, .f-dropdown li:focus {
  background-color: rgba(255, 255, 255, 0.1);
+
    background-color: rgba(255, 255, 255, 0.1);
 
}
 
}
 +
 
.f-dropdown:before {
 
.f-dropdown:before {
  display: none;
+
    display: none;
 
}
 
}
  
 
.row.sitenotice {
 
.row.sitenotice {
  max-width: none;
+
    max-width: none;
  background: #111;
+
    background: #111;
  /*margin-bottom: 1.875em;*/
+
    /*margin-bottom: 1.875em;*/
  /*padding: .5em 1em; this should be added to the site notice div inside*/
+
    /*padding: .5em 1em; this should be added to the site notice div inside*/
  box-shadow: inset 0 -4px 5px 0 rgba(41,41,41,.14), 0 -1px 10px 0 rgba(255,255,255,.12), 0 -2px 4px -1px rgba(255,255,255,.04);
+
    box-shadow: inset 0 -4px 5px 0 rgba(41, 41, 41, .14), 0 -1px 10px 0 rgba(255, 255, 255, .12), 0 -2px 4px -1px rgba(255, 255, 255, .04);
  margin-bottom: 0.8em;
+
    margin-bottom: 0.8em;
 
}
 
}
 +
 
.row .columns {
 
.row .columns {
  padding: 0;
+
    padding: 0;
 
}
 
}
  
div#content h2#firstHeading:before {display: none;}
+
div#content h2#firstHeading:before {
div#content h2 {font-weight: 100;}
+
    display: none;
div#content h3 {margin-top: 1em;}
+
}
div#content h4 {color: #e2e2e2; margin-top: 1em;}
 
  
code {
+
div#content h2 {
     font-weight: normal;
+
     font-weight: 100;
    /*color: inherit;*/
 
    color: #ccc;
 
    font-size: .9em;
 
    font-family: Roboto Mono;
 
 
}
 
}
  
.top-bar .button.search {
+
div#content h3 {
  top: 0px;
+
    margin-top: 1em;
  margin-left: -5px;
+
}
 +
 
 +
div#content h4 {
 +
    color: #e2e2e2;
 +
    margin-top: 1em;
 
}
 
}
 +
 +
code {
 +
    font-weight: normal;
 +
    /*color: inherit;*/
 +
    color: #ccc;
 +
    font-size: .9em;
 +
    font-family: Roboto Mono;
 +
}
 +
 +
.top-bar .button.search {
 +
    top: 0px;
 +
    margin-left: -5px;
 +
}
 +
 
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
 
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
  background: rgba(0, 0, 0, 0.2);
+
    background: rgba(0, 0, 0, 0.2);
  padding: .5em 2.4em;
+
    padding: .5em 2.4em;
  padding: .5em 1em;
+
    padding: .5em 1em;
margin: 0px;
+
    margin: 0px;
background: #404040;
+
    background: #404040;
  border-radius: 2px;
+
    border-radius: 2px;
 
     transition: background 0.2s;
 
     transition: background 0.2s;
 
     transition: color 0.2s;
 
     transition: color 0.2s;
 
     color: rgba(255, 255, 255, 0.6);
 
     color: rgba(255, 255, 255, 0.6);
 
}
 
}
 +
 
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
 
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: #fff;
+
    background: #fff;
  color: rgba(0,0,0,.87);
+
    color: rgba(0, 0, 0, .87);
 
}
 
}
  
.mbinfo {border: 1px solid #050504; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);}
+
.mbinfo {
li.gallerybox div.thumb {background-color: #333; border: 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);margin: 0; padding: 1px;}
+
    border: 1px solid #050504;
 +
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 +
}
 +
 
 +
li.gallerybox div.thumb {
 +
    background-color: #333;
 +
    border: 0;
 +
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 +
    margin: 0;
 +
    padding: 1px;
 +
}
  
 
/* SMW BUILD SEARCH */
 
/* SMW BUILD SEARCH */
.smwbuildsearch-table { border: 1px solid black;}
+
.smwbuildsearch-table {
.smwbuildsearch-table th { width: 200px;  padding-bottom: 0;}
+
    border: 1px solid black;
.smwbuildsearch-table td { padding-top: 0; }
+
}
.smwbuildsearch-table td.more-space { padding-bottom: 1em;}
 
.smwbuildsearch-table select { height: 30px;}
 
.smwbuildsearch-table  input[type="checkbox"].createboxInput { margin-bottom: 0;}
 
.smw-search-result thead, .smw-search-result {border: 0;}
 
.smw-search-result thead {background-color: #ccc;}
 
.smw-search-result {background-color: #444;}
 
.smw-search-result tbody > tr:nth-child(odd) {background-color: #333;}
 
.CategoryTreeToggle {color: #80B7FF;}
 
.CategoryTreeEmptyBullet {color: rgba(255,255,255,.1);}
 
  
/* Legacy */
+
.smwbuildsearch-table th {
div {
+
    width: 200px;
     line-height: inherit;
+
    padding-bottom: 0;
 +
}
 +
 
 +
.smwbuildsearch-table td {
 +
     padding-top: 0;
 
}
 
}
div#content h1, div#content #firstHeading {display: inline;}
+
 
#Skill_Bar {display: block; clear: both;}
+
.smwbuildsearch-table td.more-space {
.unpatrolled {color: rgb(183, 75, 75);}
+
    padding-bottom: 1em;
abbr, acronym {color: rgba(255,255,255,.4);}
 
.autocomment {color: #bbb;}
 
.mw-recentchanges-table tr:first-child {margin-right: 2em;}
 
select {margin: 0;}
 
.mw-input label {vertical-align: top;}
 
.mw-editsection, .mw-editsection-like {
 
  color: rgba(255,255,255,.1);
 
 
}
 
}
hr {display: none;}
+
 
select {
+
.smwbuildsearch-table select {
     padding: 5px 10px;
+
     height: 30px;
    border: 0;
 
    background: #1d1d1d!important;
 
    color: rgba(255,255,255,.8);
 
 
}
 
}
table.diff {
+
 
  background: #333;
+
.smwbuildsearch-table input[type="checkbox"].createboxInput {
  padding: 1em .25em 1em 0;
+
    margin-bottom: 0;
  display: flex;
 
 
}
 
}
td.diff-context {
+
 
  background: #333;
+
.smw-search-result thead, .smw-search-result {
  border-color: rgb(89, 89, 89);
+
    border: 0;
  color: #bbb;
 
 
}
 
}
td.diff-deletedline {
+
 
     border-color: #6B5729;
+
.smw-search-result thead {
 +
     background-color: #ccc;
 
}
 
}
td.diff-addedline {
+
 
     border-color: rgb(80, 107, 134);
+
.smw-search-result {
 +
     background-color: #444;
 
}
 
}
td.diff-deletedline .diffchange, td.diff-addedline .diffchange {
+
 
  color: #282828;
+
.smw-search-result tbody>tr:nth-child(odd) {
  padding: .25em;
+
    background-color: #333;
 
}
 
}
td.diff-deletedline .diffchange {
+
 
  background: #D8B052;
+
.CategoryTreeToggle {
 +
    color: #80B7FF;
 
}
 
}
td.diff-addedline .diffchange {
+
 
     background: rgb(98, 179, 255);
+
.CategoryTreeEmptyBullet {
 +
     color: rgba(255, 255, 255, .1);
 
}
 
}
table.diff td.diff-marker {padding: 0; color: #595959;}
+
 
table.diff td {
+
/* Legacy */
    padding: 0 1em;
+
div {
     line-height: 1.5;
+
     line-height: inherit;
    vertical-align: middle;
 
 
}
 
}
table.diff td.diff-lineno {padding-left: 2em;}
+
 
fieldset legend {display: none;}
+
div#content h1, div#content #firstHeading {
fieldset {border:none;padding: 0; margin: 0;}
+
    display: inline;
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
 
  border: 0;  
 
 
}
 
}
input[type="submit"] {
+
 
  border: 0;
+
#Skill_Bar {
  padding: 5px 10px;
+
    display: block;
box-shadow: none;
+
    clear: both;
color: #111;
 
background-color: #f9a916;
 
font-size: 15px;
 
margin-top: 10px;
 
 
}
 
}
label {color: #fff}
+
 
textarea#wpTextbox1 {
+
.unpatrolled {
  width: 100%;
+
    color: rgb(183, 75, 75);
  background-color: #fff;
 
  color: rgba(0,0,0,.87);
 
  padding: 1em;
 
 
}
 
}
.editOptions {
+
 
  background-color: #1d1d1d;
+
abbr, acronym {
  padding: 15px;
+
    color: rgba(255, 255, 255, .4);
  color: #aaa;
 
  border: 0;
 
 
}
 
}
.editButtons input {margin-left: 1em;}
 
dl dt {line-height: 1.3em; margin-bottom: 0;}
 
dl dd {margin-bottom: 0;}
 
  
.mw-datatable th, .mw-datatable td {background: #333; border: 0;}
+
.autocomment {
.mw-datatable tr:hover td {background-color: rgba(255,255,255,.1);}
+
    color: #bbb;
table.wikitable {
 
  background: #1d1d1d;  
 
 
}
 
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
+
 
  border: 1px solid #111111;
+
.mw-recentchanges-table tr:first-child {
 +
    margin-right: 2em;
 
}
 
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
+
 
background: #f9a916;
+
select {
color: #111;
+
    margin: 0;
 
}
 
}
  
div.mw-dismissable-notice .mw-dismissable-notice-body {margin: 0;}
+
.mw-input label {
 +
    vertical-align: top;
 +
}
  
/* div#siteNotice {padding: .5em 1em;} */
+
.mw-editsection, .mw-editsection-like {
 +
    color: rgba(255, 255, 255, .1);
 +
}
  
/* You have a new message */
+
hr {
.panel {
+
    display: none;
  background: #000;
 
  color: #ccc;
 
  border: 0;
 
  margin-bottom: 0;
 
 
}
 
}
  
/* Tables & Forms */
+
select {
table {
+
    padding: 5px 10px;
  background: #1d1d1d;
+
    border: 0;
  border: 0;
+
    background: #1d1d1d !important;
 +
    color: rgba(255, 255, 255, .8);
 
}
 
}
table tr th, table tr td {color: #bbb;}
 
table tr.even, table tr.alt, table tr:nth-of-type(even) {background: inherit;}
 
  
fieldset, .mw-changeslist-legend {border: 0;}
+
table.diff {
 +
    background: #333;
 +
    padding: 1em .25em 1em 0;
 +
    display: flex;
 +
}
  
/* Recent Changes */
+
td.diff-context {
.mw-special-Recentchanges .mw-specialpage-summary, .rcoptions legend, .mw-changeslist-legend.mw-collapsible > b, .rcoptions hr {display: none;}
+
    background: #333;
.rcoptions {
+
    border-color: rgb(89, 89, 89);
  padding: 1em;
+
    color: #bbb;
 
}
 
}
.mw-changeslist-legend dd {
+
 
     margin-left: 3em;
+
td.diff-deletedline {
 +
     border-color: #6B5729;
 
}
 
}
.mw-recentchanges-table {
+
 
  background: none;
+
td.diff-addedline {
  box-shadow: none;
+
    border-color: rgb(80, 107, 134);
  margin: 1em 0 0;
 
 
}
 
}
.mw-recentchanges-table tr {
+
 
  background: none;
+
td.diff-deletedline .diffchange, td.diff-addedline .diffchange {
  display: inline-block;
+
    color: #282828;
 +
    padding: .25em;
 
}
 
}
.mw-recentchanges-table tr td {
+
 
  width: inherit;
+
td.diff-deletedline .diffchange {
  background: none;
+
    background: #D8B052;
    padding: 0 .5em 0 0;
 
 
}
 
}
#mw-content-text .mw-changeslist ul {
+
 
     margin: 0;
+
td.diff-addedline .diffchange {
    list-style-type: none;
+
     background: rgb(98, 179, 255);
 
}
 
}
.mw-changeslist li {
+
 
     border-bottom: 1px solid rgba(255,255,255,0.1);
+
table.diff td.diff-marker {
     padding: .25em 0;
+
     padding: 0;
 +
     color: #595959;
 
}
 
}
.mw-changeslist li:last-child {
+
 
     border-bottom: 0;
+
table.diff td {
 +
    padding: 0 1em;
 +
    line-height: 1.5;
 +
     vertical-align: middle;
 
}
 
}
  
 +
table.diff td.diff-lineno {
 +
    padding-left: 2em;
 +
}
  
.mw-plusminus-pos, .recentratingspage .upvotegreen {color: #66DC65;}
+
fieldset legend {
.recentratingspage .upvotegreen b {color: #55BB54}
+
    display: none;
.mw-plusminus-neg {color: #f7746a;}
+
}
  
/* Recent Ratings */
+
fieldset {
.mw-special-Rating.ns-special a.button.dropdown {display: inherit;}
+
    border: none;
.recentratingspage h4:first-child {
+
    padding: 0;
  margin-top: 0;
+
    margin: 0;
 
}
 
}
#mw-content-text .recentratingspage ul {
+
 
  margin: 0.5em 0;
+
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  list-style: none;
+
    border: 0;
}
 
.recentratingspage ul li {
 
  padding: 0.25em 0;
 
  border-bottom: 1px solid rgba(255,255,255,.1);
 
 
}
 
}
.recentratingspage ul li:last-child {
+
 
  border: 0;
+
input[type="submit"] {
 +
    border: 0;
 +
    padding: 5px 10px;
 +
    box-shadow: none;
 +
    color: #111;
 +
    background-color: #f9a916;
 +
    font-size: 15px;
 +
    margin-top: 10px;
 +
    border-radius: 0.25rem;
 
}
 
}
.fa-balance-scale:before {content: "\f24e";}
 
  
/* Revision History */
+
input[type="submit"]:hover {
#mw-history-search {
+
    opacity: 0.5;
  padding: 0;
 
  margin: 0;
 
 
}
 
}
#mw-history-search legend {display: none;}
+
 
#mw-history-search input[name="year"] {width: 5em;}
+
label {
#mw-history-search input[name="month"] {width: 6em;}
+
    color: #fff
#mw-history-compare {
 
  margin-top: 1em;
 
 
}
 
}
#mw-content-text #pagehistory ul {
+
 
  list-style: none;
+
textarea#wpTextbox1 {
  margin: .5em 0;
+
    width: 100%;
 +
    background-color: #fff;
 +
    color: rgba(0, 0, 0, .87);
 +
    padding: 1em;
 
}
 
}
#pagehistory li {
+
 
  border: 0;
+
.editOptions {
  border-bottom: 1px solid rgba(255,255,255,0.1);
+
    background-color: #1d1d1d;
  padding: .25em .5em;
+
    padding: 15px;
 +
    color: #aaa;
 +
    border: 0;
 
}
 
}
#pagehistory li.selected {
+
 
  background-color: #333;
+
.editButtons input {
  border: 0;
+
    margin-left: 1em;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
+
}
 +
 
 +
dl dt {
 +
    line-height: 1.3em;
 +
    margin-bottom: 0;
 
}
 
}
#pagehistory li:last-child {
+
 
  border: 0;
+
dl dd {
 +
    margin-bottom: 0;
 
}
 
}
  
/* Upload File */
+
.mw-datatable th, .mw-datatable td {
 +
    background: #333;
 +
    border: 0;
 +
}
  
 +
.mw-datatable tr:hover td {
 +
    background-color: rgba(255, 255, 255, .1);
 +
}
  
/* ToC */
+
table.wikitable {
div#toc {
 
 
     background: #1d1d1d;
 
     background: #1d1d1d;
    border: none;
 
    display: flex;
 
    flex-direction: column;
 
 
}
 
}
#toc, .toc {
+
 
margin: 0px;
+
table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
 +
    border: 1px solid #111111;
 
}
 
}
div#content h2:before {
+
 
display: none;
+
table.wikitable>tr>th, table.wikitable>*>tr>th {
 +
    background: #f9a916;
 +
    color: #111;
 
}
 
}
  
/* Main Page */
+
div.mw-dismissable-notice .mw-dismissable-notice-body {
body.page-MetaBattle_Wiki div#content #firstHeading {display: none;}
+
    margin: 0;
 
 
body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {border-left-color: rgba(255,255,255,0.1);}
 
 
 
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: rgba(255,255,255,.01)}
 
body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.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.skin-foreground.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.skin-foreground.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.skin-foreground.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: rgba(255,255,255,.01)}
 
a.foregroundlabel {color: #fff}
 
.foregroundlabel {background-color: rgba(106, 167, 247, 0.5); padding: 0.25em 0.5em;}
 
a.foregroundlabel.new {background-color: #333;}
 
 
 
div#content h2:before {
 
  border-top-color: transparent;
 
 
}
 
}
  
.builds-intro-first {border-top: 0;}
+
/* div#siteNotice {padding: .5em 1em;} */
.page-MetaBattle_Wiki #actionsbar, .main-page-title {display: none;}
+
/* You have a new message */
.builds-intro.builds-intro-first {margin-top: 0; padding-top: 0;}
+
.panel {
 +
    background: #000;
 +
    color: #ccc;
 +
    border: 0;
 +
    margin-bottom: 0;
 +
}
  
#actionsbar {
+
/* Tables & Forms */
  margin: 0px!important;
+
table {
 +
    background: #1d1d1d;
 +
    border: 0;
 
}
 
}
.nsfl-Build {
+
 
    background-color: #fff;
+
table tr th, table tr td {
     color: #333;
+
     color: #bbb;
 
}
 
}
.nsfl-Team {
 
    background-color: #E6BA5A;
 
    color: #333;}
 
  
#userloginForm .mw-ui-vform {
+
table tr.even, table tr.alt, table tr:nth-of-type(even) {
     margin: auto;
+
     background: inherit;
    height: auto;
 
 
}
 
}
  
#userlogin2 label {
+
fieldset, .mw-changeslist-legend {
     color: lightgrey;
+
     border: 0;
 
}
 
}
  
.contribution {
+
/* Recent Changes */
    background-repeat: no-repeat;
+
.mw-special-Recentchanges .mw-specialpage-summary, .rcoptions legend, .mw-changeslist-legend.mw-collapsible>b, .rcoptions hr {
     height: 75px;
+
     display: none;
    margin-left: 270px;
+
}
    margin-top: 10px;
+
 
    padding-left: 100px;
+
.rcoptions {
     padding-top: 5px;
+
     padding: 1em;
    width: 500px;
 
 
}
 
}
  
.contributionEdits {
+
.mw-changeslist-legend dd {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAC00lEQVR42u3cXU8TQRTG8YGKVA0aiYhiBUVMiiF4Y6LxyhiiImLQRPEFgsZQuBLxBaG1wle0/UD1SYCcyTDdMzuaTNhzLv4XzU7a5pdmdrLdWdPpdLR/SDyAAipgwQH/tNpFrYKWUTljjAJm4G2jPbSKygoY3lXCQxaiAkbguYgKGINH1VBZAf14OwTFIyogNerH4xEVcL+PBJMfUQFb7dNoPRJxRQEJcS0n3jaqKGBuRMKTOAeOomrG8VOEyOPJASS8OmpGIRLeFYnrwDFUtyCaaIRDZPDEABIe9Rz1IMMg1lw8aYA8Ho+4Qr9WKYDheL3oJZrk3k8AIIs378F7bc2JtxQwHK9EeMhClA44hhoReDbipFTAa9F41E80IgOQx3sWi5cAsBB4l1OcRAqFJw3wugdvzoO3GIInADABXgLAY4cnDXA8EO9NBt4W4QkAZPCeJsBLCJge7xIyAgCj8N6G4EkDvOHBm02AlwBQAF4CwDR4AgBZvCcevHcZeD8IrwCAqfCkAU78J7xhZAQARuG9D8GTA0h4vzx4JgZPACCL99gZcyIA7yIyAgAT4BUGkMebj8UTBkh4TpvovIW3FIInDfCmg+dDHArFEwZIeEy/GbwhZOQAEl7Tg7GXo++EJwCQwXuBpmLwZADyeL1oOAJPFOCAZ85bOMAzqA81QvEkAj50MDYsPLuzqIp2GDxRgH1oywG522VsGa0yeOIA73jucD+ZA+8CMlIBe9BnB+WRZ9wZVHPGfSM8uYBVz12fA9bxQTSHGt3wpAN+cJct1qbmRbRLx47iSQeseHAeoE/0ujueArbarwgmqI1DPAVstc/RhQC2dTSNSsgo4H6zDNouWkLj9hdQQFrP1TP2XizYf/oo4FHA+1321s7YSxgF9AOW0FcL7gu6h/oPP0QBswFvH8CtoSn7goEChgHOuCcGBdQHMOoTLBVQATUFVEAFPPb9BfgD+K1G8e16AAAAAElFTkSuQmCC");
+
     margin-left: 3em;
 
}
 
}
  
.contributionPages {
+
.mw-recentchanges-table {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAB10lEQVR42u3cTUsCURTG8RqzxkW1DGxVQRBUVJsKKsi0BLPAslSIXEVEIr2BgYvzFasPZI+rWsQ4c18mr/Ms/usz5weX4W7uWK/XYxolHoCABCQgAYP6+Pz67yZQxkQKs0cCcBo9IjHQibuA+ogtQ4jHcQP6KBNznm3EOAE7SGKujlJ/LDSDSqgcoip6DUJ0BFAfUaMUqiggmgd0GNEfsEMhTsAnVDbcBWoHLFgzgFhFooBoHLBh6S/roTOLiPtIFBCdAew3id4sIW4iCVHeZcB+pwMWvFZEXEOigOgc4AYSC4hbSBQQnQNcRGIBcQdJxI5cBMwisYBYQKJQzjXAuYgLXoVEvFQE7LgGOI/EAuI9aqE6KqIDtI12UQ410PsoAC4gsYCYDjF7ClVcB1xHooHoGbg7P7sMuIdEo0MD39BwGfD816wuaqM7dIua6AF1AwBLSQdcRctoFo0HHLMl1CSgXh6qEVCvLAH18glIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUjAhAKmUSZiNwT8KY8kagQkIAGHBXAFlTUqJh1QOwISkIAEJKA5wBdUHaJqzgAOawQkIAEZnwAlIAEJyJT6BiMnuFx6r2hrAAAAAElFTkSuQmCC")
+
     background: none;
 +
    box-shadow: none;
 +
    margin: 1em 0 0;
 
}
 
}
  
.contributionPeople {
+
.mw-recentchanges-table tr {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEWElEQVR42u3ab0xVdRzH8SuVlJuTZUWFBU6BJFujsVAmI2QOb9akzXrS2NxtOTItmz1IZ0WzfNR8QDq3GItkq0U+QJttrkEWDNeKorFCEUTDhBhzQk3g4r3f3m30xJ0/v/M7v3P/bD548fDzPedzf5dz7u+c0OjYWCpZiGfxGQbwN/7BEJqxARmpdMypVF4puiEuTqAg3QvMQAX2oBGHsB2rNfNqMQVRdBEbNWetxnYcwsfYiwpkJKrAPLQgCrnJOPZjkYe8LZiBeDSBMg9zFmE/xi2yomhBXtAFFqJH8WuWpZC3HCMQTb1YrDAnC20KeT0oDKrAO9ABUdSskHkU4tMBhTnNEEXtuD2IAndBPKpxyCvBGMSn35HtMKdGI/N10wVm4jTEo6MOme9BDKkzvMpPI9NkgeW4DvFoECtsMr+CGNJkM2MFBjXyrqPcZIG1EA1xrLPIy8VZ5Rz9FbMOcc3MWpMFboNoWm+RV4xxiCF9eMBiznqIpm0mC9wK0RDF2gQUOIDlFnPWIqqZudVkgZsgGoaRb5H3CP5IwArMx7Bm5iaTBRbiIsSjk1hokXcvfoYY8h3utNmcOKn5wReYvg88BvHoA4e8NoghLQ5z3tfIOxbEjfROiAfTqHLIOwgx5F2HOVWY9pi3M6ifcj9CFLW55L2AGMSna6hEyNBq/wG3mS8QqENccfVtdslagl8hPnUqHPdmxVUYR13Q21lfQlw0KmYdgfi0T3FWo0JWayL2A5ehE2KjA9mKWWWYgGgaxn2Ks7LR4bKSc4IvEHgKYmEOW1QyDF2N6z3Oeh5zNlkVidqRzsVxiI1urPSQV4IpzW2sJR7mrES3y0Xv4SALzMNu9ENcjGKfh2ckByAehT08A3kbowqZ/diNXFMFFmEHWnEF4tFVHMebKHaYsxjfQhS943LcxfMzT+AqxKMraMUOrPJaYCk+xBn8BTFkAr9hr83BFGBIIecwFthkvIJfLEvTN4Yz852UOhVYji5EIQG6gHzbXw36O9yP409IgKLoQvnNBb6EG5AEaHAoodLng6qPIAlwA5H/CyzBLCRAQ/gc1Q4nfze+V8h6xqXE6vlZFyABmkWJ868BfTH0oQkR5Chc4b9QzB7Bcwi5yEEETehDDGLYkRB/BgwG9qAeYSxVOMkHsQfnNT79FqxBSMFShFFveB/y3H/hkwaCRhBBluIbWE/jEwxDfJjCN3gN9yuWmYUIRiA+TZoosN/lhnkBluFFfIoBTAfwL2MM7XgLTyg8130M55Jd4LTNW1J3oQi70I5riEESZAZn0YANuMfm3jGMGb8FnkIvfvLoksUtSQ5eRhfikBRxGQfxpEWJDbikcf69ODUfYkQNzkNS3GE8lGpvqL4KSSO9KEiVAjdiDpJmOpGZCgW2QtLUG8kucBUuQ9LU18hMZoGVkDQ2ikeTWWAYkuYqbhXoTziZBVbdKtBfgWswC0lj1ckssAiDiGEyzcxgCmV+OvgXgnz5DEfjyeMAAAAASUVORK5CYII=")
+
     background: none;
 +
    display: inline-block;
 
}
 
}
  
.edits{
+
.mw-recentchanges-table tr td {
     font-size: 24pt;
+
     width: inherit;
 +
    background: none;
 +
    padding: 0 .5em 0 0;
 
}
 
}
  
/* Recent Disqus Comments Page */
+
#mw-content-text .mw-changeslist ul {
ul.dsq-widget-list {
+
    margin: 0;
     margin: 0 !important;
+
    list-style-type: none;
 +
}
 +
 
 +
.mw-changeslist li {
 +
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 +
     padding: .25em 0;
 
}
 
}
li.dsq-widget-item {
+
 
     margin: 0 0 2.5em !important;
+
.mw-changeslist li:last-child {
 +
     border-bottom: 0;
 
}
 
}
span.dsq-widget-comment {
+
 
     display: block !important;
+
.mw-plusminus-pos, .recentratingspage .upvotegreen {
 +
     color: #66DC65;
 
}
 
}
img.dsq-widget-avatar {
+
 
     float: right !important;
+
.recentratingspage .upvotegreen b {
    margin: 0 0 0 12px !important;
+
     color: #55BB54
 
}
 
}
p.dsq-widget-meta {
+
 
     color: #222 !important;
+
.mw-plusminus-neg {
    display: flex !important;
+
     color: #f7746a;
    flex-direction: row-reverse !important;
 
    justify-content: flex-end !important;
 
 
}
 
}
p.dsq-widget-meta > a {/*display: none !important;*/}
 
p.dsq-widget-meta > a + a {display: inline-block !important; margin-right: 1em !important;}
 
  
/* Rating in Build Page */
+
/* Recent Ratings */
.row.ratings {
+
.mw-special-Rating.ns-special a.button.dropdown {
    max-width: none;
+
     display: inherit;
    background-color: #111111;
 
    margin-top: 1.25em;
 
     padding: 1.25em 0;
 
 
}
 
}
#rating_thread { color: #eaeaea; }
 
  
.rating > .points {text-align: center; padding: 0;}
+
.recentratingspage h4:first-child {
.rating > .points > div:first-child {
+
     margin-top: 0;
     font-size: 3.5em;
 
    color: white;
 
    font-family: EasonPro;
 
 
}
 
}
.rating > .bar {
+
 
     margin-top: 1.5em;
+
#mw-content-text .recentratingspage ul {
     width: inherit;
+
     margin: 0.5em 0;
    min-width: 300px;
+
     list-style: none;
 
}
 
}
.logintovote {
+
 
     background: #1d1d1d;
+
.recentratingspage ul li {
    margin: 1.25em 0;
+
     padding: 0.25em 0;
     padding: .25em .5em;
+
     border-bottom: 1px solid rgba(255, 255, 255, .1);
    text-align: center;
 
}
 
.first-to-vote-pl0x {
 
    width: 100%;
 
    text-align: center;
 
    padding: 2em .5em;
 
    font-size: .95em !important;
 
 
}
 
}
  
fieldset.userratebox form {margin: 0 0 1.25em;}
+
.recentratingspage ul li:last-child {
fieldset.userratebox .typing-rating-comment {
+
     border: 0;
     display: flex;
 
 
}
 
}
fieldset.userratebox .typing-rating-comment .left-flex {
+
 
     display: flex;
+
.fa-balance-scale:before {
    width: 100px;
+
     content: "\f24e";
 
}
 
}
fieldset.userratebox #checkboxHeart {
+
 
 +
/* Revision History */
 +
#mw-history-search {
 +
    padding: 0;
 
     margin: 0;
 
     margin: 0;
    width: 100px;
 
    font-size: 1em;
 
    padding: 0;
 
    height: 1.5em;
 
    align-self: flex-start;
 
    background: #e9e9e9;
 
    color: #fff;
 
    border-radius: 3px 0 0 3px;
 
 
}
 
}
fieldset.userratebox .typing-rating-comment .textarea {
+
 
     padding-left: 0em;
+
#mw-history-search legend {
    width: 100%;
+
     display: none;
 
}
 
}
fieldset.userratebox textarea{
+
 
  box-sizing: border-box;
+
#mw-history-search input[name="year"] {
  max-height: 350px; /* optional, but recommended */
+
    width: 5em;
  min-height: 3.5em;
 
  overflow-x: hidden; /* for Firefox (issue #5) */
 
  height: auto;
 
  padding: 0.25em .5em;
 
    margin: 0 !important;
 
    border: 0;
 
    border-radius: 0 3px 3px 3px;
 
 
}
 
}
fieldset.userratebox #textareaCharactersLeft {
+
 
     text-align: right;
+
#mw-history-search input[name="month"] {
     font-size: .75em;
+
    width: 6em;
 +
}
 +
 
 +
#mw-history-compare {
 +
     margin-top: 1em;
 +
}
 +
 
 +
#mw-content-text #pagehistory ul {
 +
    list-style: none;
 +
     margin: .5em 0;
 
}
 
}
fieldset.userratebox #next-process-for-rating-submission, fieldset.userratebox input[type=submit] {
+
 
     background-color: #e9e9e9;
+
#pagehistory li {
 +
     border: 0;
 +
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 
     padding: .25em .5em;
 
     padding: .25em .5em;
     color: #000;
+
}
 +
 
 +
#pagehistory li.selected {
 +
     background-color: #333;
 
     border: 0;
 
     border: 0;
     box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4);
+
     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
 
    font-weight: 100;
 
    display: inline-block;
 
    line-height: 1;
 
    margin-top: 0;
 
    transition: background .2s;
 
    text-decoration: inherit;
 
    font-style: inherit;
 
 
}
 
}
fieldset.userratebox #next-process-for-rating-submission:hover, fieldset.userratebox input[type=submit]:hover {
+
 
     font-style: inherit;
+
#pagehistory li:last-child {
    text-decoration: inherit;
+
     border: 0;
    background-color: #fff;
 
 
}
 
}
fieldset.userratebox #next-process-for-rating-submission {float: right;}
+
 
fieldset.userratebox .rating-rules-before-submit{
+
/* Upload File */
     display: none;
+
/* ToC */
}
+
div#toc {
fieldset.userratebox .guidelines2 > p {
+
    background: #1d1d1d;
  font-weight: bold;
+
     border: none;
}
 
fieldset.userratebox .agreement {
 
 
     display: flex;
 
     display: flex;
     justify-content: space-around;
+
     flex-direction: column;
    background: rgba(255,255,255,.02);
 
    align-items: center;
 
    padding: .25em .5em;
 
    border: 1px solid #564723;
 
 
}
 
}
fieldset.userratebox .agreement > * {display: inline-block;}
+
 
fieldset.userratebox  input[type=submit] {margin: 0;}
+
#toc, .toc {
.allratings .votes {
+
     margin: 0px;
    font-weight: bold;
 
    color: #fff;
 
     margin-bottom: .5em;
 
 
}
 
}
.rating > .bar, .rating > .bar > .upvotes {height: .33em;}
 
fieldset.userratebox {margin-top: 1em;}
 
.allratings {margin-top: 0em;}
 
  
.allratings .rating-vote-comment{
+
div#content h2:before {
     display: flex;
+
     display: none;
    flex-direction: row;
 
    margin-top: 1.25em;
 
 
}
 
}
.allratings .rating-vote-comment:first-child {
+
 
     margin-top: 0;
+
/* Main Page */
 +
body.page-MetaBattle_Wiki div#content #firstHeading {
 +
     display: none;
 
}
 
}
.allratings .rating-vote-comment .left-icon {
+
 
    width: 48px;
+
body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {
    margin-right: 12px;
+
     border-left-color: rgba(255, 255, 255, 0.1);
    display: flex;
 
    justify-content: center;
 
     align-items: flex-start;
 
 
}
 
}
.allratings .rating-vote-comment .left-icon img {
+
 
     padding-top: .33333em;
+
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: rgba(255, 255, 255, .01)
 
}
 
}
.allratings .rating-vote-comment .right-comment {
+
 
     width: 100%;
+
body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd, body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd, body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd, body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd, body.skin-foreground.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.skin-foreground.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.skin-foreground.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.skin-foreground.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: rgba(255, 255, 255, .01)
 
}
 
}
.allratings .rating-vote-comment .right-comment .comment-meta {
+
 
    font-size: 14px;
+
a.foregroundlabel {
     color: #aaa;
+
     color: #fff
 
}
 
}
.allratings .rating-vote-comment .right-comment .comment-meta .sway-major {color: #bbb;}
+
 
.allratings .rating-vote-comment .right-comment .comment-meta > .date {color: #ccc;}
+
.foregroundlabel {
.allratings .rating-vote-comment .right-comment .comment-meta .bullet-user-date {margin: 0 .25em;}
+
    background-color: rgba(106, 167, 247, 0.5);
.allratings .rating-vote-comment .right-comment .comment {
+
     padding: 0.25em 0.5em;
     padding: 0;
 
 
}
 
}
.allratings .diff-height-extra-votes {height: 1.25em;}
+
 
.allratings .more-comments-link {
+
a.foregroundlabel.new {
     color: #eaeaea;
+
     background-color: #333;
    transition: color .2s;
 
 
}
 
}
.allratings a.more-comments-link:hover {
+
 
     color: #FFF;
+
div#content h2:before {
 +
     border-top-color: transparent;
 
}
 
}
.allratings .more-comments {
+
 
     text-align: center;
+
.builds-intro-first {
    border: 1px solid rgba(255,255,255,.13);
+
     border-top: 0;
    padding: .25em .5em;
 
    transition: background .2s;
 
 
}
 
}
.allratings a.more-comments-link:hover > div {
+
 
     background: #666;
+
.page-MetaBattle_Wiki #actionsbar, .main-page-title {
 +
     display: none;
 
}
 
}
.allratings a.more-comments-link + .extra-votes {display: none; opacity: 0; transition: opacity 1s;}
 
  
/* Disqus Threads */
+
.builds-intro.builds-intro-first {
.row.comments {
 
    max-width: none;
 
    background-color: #111111;
 
    padding-top: 1.25em;
 
    margin-top: 2.5em;
 
}
 
.row.ratings + .row.comments {
 
    background-color: #111111;
 
 
     margin-top: 0;
 
     margin-top: 0;
 +
    padding-top: 0;
 
}
 
}
.row.ratings + .row.comments + footer.row,  .row.comments + footer.row {
+
 
    max-width: none;
+
#actionsbar {
     margin: 0;
+
     margin: 0px !important;
 
}
 
}
.row.comments + footer.row {
+
 
     background-color: #111111;
+
.nsfl-Build {
     color: #aaa;
+
     background-color: #fff;
 +
     color: #333;
 
}
 
}
.row.ratings + .row.comments + footer.row {
+
 
     background-color: #111111;
+
.nsfl-Team {
     color: #aaa;
+
     background-color: #E6BA5A;
 +
     color: #333;
 
}
 
}
.row.comments + footer.row > #footer {
+
 
     max-width: 62.5em;
+
#userloginForm .mw-ui-vform {
     margin: 2em auto 0;
+
     margin: auto;
 +
     height: auto;
 
}
 
}
  
/* PvP Build Rows */
+
#userlogin2 label {
.build-row {
+
     color: lightgrey;
     width: 100%;
 
    display: flex;
 
    flex-direction: row;
 
    background-color: rgba(255,255,255,.025);
 
    transition: background-color .25s, color .25s;
 
 
}
 
}
.build-row:hover {
+
 
     background-color: rgba(255,255,255,.1);
+
.contribution {
     color: #ccc;
+
    background-repeat: no-repeat;
 +
    height: 75px;
 +
    margin-left: 270px;
 +
    margin-top: 10px;
 +
    padding-left: 100px;
 +
     padding-top: 5px;
 +
     width: 500px;
 
}
 
}
.build-row * {
+
 
     align-items: center;
+
.contributionEdits {
    display: flex;
+
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAC00lEQVR42u3cXU8TQRTG8YGKVA0aiYhiBUVMiiF4Y6LxyhiiImLQRPEFgsZQuBLxBaG1wle0/UD1SYCcyTDdMzuaTNhzLv4XzU7a5pdmdrLdWdPpdLR/SDyAAipgwQH/tNpFrYKWUTljjAJm4G2jPbSKygoY3lXCQxaiAkbguYgKGINH1VBZAf14OwTFIyogNerH4xEVcL+PBJMfUQFb7dNoPRJxRQEJcS0n3jaqKGBuRMKTOAeOomrG8VOEyOPJASS8OmpGIRLeFYnrwDFUtyCaaIRDZPDEABIe9Rz1IMMg1lw8aYA8Ho+4Qr9WKYDheL3oJZrk3k8AIIs378F7bc2JtxQwHK9EeMhClA44hhoReDbipFTAa9F41E80IgOQx3sWi5cAsBB4l1OcRAqFJw3wugdvzoO3GIInADABXgLAY4cnDXA8EO9NBt4W4QkAZPCeJsBLCJge7xIyAgCj8N6G4EkDvOHBm02AlwBQAF4CwDR4AgBZvCcevHcZeD8IrwCAqfCkAU78J7xhZAQARuG9D8GTA0h4vzx4JgZPACCL99gZcyIA7yIyAgAT4BUGkMebj8UTBkh4TpvovIW3FIInDfCmg+dDHArFEwZIeEy/GbwhZOQAEl7Tg7GXo++EJwCQwXuBpmLwZADyeL1oOAJPFOCAZ85bOMAzqA81QvEkAj50MDYsPLuzqIp2GDxRgH1oywG522VsGa0yeOIA73jucD+ZA+8CMlIBe9BnB+WRZ9wZVHPGfSM8uYBVz12fA9bxQTSHGt3wpAN+cJct1qbmRbRLx47iSQeseHAeoE/0ujueArbarwgmqI1DPAVstc/RhQC2dTSNSsgo4H6zDNouWkLj9hdQQFrP1TP2XizYf/oo4FHA+1321s7YSxgF9AOW0FcL7gu6h/oPP0QBswFvH8CtoSn7goEChgHOuCcGBdQHMOoTLBVQATUFVEAFPPb9BfgD+K1G8e16AAAAAElFTkSuQmCC");
    flex-direction: row;
 
 
}
 
}
.build-row a, .build-row a:visited {color: #d4d4d4; transition: color .25s;}
+
 
.build-row a:hover {color: #f9a916;}
+
.contributionPages {
.build-row .build-row-icon {
+
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAB10lEQVR42u3cTUsCURTG8RqzxkW1DGxVQRBUVJsKKsi0BLPAslSIXEVEIr2BgYvzFasPZI+rWsQ4c18mr/Ms/usz5weX4W7uWK/XYxolHoCABCQgAYP6+Pz67yZQxkQKs0cCcBo9IjHQibuA+ogtQ4jHcQP6KBNznm3EOAE7SGKujlJ/LDSDSqgcoip6DUJ0BFAfUaMUqiggmgd0GNEfsEMhTsAnVDbcBWoHLFgzgFhFooBoHLBh6S/roTOLiPtIFBCdAew3id4sIW4iCVHeZcB+pwMWvFZEXEOigOgc4AYSC4hbSBQQnQNcRGIBcQdJxI5cBMwisYBYQKJQzjXAuYgLXoVEvFQE7LgGOI/EAuI9aqE6KqIDtI12UQ410PsoAC4gsYCYDjF7ClVcB1xHooHoGbg7P7sMuIdEo0MD39BwGfD816wuaqM7dIua6AF1AwBLSQdcRctoFo0HHLMl1CSgXh6qEVCvLAH18glIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUjAhAKmUSZiNwT8KY8kagQkIAGHBXAFlTUqJh1QOwISkIAEJKA5wBdUHaJqzgAOawQkIAEZnwAlIAEJyJT6BiMnuFx6r2hrAAAAAElFTkSuQmCC")
     align-self: center;
 
    justify-content: center;
 
    text-align: center;
 
    margin-right: 10px;
 
 
}
 
}
.build-row .top {
+
 
     width: 50%;
+
.contributionPeople {
    justify-content: space-between;
+
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEWElEQVR42u3ab0xVdRzH8SuVlJuTZUWFBU6BJFujsVAmI2QOb9akzXrS2NxtOTItmz1IZ0WzfNR8QDq3GItkq0U+QJttrkEWDNeKorFCEUTDhBhzQk3g4r3f3m30xJ0/v/M7v3P/bD548fDzPedzf5dz7u+c0OjYWCpZiGfxGQbwN/7BEJqxARmpdMypVF4puiEuTqAg3QvMQAX2oBGHsB2rNfNqMQVRdBEbNWetxnYcwsfYiwpkJKrAPLQgCrnJOPZjkYe8LZiBeDSBMg9zFmE/xi2yomhBXtAFFqJH8WuWpZC3HCMQTb1YrDAnC20KeT0oDKrAO9ABUdSskHkU4tMBhTnNEEXtuD2IAndBPKpxyCvBGMSn35HtMKdGI/N10wVm4jTEo6MOme9BDKkzvMpPI9NkgeW4DvFoECtsMr+CGNJkM2MFBjXyrqPcZIG1EA1xrLPIy8VZ5Rz9FbMOcc3MWpMFboNoWm+RV4xxiCF9eMBiznqIpm0mC9wK0RDF2gQUOIDlFnPWIqqZudVkgZsgGoaRb5H3CP5IwArMx7Bm5iaTBRbiIsSjk1hokXcvfoYY8h3utNmcOKn5wReYvg88BvHoA4e8NoghLQ5z3tfIOxbEjfROiAfTqHLIOwgx5F2HOVWY9pi3M6ifcj9CFLW55L2AGMSna6hEyNBq/wG3mS8QqENccfVtdslagl8hPnUqHPdmxVUYR13Q21lfQlw0KmYdgfi0T3FWo0JWayL2A5ehE2KjA9mKWWWYgGgaxn2Ks7LR4bKSc4IvEHgKYmEOW1QyDF2N6z3Oeh5zNlkVidqRzsVxiI1urPSQV4IpzW2sJR7mrES3y0Xv4SALzMNu9ENcjGKfh2ckByAehT08A3kbowqZ/diNXFMFFmEHWnEF4tFVHMebKHaYsxjfQhS943LcxfMzT+AqxKMraMUOrPJaYCk+xBn8BTFkAr9hr83BFGBIIecwFthkvIJfLEvTN4Yz852UOhVYji5EIQG6gHzbXw36O9yP409IgKLoQvnNBb6EG5AEaHAoodLng6qPIAlwA5H/CyzBLCRAQ/gc1Q4nfze+V8h6xqXE6vlZFyABmkWJ868BfTH0oQkR5Chc4b9QzB7Bcwi5yEEETehDDGLYkRB/BgwG9qAeYSxVOMkHsQfnNT79FqxBSMFShFFveB/y3H/hkwaCRhBBluIbWE/jEwxDfJjCN3gN9yuWmYUIRiA+TZoosN/lhnkBluFFfIoBTAfwL2MM7XgLTyg8130M55Jd4LTNW1J3oQi70I5riEESZAZn0YANuMfm3jGMGb8FnkIvfvLoksUtSQ5eRhfikBRxGQfxpEWJDbikcf69ODUfYkQNzkNS3GE8lGpvqL4KSSO9KEiVAjdiDpJmOpGZCgW2QtLUG8kucBUuQ9LU18hMZoGVkDQ2ikeTWWAYkuYqbhXoTziZBVbdKtBfgWswC0lj1ckssAiDiGEyzcxgCmV+OvgXgnz5DEfjyeMAAAAASUVORK5CYII=")
 
}
 
}
.build-row .bottom {
+
 
     justify-content: space-between;
+
.edits {
    width: 50%;
+
     font-size: 24pt;
 
}
 
}
.build-row .title {
+
 
     width: 50%;
+
/* Recent Disqus Comments Page */
 +
ul.dsq-widget-list {
 +
     margin: 0 !important;
 
}
 
}
.build-row .title span, .build-row .title span a {width: 100%;}
+
 
.build-row .title span a {
+
li.dsq-widget-item {
     margin-right: 1em;
+
     margin: 0 0 2.5em !important;
    padding: .5em 0;
 
    white-space: nowrap;
 
    overflow: hidden;
 
    text-overflow: ellipsis;
 
    width: 100%;
 
    display: block;
 
    font-weight: bold;
 
 
}
 
}
.build-row .skillsntraits {
+
 
     justify-content: space-between;
+
span.dsq-widget-comment {
    width: 40%;
+
     display: block !important;
 
}
 
}
.build-row .skills {
+
 
     width: 85%;
+
img.dsq-widget-avatar {
     justify-content: center;
+
     float: right !important;
 +
     margin: 0 0 0 12px !important;
 
}
 
}
.build-row .equipment {
+
 
     width: 80%;
+
p.dsq-widget-meta {
     justify-content: space-between;
+
     color: #222 !important;
 +
    display: flex !important;
 +
    flex-direction: row-reverse !important;
 +
     justify-content: flex-end !important;
 
}
 
}
.build-row .weaps {
+
 
     width: 82.5%;
+
p.dsq-widget-meta>a {
    justify-content: space-around;
+
     /*display: none !important;*/
 
}
 
}
.build-row .weap1, .build-row .weap2 {
+
 
     width: 42.5%;
+
p.dsq-widget-meta>a+a {
     justify-content: space-around;
+
     display: inline-block !important;
 +
     margin-right: 1em !important;
 
}
 
}
.build-row .equipment .traits {
+
 
     width: 100%;
+
/* Rating in Build Page */
     justify-content: space-around;
+
.row.ratings {
     padding-left:1.5em;
+
     max-width: none;
 +
     background-color: #111111;
 +
    margin-top: 1.25em;
 +
     padding: 1.25em 0;
 
}
 
}
.build-row .equipment .traits i {
+
 
     margin-right: .25em;
+
#rating_thread {
    font-size: .75em;
+
     color: #eaeaea;
 
}
 
}
.build-row .equipment .traits span {
+
 
     width: 33%;
+
.rating>.points {
     justify-content: center;
+
     text-align: center;
 +
     padding: 0;
 
}
 
}
.build-row .weap1, .build-row .weap2, .build-row .equipment .traits span {
+
 
     font-size: .75em;
+
.rating>.points>div:first-child {
 +
     font-size: 3.5em;
 +
    color: white;
 +
    font-family: EasonPro;
 
}
 
}
  
.build-row .community {
+
.rating>.bar {
     width: 20%;
+
     margin-top: 1.5em;
     justify-content: space-around;
+
     width: inherit;
     padding-left: .5em;
+
     min-width: 300px;
 
}
 
}
.build-row .rating a {
+
 
     width: 32px;
+
.logintovote {
     height: 32px;
+
     background: #1d1d1d;
    border: 2px solid rgba(107, 107, 107, 0);
+
     margin: 1.25em 0;
     background: none;
+
     padding: .25em .5em;
     color: #fff;
+
     text-align: center;
 
}
 
}
.build-card-h.draft + .build-card-c .build-row .rating {display: none;}
+
 
.build-row .rating a > div {
+
.first-to-vote-pl0x {
 +
    width: 100%;
 
     text-align: center;
 
     text-align: center;
     display: block;
+
     padding: 2em .5em;
     width: 100%;
+
     font-size: .95em !important;
 
}
 
}
.build-row .rating.fivestars a {
+
 
     background: #223e39;
+
fieldset.userratebox form {
    border: 2px solid #345e57;
+
     margin: 0 0 1.25em;
 
}
 
}
.build-row .rating.fourstars a {
+
 
     background: #264527;
+
fieldset.userratebox .typing-rating-comment {
    border: 2px solid #3e703f;
+
     display: flex;
 
}
 
}
.build-row .rating.threestars a {
+
 
     background: #4e5222;
+
fieldset.userratebox .typing-rating-comment .left-flex {
     border: 2px solid #857c37;
+
     display: flex;
 +
     width: 100px;
 
}
 
}
.build-row .rating.twostars a {
+
 
     background: #53401c;
+
fieldset.userratebox #checkboxHeart {
     border: 2px solid #7c5824;
+
    margin: 0;
 +
    width: 100px;
 +
    font-size: 1em;
 +
    padding: 0;
 +
    height: 1.5em;
 +
    align-self: flex-start;
 +
     background: #e9e9e9;
 +
    color: #fff;
 +
     border-radius: 3px 0 0 3px;
 
}
 
}
.build-row .rating.onestar a {
+
 
     background: #401d12;
+
fieldset.userratebox .typing-rating-comment .textarea {
    border: 2px solid #59291a;
+
     padding-left: 0em;
}
+
     width: 100%;
.build-row .rating.zerostars a {
 
    background: #401d12;
 
     border: 2px solid #59291a;
 
}
 
.build-row .rating.NA a {
 
color: #fff!important;
 
border: 2px solid #909090;
 
background: #545454;
 
 
}
 
}
  
.build-row .community .comments span.wraplinkint:before {
+
fieldset.userratebox textarea {
     content: "\f075";
+
     box-sizing: border-box;
     display: inline-block;
+
     max-height: 350px;
     font: normal normal normal 14px/1 FontAwesome;
+
     /* optional, but recommended */
     text-rendering: auto;
+
    min-height: 3.5em;
     -webkit-font-smoothing: antialiased;
+
     overflow-x: hidden;
     font-size: .85em;
+
     /* for Firefox (issue #5) */
     margin-right: .25em;
+
    height: auto;
 +
     padding: 0.25em .5em;
 +
     margin: 0 !important;
 +
    border: 0;
 +
    border-radius: 0 3px 3px 3px;
 
}
 
}
  
.build-row .medal-icon > img {
+
fieldset.userratebox #textareaCharactersLeft {
  max-width: unset;
+
    text-align: right;
  height: unset;
+
    font-size: .75em;
 
}
 
}
  
/* New Front Page */
+
fieldset.userratebox #next-process-for-rating-submission, fieldset.userratebox input[type=submit] {
div.chobo {margin-bottom: 1.5em;}
+
    background-color: #e9e9e9;
a > div > div.new-player-portal {
+
    padding: .25em .5em;
     text-align: center;
+
    color: #000;
     border: 1px solid rgba(255,255,255,.1);
+
     border: 0;
     padding: .5em .5em;
+
     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
     color: #d4d4d4;
+
     border-radius: 3px;
     transition: color .2s, background .2s;
+
    font-weight: 100;
 +
    display: inline-block;
 +
    line-height: 1;
 +
     margin-top: 0;
 +
     transition: background .2s;
 +
    text-decoration: inherit;
 +
    font-style: inherit;
 
}
 
}
a:hover > div > div.new-player-portal {
+
 
     color: #fff;
+
fieldset.userratebox #next-process-for-rating-submission:hover, fieldset.userratebox input[type=submit]:hover {
     background: #555;
+
    font-style: inherit;
 +
     text-decoration: inherit;
 +
     background-color: #fff;
 
}
 
}
.choosewrap {
+
 
     display: flex;
+
fieldset.userratebox #next-process-for-rating-submission {
    margin: 2em 0 1em;
+
     float: right;
 
}
 
}
  
.chooser {
+
fieldset.userratebox .rating-rules-before-submit {
     width: 50%;
+
     display: none;
 
}
 
}
  
.chooser > div {
+
fieldset.userratebox .guidelines2>p {
     display: flex;
+
    font-weight: bold;
     justify-content: center;
+
}
 +
 
 +
fieldset.userratebox .agreement {
 +
     display: flex;
 +
     justify-content: space-around;
 +
    background: rgba(255, 255, 255, .02);
 
     align-items: center;
 
     align-items: center;
     background-size: 100% auto;
+
     padding: .25em .5em;
     width: 100%;
+
     border: 1px solid #564723;
    min-width: 250px;
 
    min-height: 330px;
 
 
}
 
}
  
.by-profession {
+
fieldset.userratebox .agreement>* {
     background: url("//metabattle.com/wiki/images/5/58/Profession-Transparent.png") no-repeat center center;
+
     display: inline-block;
 
}
 
}
.by-game-mode {
+
 
     background: url("//metabattle.com/wiki/images/3/37/Game-Mode-Transparent.png") no-repeat center center;
+
fieldset.userratebox input[type=submit] {
 +
     margin: 0;
 
}
 
}
.chooser > .title {
+
 
    min-height: inherit;
+
.allratings .votes {
    font-size: 1.25em;
 
 
     font-weight: bold;
 
     font-weight: bold;
 
     color: #fff;
 
     color: #fff;
 +
    margin-bottom: .5em;
 
}
 
}
.chooser > div > div.wrap {
+
 
     display: flex;
+
.rating>.bar, .rating>.bar>.upvotes {
    flex-wrap: wrap;
+
     height: .33em;
    justify-content: center;
 
    position: relative;
 
 
}
 
}
.by-profession > div.wrap {
+
 
     width: 422px;
+
fieldset.userratebox {
    height: 252px;
+
     margin-top: 1em;
    top: -18px;
 
    left: -1px;
 
 
}
 
}
.by-game-mode > div.wrap {
+
 
     width: 417px;
+
.allratings {
    height: 252px;
+
     margin-top: 0em;
    top: -18px;
 
    left: -2px;
 
 
}
 
}
.wrap > a {
+
 
    width: 33%;
+
.allratings .rating-vote-comment {
    height: 33.33333%;
 
 
     display: flex;
 
     display: flex;
     justify-content: center;
+
     flex-direction: row;
     color: #f5f5f5;
+
     margin-top: 1.25em;
    background: rgba(0,0,0,.5);
 
    transition: background .2s;
 
 
}
 
}
.by-game-mode .wrap > a {
+
 
     width: 50%;
+
.allratings .rating-vote-comment:first-child {
    height: 50%;
+
     margin-top: 0;
 
}
 
}
.wrap > a:hover {
+
 
     background: rgba(255,255,255,.13);
+
.allratings .rating-vote-comment .left-icon {
     color: #FFF;
+
    width: 48px;
}
+
    margin-right: 12px;
.wrap > a > div {
+
    display: flex;
     align-self: center;
+
     justify-content: center;
 +
     align-items: flex-start;
 +
}
 +
 
 +
.allratings .rating-vote-comment .left-icon img {
 +
     padding-top: .33333em;
 
}
 
}
.build-row-help {
+
 
     margin-top: 1em;
+
.allratings .rating-vote-comment .right-comment {
 +
     width: 100%;
 
}
 
}
.build-row-help > p {
+
 
     margin: 0;
+
.allratings .rating-vote-comment .right-comment .comment-meta {
 +
     font-size: 14px;
 +
    color: #aaa;
 
}
 
}
.build-row-help > p > span {
+
 
    display: inline-block;
+
.allratings .rating-vote-comment .right-comment .comment-meta .sway-major {
    text-align: center;
 
    border: 1px solid rgba(255,255,255,.13);
 
    border-bottom: 0;
 
    background: rgba(0,0,0,.13);
 
 
     color: #bbb;
 
     color: #bbb;
    padding: .25em 0;
 
 
}
 
}
.build-row-help span.one {
+
 
     width: 25%;
+
.allratings .rating-vote-comment .right-comment .comment-meta>.date {
    margin-left: 2.5em;
+
     color: #ccc;
 
}
 
}
.build-row-help span.two {
+
 
     width: 59.5%;
+
.allratings .rating-vote-comment .right-comment .comment-meta .bullet-user-date {
 +
     margin: 0 .25em;
 
}
 
}
.build-row-help span.three {
+
 
     float: right;
+
.allratings .rating-vote-comment .right-comment .comment {
    width: 8.5%;
+
     padding: 0;
 
}
 
}
  
/* Front Page Temp */
+
.allratings .diff-height-extra-votes {
.builds-intro-pve > div.builds-intro-list {background: rgba(255,244,216,.1);}
+
     height: 1.25em;
.builds-intro-GvG > div.builds-intro-list {
 
     background: rgba(216,227,244,0.1);
 
 
}
 
}
.builds-intro-pvp > div.builds-intro-list {
+
 
     background: rgba(231,220,249,0.1);
+
.allratings .more-comments-link {
 +
     color: #eaeaea;
 +
    transition: color .2s;
 
}
 
}
.builds-intro-list-guardian {
+
 
     background: rgba(235,250,255,0.1);
+
.allratings a.more-comments-link:hover {
 +
     color: #FFF;
 
}
 
}
.builds-intro-list-revenant {
+
 
     background: rgba(232,207,207,0.1);
+
.allratings .more-comments {
 +
    text-align: center;
 +
     border: 1px solid rgba(255, 255, 255, .13);
 +
    padding: .25em .5em;
 +
    transition: background .2s;
 
}
 
}
.builds-intro-list-warrior {
+
 
     background: rgba(255,251,239,0.1);
+
.allratings a.more-comments-link:hover>div {
 +
     background: #666;
 
}
 
}
.builds-intro-list-engineer {
+
 
     background: rgba(255,245,237,0.1);
+
.allratings a.more-comments-link+.extra-votes {
 +
     display: none;
 +
    opacity: 0;
 +
    transition: opacity 1s;
 
}
 
}
.builds-intro-list-ranger {
+
 
     background: rgba(246,255,237,0.1);
+
/* Disqus Threads */
 +
.row.comments {
 +
    max-width: none;
 +
    background-color: #111111;
 +
    padding-top: 1.25em;
 +
     margin-top: 2.5em;
 
}
 
}
.builds-intro-list-thief {
+
 
     background: rgba(231,219,219,0.1);
+
.row.ratings+.row.comments {
 +
     background-color: #111111;
 +
    margin-top: 0;
 
}
 
}
.builds-intro-list-elementalist {
+
 
     background: rgba(255,230,230,0.1);
+
.row.ratings+.row.comments+footer.row, .row.comments+footer.row {
 +
    max-width: none;
 +
     margin: 0;
 
}
 
}
.builds-intro-list-mesmer {
+
 
     background: rgba(255,234,255,0.1);
+
.row.comments+footer.row {
}
+
     background-color: #111111;
.builds-intro-list-necromancer {
+
     color: #aaa;
     background: rgba(235,255,244,0.1);
 
 
}
 
}
  
/* User Login */
+
.row.ratings+.row.comments+footer.row {
#mw-createaccount-join {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);}
+
    background-color: #111111;
#userloginForm .mw-ui-vform {
+
     color: #aaa;
     width: 45%;
 
 
}
 
}
#mw-createaccount-cta {margin-left: 0%; width: 100%}
 
  
pre {
+
.row.comments+footer.row>#footer {
     font-family: monospace !important;
+
     max-width: 62.5em;
    font-size: 0.95em;
+
     margin: 2em auto 0;
    line-height: 1.3em;
 
    background-color: #1d1d1d;
 
    padding: 1em;
 
     margin: 1em 0px 1em;
 
    word-break: break-all;
 
 
}
 
}
  
/* Specializations */
+
/* PvP Build Rows */
.specialization+p>b:before {background-color: #111;}
+
.build-row {
.specialization {
+
    width: 100%;
  background-color: #eee;
+
    display: flex;
  vertical-align: middle;
+
    flex-direction: row;
  padding: 0;
+
    background-color: rgba(255, 255, 255, .025);
  display: table-cell;
+
    transition: background-color .25s, color .25s;
  display: table;
 
  margin-top: 0px;
 
  border-top: 1px solid #ccc
 
  min-width: 655px;
 
 
}
 
}
.specialization.concise {
+
 
  background-size: 457px !important;
+
.build-row:hover {
 +
    background-color: rgba(255, 255, 255, .1);
 +
    color: #ccc;
 
}
 
}
.specialization:first-child {margin-top: 0em;}
+
 
.specialization > .specoverlay {
+
.build-row * {
  background: rgba(0,0,0,.5);
+
    align-items: center;
 +
    display: flex;
 +
    flex-direction: row;
 
}
 
}
.specialization > .specoverlay:hover {
+
 
  background: rgba(0,0,0,.25);
+
.build-row a, .build-row a:visited {
 +
    color: #d4d4d4;
 +
    transition: color .25s;
 
}
 
}
.specialization > .specoverlay > *  {
+
 
  display: inline-block;
+
.build-row a:hover {
  vertical-align: middle;
+
    color: #f9a916;
 
}
 
}
.specialization > .specoverlay >  .label {
+
 
  width: 222px;
+
.build-row .build-row-icon {
  margin-right: 16px;
+
    align-self: center;
  text-align: center;
+
    justify-content: center;
  /*background: rgba(0,0,0,0.5);*/
+
    text-align: center;
  color: #eee;
+
    margin-right: 10px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 
 
}
 
}
.specialization.concise > .specoverlay > .label {
+
 
  width: 156px;
+
.build-row .top {
 +
    width: 50%;
 +
    justify-content: space-between;
 
}
 
}
.specialization > .specoverlay > .minor {
+
 
  width: 36px;
+
.build-row .bottom {
 +
    justify-content: space-between;
 +
    width: 50%;
 
}
 
}
.specialization.concise > .specoverlay > .minor {
+
 
  display: none;
+
.build-row .title {
 +
    width: 50%;
 
}
 
}
.specialization > .specoverlay > .major {
+
 
  width: 36px;
+
.build-row .title span, .build-row .title span a {
}
+
    width: 100%;
.specialization.concise > .specoverlay > .major {
 
  width: 24px;
 
  padding-left: 12px;
 
}
 
.specialization.concise > .specoverlay > .label + .minor + .line + .major {
 
  padding-left: 0px;
 
 
}
 
}
  
@-webkit-keyframes slp {
+
.build-row .title span a {
  0%    { opacity: 0.75;}
+
    margin-right: 1em;
  50%  {opacity: 1.0;}
+
    padding: .5em 0;
100% {opacity: 0.75;}
+
    white-space: nowrap;
}
+
    overflow: hidden;
.specialization > .specoverlay > .line {
+
    text-overflow: ellipsis;
  padding: 0;
+
    width: 100%;
  margin: 0 -4px;
+
    display: block;
  width: 32px;
+
    font-weight: bold;
  border-top: 3px solid #fff;
 
  position: relative;
 
  -webkit-animation-name: slp;  
 
  -webkit-animation-duration: 2s;
 
  -webkit-animation-iteration-count: 15;
 
  -webkit-animation-timing-function: ease-in-out;
 
}
 
.specialization.concise > .specoverlay > .line {
 
  display: none;
 
}
 
.specialization > .specoverlay > .line.midmid {border-top: 3px solid rgba(255,255,255,.87);}
 
.specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid {
 
  width: 48px;
 
  margin: 0 -12px;
 
 
}
 
}
.specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid {
+
 
  transform: rotate(-40deg);
+
.build-row .skillsntraits {
 +
    justify-content: space-between;
 +
    width: 40%;
 
}
 
}
.specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid {
+
 
  transform: rotate(40deg);
+
.build-row .skills {
 +
    width: 85%;
 +
    justify-content: center;
 
}
 
}
.specialization > .specoverlay > .line.topmid, .specialization > .specoverlay > .line.midtop {
+
 
  top: -26px;
+
.build-row .equipment {
 +
    width: 80%;
 +
    justify-content: space-between;
 
}
 
}
.specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot {
+
 
  top: 26px;
+
.build-row .weaps {
 +
    width: 82.5%;
 +
    justify-content: space-around;
 
}
 
}
.specialization > .specoverlay > .line.midnone, .specialization > .specoverlay > .line.nonemid {visibility: hidden;}
 
  
.specialization.dragonhunter > .specoverlay {background: rgba(0,0,0,.65);}
+
.build-row .weap1, .build-row .weap2 {
.specialization.dragonhunter > .specoverlay:hover {background: rgba(0,0,0,.4);}
+
    width: 42.5%;
.specialization:hover + p > b, .specialization > .specoverlay {transition: background .2s;}
+
    justify-content: space-around;
 +
}
  
/* Specialization Variants */
+
.build-row .equipment .traits {
/* ele */
+
    width: 100%;
.specialization.air + p > b {background: rgb(22, 18, 30);}
+
    justify-content: space-around;
.specialization.air:hover + p > b {background: rgb(37, 27, 49);}
+
    padding-left: 1.5em;
.specialization.arcane + p > b {background: rgb(36, 17, 5);}
+
}
.specialization.arcane:hover + p > b {background: rgb(56, 33, 18);}
 
.specialization.earth + p > b {background: rgb(86, 58, 36);}
 
.specialization.earth:hover + p > b {background: rgb(128, 87, 54);}
 
.specialization.fire + p > b {background: rgb(56, 12, 3);}
 
.specialization.fire:hover + p > b {background: rgb(99, 24, 6);}
 
.specialization.water + p > b {background: rgb(15, 28, 40);}
 
.specialization.water:hover + p > b {background: rgb(23, 48, 66);}
 
.specialization.tempest + p > b {background: rgb(41, 30, 33);}
 
.specialization.tempest:hover + p > b {background: rgb(80, 44, 49);}
 
/* engi */
 
.specialization.alchemy + p > b {background: rgb(27, 19, 18);}
 
.specialization.alchemy:hover + p > b {background: rgb(43, 30, 31);}
 
.specialization.explosives + p > b {background: rgb(34, 22, 19);}
 
.specialization.explosives:hover + p > b {background: rgb(49, 21, 14);}
 
.specialization.firearms + p > b {background: rgb(58, 32, 22);}
 
.specialization.firearms:hover + p > b {background: rgb(84, 48, 35);}
 
.specialization.inventions + p > b {background: rgb(29, 20, 19);}
 
.specialization.inventions:hover + p > b {background: rgb(39, 27, 26);}
 
.specialization.tools + p > b {background: rgb(47, 28, 23);}
 
.specialization.tools:hover + p > b {background: rgb(70, 42, 35);}
 
.specialization.scrapper + p > b {background: rgb(22, 22, 22);}
 
.specialization.scrapper:hover + p > b {background: rgb(29, 31, 29);}
 
/* guard */
 
.specialization.honor + p > b {background: rgb(10, 24, 38);}
 
.specialization.honor:hover + p > b {background: rgb(12, 33, 56);}
 
.specialization.radiance + p > b {background: none; background-image: linear-gradient( to right,rgb(10, 30, 43),rgb(10, 38, 49) );}
 
.specialization.radiance:hover + p > b {background: none; background-image: linear-gradient( to right,rgb(14, 44, 64),rgb(12, 51, 68) );}
 
.specialization.valor + p > b {background: none; background-image: linear-gradient( to right,rgb(11, 38, 55),rgb(8, 26, 33) );}
 
.specialization.valor:hover + p > b {background: none; background-image: linear-gradient( to right,rgb(10, 41, 60),rgb(6, 39, 49) );}
 
.specialization.virtues + p > b {background: rgb(11, 13, 11);}
 
.specialization.virtues:hover + p > b {background: rgb(16, 19, 16);}
 
.specialization.zeal + p > b {background: rgb(3, 20, 21);}
 
.specialization.zeal:hover + p > b {background: rgb(6, 33, 37);}
 
.specialization.dragonhunter + p > b {background: rgb(0, 18, 42);}
 
.specialization.dragonhunter:hover + p > b {background: rgb(0, 29, 69);}
 
/* mesmer */
 
.specialization.chaos + p > b {background: rgb(58, 40, 73);}
 
.specialization.chaos:hover + p > b {background: rgb(87, 57, 105);}
 
.specialization.domination + p > b {background: rgb(21, 0, 16);}
 
.specialization.domination:hover + p > b {background: rgb(41, 1, 12);}
 
.specialization.dueling + p > b {background: rgb(47, 24, 51);}
 
.specialization.dueling:hover + p > b {background: rgb(68, 36, 80);}
 
.specialization.illusions + p > b {background: rgb(30, 24, 48);}
 
.specialization.illusions:hover + p > b {background: rgb(45, 35, 72);}
 
.specialization.inspiration + p > b {background: rgb(21, 4, 44);}
 
.specialization.inspiration:hover + p > b {background: rgb(35, 7, 70);}
 
.specialization.chronomancer + p > b {background: none; background-image: linear-gradient( to right, rgb(68, 49, 79), rgb(86, 51, 96) );}
 
.specialization.chronomancer:hover + p > b {background: none; background-image: linear-gradient( to right, rgb(112, 83, 128), rgb(128, 76, 144) );}
 
/* necromancer */
 
.specialization.blood-magic + p > b {background: rgb(11, 26, 5);}
 
.specialization.blood-magic:hover + p > b {background: rgb(12, 34, 4);}
 
.specialization.curses + p > b {background: rgb(18, 36, 22);}
 
.specialization.curses:hover + p > b {background: rgb(24, 51, 31);}
 
.specialization.death-magic + p > b {background: rgb(21, 43, 25);}
 
.specialization.death-magic:hover + p > b {background: rgb(31, 67, 37);}
 
.specialization.soul-reaping + p > b {background: rgb(1, 5, 1);}
 
.specialization.soul-reaping:hover + p > b {background: rgb(4, 23, 10);}
 
.specialization.spite + p > b {background: rgb(16, 32, 16);}
 
.specialization.spite:hover + p > b {background:rgb(18, 42, 12);}
 
.specialization.reaper + p > b {background: rgb(25, 55, 29);}
 
.specialization.reaper:hover + p > b {background: rgb(37, 82, 43);}
 
/* ranger */
 
.specialization.beastmastery + p > b {background: rgb(4, 6, 0);}
 
.specialization.beastmastery:hover + p > b {background: rgb(20, 44, 23);}
 
.specialization.nature-magic + p > b {background: rgb(21, 20, 12);}
 
.specialization.nature-magic:hover + p > b {background: rgb(45, 44, 23);}
 
.specialization.marksmanship + p > b {background: rgb(25, 20, 3);}
 
.specialization.marksmanship:hover + p > b {background: rgb(37, 30, 4);}
 
.specialization.skirmishing + p > b {background: rgb(15, 17, 11);}
 
.specialization.skirmishing:hover + p > b {background: rgb(23, 25, 16);}
 
.specialization.wilderness-survival + p > b {background: rgb(45, 36, 11);}
 
.specialization.wilderness-survival:hover + p > b {background: rgb(66, 59, 16);}
 
.specialization.druid + p > b {background: rgb(36, 69, 51);}
 
.specialization.druid:hover + p > b {background: rgb(57, 105, 78);}
 
/* revenant */
 
.specialization.corruption + p > b {background: rgb(34, 16, 14);}
 
.specialization.corruption:hover + p > b {background: rgb(56, 27, 26);}
 
.specialization.devastation + p > b {background: rgb(10, 5, 7);}
 
.specialization.devastation:hover + p > b {background: rgb(20, 19, 20);}
 
.specialization.invocation + p > b {background: rgb(7, 19, 23);}
 
.specialization.invocation:hover + p > b {background: rgb(10, 28, 35);}
 
.specialization.retribution + p > b {background: rgb(27, 25, 43);}
 
.specialization.retribution:hover + p > b {background: rgb(37, 33, 56);}
 
.specialization.salvation + p > b {background: rgb(19, 21, 36);}
 
.specialization.salvation:hover + p > b {background: rgb(29, 33, 57);}
 
.specialization.herald + p > b {background: rgb(19, 21, 34);}
 
.specialization.herald:hover + p > b {background: rgb(31, 34, 56);}
 
/* thief */
 
.specialization.acrobatics + p > b {background: rgb(23, 7, 7);}
 
.specialization.acrobatics:hover + p > b {background: rgb(35, 11, 10);}
 
.specialization.critical-strikes + p > b {background: rgb(0, 0, 0);}
 
.specialization.critical-strikes:hover + p > b {background: rgb(35, 11, 10);}
 
.specialization.deadly-arts + p > b {background: rgb(52, 15, 11);}
 
.specialization.deadly-arts:hover + p > b {background: rgb(76, 23, 20);}
 
.specialization.shadow-arts + p > b {background: rgb(32, 11, 11);}
 
.specialization.shadow-arts:hover + p > b {background: rgb(41, 14, 16);}
 
.specialization.trickery + p > b {background: rgb(32, 7, 7);}
 
.specialization.trickery:hover + p > b {background: rgb(47, 11, 10);}
 
.specialization.daredevil + p > b {background: rgb(18, 8, 7);}
 
.specialization.daredevil:hover + p > b {background: rgb(26, 12, 10);}
 
/* warrior */
 
.specialization.arms + p > b {background: rgb(51, 31, 23);}
 
.specialization.arms:hover + p > b {background: rgb(76, 47, 35);}
 
.specialization.defense + p > b {background: rgb(27, 20, 5);}
 
.specialization.defense:hover + p > b {background: rgb(45, 31, 10);}
 
.specialization.discipline + p > b {background: rgb(53, 28, 16);}
 
.specialization.discipline:hover + p > b {background: rgb(80, 42, 24);}
 
.specialization.strength + p > b {background: rgb(21, 18, 8);}
 
.specialization.strength:hover + p > b {background: rgb(32, 29, 16);}
 
.specialization.tactics + p > b {background: rgb(56, 36, 15);}
 
.specialization.tactics:hover + p > b {background: rgb(82, 54, 23);}
 
.specialization.berserker + p > b {background: rgb(37, 23, 15);}
 
.specialization.berserker:hover + p > b {background: rgb(70, 45, 29);}
 
  
/* Specialization Line Colors */
+
.build-row .equipment .traits i {
/* ele */
+
    margin-right: .25em;
.specialization.air > .specoverlay > .line {border-color: rgb(243, 188, 255);}
+
    font-size: .75em;
.specialization.arcane > .specoverlay > .line {border-color: rgb(192, 181, 255);}
+
}
.specialization.earth > .specoverlay > .line {border-color: rgb(255, 232, 188);}
 
.specialization.fire > .specoverlay > .line {border-color: rgb(255, 214, 171);}
 
.specialization.water > .specoverlay > .line {border-color: rgb(190, 226, 230);}
 
.specialization.tempest > .specoverlay > .line {border-color: rgb(165, 210, 255);}
 
/* engi */
 
.specialization.alchemy > .specoverlay > .line, .specialization.explosives > .specoverlay > .line, .specialization.firearms > .specoverlay > .line, .specialization.inventions > .specoverlay > .line, .specialization.tools > .specoverlay > .line, .specialization.scrapper > .specoverlay > .line {border-color: rgb(255, 208, 193);}
 
/* guard */
 
.specialization.honor > .specoverlay > .line, .specialization.radiance > .specoverlay > .line, .specialization.valor > .specoverlay > .line, .specialization.virtues > .specoverlay > .line, .specialization.zeal > .specoverlay > .line, .specialization.dragonhunter > .specoverlay > .line {border-color: rgb(186, 255, 254);}
 
/* mesmer */
 
.specialization.chaos > .specoverlay > .line, .specialization.domination > .specoverlay > .line, .specialization.dueling > .specoverlay > .line, .specialization.illusions > .specoverlay > .line, .specialization.inspiration > .specoverlay > .line, .specialization.chronomancer > .specoverlay > .line {border-color: rgb(246, 179, 255);}
 
/* necromancer */
 
.specialization.blood-magic > .specoverlay > .line {border-color: rgb(236, 255, 187);}
 
.specialization.curses > .specoverlay > .line {border-color: rgb(98, 236, 159);}
 
.specialization.death-magic > .specoverlay > .line {border-color: rgb(103, 226, 171);}
 
.specialization.soul-reaping > .specoverlay > .line {border-color: rgb(154, 253, 165);}
 
.specialization.spite > .specoverlay > .line {border-color: rgb(154, 253, 165);}
 
.specialization.reaper > .specoverlay > .line {border-color: rgb(161, 232, 147);}
 
/* ranger */
 
.specialization.beastmastery > .specoverlay > .line {border-color: rgb(250, 255, 185);}
 
.specialization.nature-magic > .specoverlay > .line {border-color: rgb(221, 255, 186);}
 
.specialization.marksmanship > .specoverlay > .line {border-color: rgb(255, 240, 186);}
 
.specialization.skirmishing > .specoverlay > .line {border-color: rgb(217, 255, 184);}
 
.specialization.wilderness-survival > .specoverlay > .line {border-color: rgb(157, 216, 174);}
 
.specialization.druid > .specoverlay > .line {border-color: rgb(255, 240, 184);}
 
/* revenant */
 
.specialization.corruption > .specoverlay > .line, .specialization.devastation > .specoverlay > .line, .specialization.invocation > .specoverlay > .line, .specialization.retribution > .specoverlay > .line, .specialization.salvation > .specoverlay > .line, .specialization.herald > .specoverlay > .line {border-color: rgb(255, 197, 184);}
 
/* thief */
 
.specialization.acrobatics > .specoverlay > .line, .specialization.critical-strikes > .specoverlay > .line, .specialization.deadly-arts > .specoverlay > .line, .specialization.shadow-arts > .specoverlay > .line, .specialization.trickery > .specoverlay > .line {border-color: rgb(199, 100, 59);}
 
.specialization.daredevil > .specoverlay > .line {border-color: rgb(177, 96, 51);}
 
/* warrior */
 
.specialization.arms > .specoverlay > .line, .specialization.defense > .specoverlay > .line, .specialization.discipline > .specoverlay > .line, .specialization.strength > .specoverlay > .line, .specialization.tactics > .specoverlay > .line, .specialization.berserker > .specoverlay > .line {border-color: rgb(255, 223, 174);}
 
  
/* Equipment */
+
.build-row .equipment .traits span {
.weapon-sets .weapon1, .weapon-sets .weapon2, .weapon-sets .sigil1, .weapon-sets .sigil2 {background: #333;}
+
    width: 33%;
.armor-upgrades + p > b {margin-top: 1em; display: inline-block;}
+
    justify-content: center;
 
+
}
/* Skillbar */
 
.empty-skill-slot {background: #333;}
 
.mesmer-mechanics > .profession-mechanic-ui-mesmer, .profession-mechanic-ui-revenant {display: none;}
 
/*.profession-mechanic-ui-revenant > div:nth-child(2){ background-image: url('//metabattle.com/wiki/images/5/5c/Revenant_bar_%28darksilver%29.png'); }*/
 
.profession-mechanic-ui-necromancer {background-color: #145E16; border: 1px solid rgba(0, 0, 0, 0.87);} /* color is transparent in game, using icon colors to match similar */
 
.profession-mechanic-ui-warrior > div {border: 1px solid rgba(0, 0, 0, 0.87);}
 
.profession-mechanic-ui-warrior > div:nth-child(1) {background: linear-gradient(to right,#e8d799,#d19d3f);}
 
.profession-mechanic-ui-warrior > div:nth-child(2) {background: linear-gradient(to right,#d68b2b,#c96518);}
 
.profession-mechanic-ui-warrior > div:nth-child(3) {background: linear-gradient(to right,#c35611,#b33811);}
 
.profession-mechanic-ui-berserker {background-color: #fdb845; border: 1px solid rgba(0, 0, 0, 0.87);} /* in game closest representation is actually #fdd652, but that's too bright for this theme */
 
  
/* Rating Box */
+
.build-row .weap1, .build-row .weap2, .build-row .equipment .traits span {
.designed-for a, .designed-for a:visited, .rating-build-focus a, .rating-build-focus a:visited {color: inherit;}
+
    font-size: .75em;
 +
}
  
/* Ratings */
+
.build-row .community {
.rating > .bar {background: rgba(255,255,255,.1);}
+
    width: 20%;
.rating > .bar > .upvotes {background-color: #3E7CCE;}
+
    justify-content: space-around;
.accordNext {background-color: #333; margin: 10px 0px;}
+
    padding-left: .5em;
.accordNext:hover {opacity:.5;}
+
}
fieldset.userratebox #checkboxHeart {margin: 0;}
 
fieldset.userratebox textarea {display: block; width: 100%; margin: 0;}
 
fieldset.userratebox #textareaCharactersLeft {background: none; border: 0;}
 
  
/* Build Cards */
+
.build-row .rating a {
.build-card-c {display: flex; flex-wrap: wrap;}
+
     width: 32px;
.build-card {
+
     height: 32px;
    min-width: 250px;
+
     border: 2px solid rgba(107, 107, 107, 0);
     width: 30%;
+
     background: none;
    padding: .25% .75% .75%;
+
    color: #fff;
     margin: .75%;
 
     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 
     background: #333;
 
 
}
 
}
.build-card .icons, .build-card .weaps span, .build-card img {opacity: 0.1; transition: opacity .2s; display: inline-block;}
 
.build-card .weap2 {background: rgba(0,0,0,0); transition: background .2s;}
 
.build-card:hover .icons, .build-card:hover .weaps span, .build-card:hover img {opacity: 1;}
 
.build-card:hover .weap2 {background: rgba(0,0,0,.13);}/*rgba(39, 27, 26, 1);*/
 
  
.build-card.elementalist:hover {background: rgb(34, 42, 51);}
+
.build-card-h.draft+.build-card-c .build-row .rating {
.build-card.elementalist {background: rgba(34, 42, 51, .87);}
+
    display: none;
.build-card.engineer:hover {background: rgb(51, 37, 34);}
+
}
.build-card.engineer {background: rgba(51, 37, 34, .87);}
 
.build-card.guardian:hover {background: rgb(34, 51, 47);}
 
.build-card.guardian {background: rgba(34, 51, 47, .87);}
 
.build-card.mesmer:hover {background: rgb(47, 34, 51);}
 
.build-card.mesmer {background: rgba(47, 34, 51, .87);}
 
.build-card.necromancer:hover {background: rgb(34, 51, 37);}
 
.build-card.necromancer {background: rgba(34, 51, 37, .87);}
 
.build-card.ranger:hover {background: rgb(42, 51, 34);}
 
.build-card.ranger {background: rgba(42, 51, 34, .87);}
 
.build-card.revenant:hover {background: rgb(37, 34, 51);}
 
.build-card.revenant {background: rgba(37, 34, 51, .87);}
 
.build-card.thief:hover {background: rgb(51, 34, 42);}
 
.build-card.thief {background: rgba(51, 34, 42, .87);}
 
.build-card.warrior:hover {background: rgb(51, 47, 34);}
 
.build-card.warrior {background: rgba(51, 47, 34, .87);}
 
  
.build-card-pve {
+
.build-row .rating a>div {
     min-width: 225px;
+
     text-align: center;
     width: 23%;
+
    display: block;
 +
     width: 100%;
 
}
 
}
.build-card-h {
+
 
  font-size: 1.25em;
+
.build-row .rating.fivestars a {
  background: #1d1d1d;
+
    background: #223e39;
  color: #fff;
+
    border: 2px solid #345e57;
  padding: 5px 10px;
 
  margin: 10px 0px;
 
  font-weight: bold;
 
 
}
 
}
.build-card-h.test {
+
 
  border-top: none;
+
.build-row .rating.fourstars a {
  margin-top: 10px;
+
     background: #264527;
}
+
     border: 2px solid #3e703f;
.build-card > .title {font-weight: bold; display: flex; justify-content: space-around;}
 
.build-card > .title img {
 
     opacity: 0.6;
 
}
 
.build-card > .title img, .build-card > .title > span, .build-card .icons {align-self: center;}
 
.build-card > .title > span {
 
     white-space: nowrap;
 
    text-overflow: ellipsis;
 
    overflow: hidden;
 
    margin: 0 .25em;
 
 
}
 
}
  
.build-card > .title > span > a {
+
.build-row .rating.threestars a {
  color: inherit;
+
    background: #4e5222;
  transition: color .2s;
+
    border: 2px solid #857c37;
}
 
.build-card > .title > span > a:hover {
 
  color: #fff;
 
 
}
 
}
  
.build-card .icons {
+
.build-row .rating.twostars a {
     display: inline-block;
+
     background: #53401c;
     float: right;
+
     border: 2px solid #7c5824;
 
}
 
}
.build-card .weaps {
+
 
     display: flex;
+
.build-row .rating.onestar a {
    margin: .25em 0 .5em;
+
     background: #401d12;
     justify-content: space-around;
+
     border: 2px solid #59291a;
 
}
 
}
.build-card .weap1, .build-card .weap2 {
+
 
     display: inline-block;
+
.build-row .rating.zerostars a {
     padding: 0 0 0 1%;
+
     background: #401d12;
 +
     border: 2px solid #59291a;
 
}
 
}
.build-card .weap1 {
+
 
     padding-right: 0%; /* was 2% */
+
.build-row .rating.NA a {
 +
     color: #fff !important;
 +
    border: 2px solid #909090;
 +
    background: #545454;
 
}
 
}
.build-card .weaps > div > span:first-child {
+
 
    font-size: .825em;
+
.build-row .community .comments span.wraplinkint:before {
    padding-right: 4%;
+
     content: "\f075";
}
+
     display: inline-block;
.build-card .weaps > div > span > img {width: 16px !important;}
 
.build-card .sra > div, .build-card .racont > div {display: inline-block;}
 
.build-card .sra {
 
     display: flex;
 
    justify-content: space-between;
 
    justify-content: space-around;
 
}
 
.build-card.build-card-pve .sra {margin-top: .25em;}
 
.build-card .sra .mbhoveron img, .build-card .skills > a > img {
 
     width: 32px; /* as a min, 36 is nice for usual perhaps */
 
}
 
 
 
.build-card-pve .sra .mbhoveron img, .build-card-pve .skills > a > img {width: 42px;}
 
 
 
/* WikiEditor */
 
.wikiEditor-toolbar-spritedButton {
 
        display: inline-block;
 
        background-image: none;
 
        height: inherit;
 
        width: 2em;
 
        padding: 0;
 
        font: normal normal normal 14px/1 FontAwesome;
 
    font-size: inherit;
 
    text-rendering: auto;
 
    -webkit-font-smoothing: antialiased;
 
    color: rgba(255,255,255,0.8);
 
        overflow:hidden;
 
        white-space: nowrap;
 
}
 
.wikiEditor-toolbar-spritedButton:hover, .wikiEditor-ui-toolbar .tabs span.tab a:hover, #wikiEditor-section-advanced .group-heading a:hover {color: rgba(255,255,255,1);}
 
a.wikiEditor-toolbar-spritedButton:before {float: left; text-indent: 0; min-width: 1.5em; text-align: center; line-height: 1.5em;}
 
.wikiEditor-ui-toolbar span.tab-advanced a:before, .wikiEditor-ui-toolbar span.tab-characters a:before, .wikiEditor-ui-toolbar span.tab-help a:before, .wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, .wikiEditor-ui-toolbar .group .tool-select:before,  #wikiEditor-section-advanced a:before, #wikiEditor-section-advanced .group-heading a:after {
 
 
     font: normal normal normal 14px/1 FontAwesome;
 
     font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
 
 
     text-rendering: auto;
 
     text-rendering: auto;
 
     -webkit-font-smoothing: antialiased;
 
     -webkit-font-smoothing: antialiased;
     width: 32px;
+
     font-size: .85em;
    text-align: right;
 
 
     margin-right: .25em;
 
     margin-right: .25em;
    line-height: 1.5em;
 
 
}
 
}
.wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading a:after {margin-right: 0; margin-left: .5em;}
 
.group-format > a[title="Bold"]:before {content: "\f032";}
 
.group-format > a[title="Italic"]:before {content: "\f033";}
 
#wikiEditor-section-advanced .group-heading > div > a:before {content: "\f1dc";}
 
#wikiEditor-section-advanced a[title="Bulleted list"]:before {content: "\f0ca";}
 
#wikiEditor-section-advanced a[title="Numbered list"]:before {content: "\f0cb";}
 
#wikiEditor-section-advanced a[title="No wiki formatting"]:before {content: "\f121";}
 
#wikiEditor-section-advanced a[title="New line"]:before {content: "\f1dd";}
 
#wikiEditor-section-advanced a[title="Big"]:before {content: "\f207";}
 
#wikiEditor-section-advanced a[title="Small"]:before {content: "\f206";}
 
#wikiEditor-section-advanced a[title="Superscript"]:before {content: "\f12b";}
 
#wikiEditor-section-advanced a[title="Subscript"]:before {content: "\f12c";}
 
#wikiEditor-section-advanced a[title="Picture gallery"]:before {content: "\f00a";}
 
#wikiEditor-section-advanced a[title="Redirect"]:before {content: "\f064";}
 
#wikiEditor-section-advanced a[title="Table"]:before {content: "\f0ce";}
 
#wikiEditor-section-advanced a[title="Search and replace"]:before {content: "\f0ea";}
 
.group-insert > a[title="Signature and timestamp"]:before {content: "\f1fc";}
 
.group-insert > a[title="Link"]:before {content: "\f0c1";}
 
.group-insert > a[title="Embedded file"]:before {content: "\f03e";}
 
.group-insert > a[title="Reference"]:before {content: "\f022";}
 
.wikiEditor-ui-toolbar .group-search {float: left;}
 
#wikiEditor-section-advanced .group-heading a {background-image: none; color: rgba(255,255,255,0.8);}
 
.wikiEditor-ui-toolbar .group .tool-select {border: 0; background: none; height: inherit; margin: 0;}
 
.wikiEditor-ui-toolbar .group .tool-select .menu .options {background: #333; border: 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); margin-top: 1.5em;}
 
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {background: rgba(255,255,255,.1);}
 
.toolbar.section-advanced .group > span:first-child {display: none;}
 
.toolbar > .group {border: 0px; margin-right: 1.5em;}
 
.toolbar > .group:last-child {margin-right: 0em;}
 
.wikiEditor-ui-toolbar span.tab-advanced a:before{content: "\f15c";}
 
.wikiEditor-ui-toolbar span.tab-characters a:before{content: "\f1ab";}
 
.wikiEditor-ui-toolbar span.tab-help a:before{content: "\f02d";}
 
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {background-image: none;}
 
.wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading > div > a:after {content: "\f0d7";}
 
.wikiEditor-ui, .wikiEditor-ui-controls, .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div {background-color: transparent;}
 
.wikiEditor-ui,  .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div, .wikiEditor-ui-tabs div.current, .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui-controls, .wikiEditor-ui-toolbar .sections .section {border: 0;}
 
.wikiEditor-ui textarea#wpTextbox1 {padding: 1em;}
 
.wikiEditor-preview-contents {background-color: #222;}
 
.wikiEditor-preview-contents > *:first-child:before {border: 0;}
 
.wikiEditor-ui-tabs {margin-left: 0px;}
 
.wikiEditor-ui-tabs div {margin-right: 1em;}
 
.wikiEditor-ui-tabs div:last-child {margin-right: 0em;}
 
.wikiEditor-ui-tabs div.current, .wikiEditor-ui-toolbar, .wikiEditor-ui-toolbar .sections .section {background-color: #333; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);}
 
.wikiEditor-ui-toolbar {background-image: none; }
 
.wikiEditor-ui-tabs div a {color: rgba(255,255,255,0.8)}
 
.wikiEditor-ui-tabs div a, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index div {color: rgba(255,255,255,1)}
 
.wikiEditor-ui-tabs div.current a {color: #fff;}
 
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {color: rgba(255,255,255,0.8);}
 
.wikiEditor-ui-toolbar .group .label {color: #bbb;}
 
/*.wikiEditor-ui-toolbar .sections, .wikiEditor-ui-toolbar .booklet .index, .wikiEditor-ui-toolbar .booklet .pages {height: 250px;}*/
 
.wikiEditor-ui-toolbar .booklet .index div:hover {background: rgba(255,255,255,0.1);}
 
.wikiEditor-ui-toolbar .booklet .index div.current:hover {background: #fafafa; color: #333;}
 
.wikiEditor-ui-toolbar .booklet .index {direction: rtl;}
 
.wikiEditor-ui-toolbar .page-table table {box-shadow: none;}
 
.wikiEditor-ui-toolbar .page-characters div span {height: inherit;}
 
div#content td.cell.cell-result h1, div#content td.cell.cell-result h2, div#content td.cell.cell-result h3, div#content td.cell.cell-result h4, div#content td.cell.cell-result h5, div#content td.cell.cell-result h6 {color: #333; margin: 0;}
 
div#content td.cell.cell-result h2 {margin-top: -1em;}
 
.wikiEditor-preview-loading {background-color: none;}
 
.wikiEditor-preview-loading span {color: #bbb;}
 
#wikiEditor-0-preview-dialog .wikiEditor-ui-loading {background-color: none;}
 
.wikiEditor-publish-dialog-summary label {color: #333;}
 
#wikiEditor-0-dialog label {color: #333;}
 
.ui-widget-header {border: 0; background-color: #333; color: #bbb;}
 
  
 +
.build-row .medal-icon>img {
 +
    max-width: unset;
 +
    height: unset;
 +
}
  
 +
/* New Front Page */
 +
div.chobo {
 +
    margin-bottom: 1.5em;
 +
}
  
/* Scrollbars in Chrome */ 
+
a>div>div.new-player-portal {
::-webkit-scrollbar {
+
    text-align: center;
     width: 12px;
+
    border: 1px solid rgba(255, 255, 255, .1);
 +
    padding: .5em .5em;
 +
    color: #d4d4d4;
 +
     transition: color .2s, background .2s;
 
}
 
}
::-webkit-scrollbar {
+
 
     width: 10px;
+
a:hover>div>div.new-player-portal {
     background: transparent;
+
     color: #fff;
 +
     background: #555;
 
}
 
}
::-webkit-scrollbar-thumb {
+
 
     background-color: rgb(204, 204, 204);
+
.choosewrap {
 +
    display: flex;
 +
     margin: 2em 0 1em;
 
}
 
}
::-webkit-scrollbar-thumb {
+
 
     background-color: #333;
+
.chooser {
    border-radius: 6px;
+
     width: 50%;
    margin: 1px;
 
    /*border: 2px solid #000;*/
 
    min-height: 50px;
 
 
}
 
}
::-webkit-scrollbar-thumb {
+
 
     background-color: rgba(100,100,100, 0.8); /* was #cbcbcb;*/
+
.chooser>div {
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
     background-size: 100% auto;
 +
    width: 100%;
 +
    min-width: 250px;
 +
    min-height: 330px;
 
}
 
}
::-webkit-scrollbar-track {
+
 
    background: #000;
+
.by-profession {
}
+
     background: url("//metabattle.com/wiki/images/5/58/Profession-Transparent.png") no-repeat center center;
::-webkit-scrollbar-track {
 
     background: transparent;
 
}
 
textarea::-webkit-scrollbar-thumb {
 
  background-color: #333;
 
 
}
 
}
  
/* Mobile Devices Fixes */
+
.by-game-mode {
/* Portrait */
+
    background: url("//metabattle.com/wiki/images/3/37/Game-Mode-Transparent.png") no-repeat center center;
@media only screen
 
  and (max-device-width: 1000px)
 
{
 
.choosewrap {flex-wrap: wrap; font-size: .75em;}
 
.chooser {width: 85vw;}
 
 
 
.build-row {flex-wrap: wrap;}
 
.build-row .top, .build-row .bottom {width: 100%;}
 
.build-row .title span a {
 
    padding: .75em 0 .5em;
 
    margin-bottom: .25em;
 
 
}
 
}
.build-row .bottom {padding-bottom: .75em;}
 
.build-row {margin-bottom: 1.5em; background-color: rgba(255,255,255,.1);}
 
.build-row .build-row-icon {width: 5%; margin-bottom: .25em;}
 
.build-row .title {width: 45%;}
 
.build-row .skillsntraits {width: 50%}
 
 
.rating-box {display: inline-block; width: 100%; padding: 10px;position:relative;}
 
.rating-box-l {float: left;position:absolute; bottom:10px;right:10px;}
 
.rating-box-r {width: 100%;}
 
.specialization > .specoverlay > .label {font-size: .66em; width: 4.5em; margin: 0;}
 
.specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid {width: 24px; margin: 0 -8px;}
 
.specialization > .specoverlay > .line {margin: 0 -8px; width: 24px;}
 
.specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot {top: 20px;}
 
.specialization > .specoverlay > .line.topmid, .specialization > .specoverlay > .line.midtop {top: -16px;}
 
.specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid {transform: rotate(-42.5deg);}
 
.specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid {transform: rotate(37.5deg);}
 
.specialization > .specoverlay {width: 100%}
 
  
 +
.chooser>.title {
 +
    min-height: inherit;
 +
    font-size: 1.25em;
 +
    font-weight: bold;
 +
    color: #fff;
 
}
 
}
  
.front-title { text-align: center; font-weight: bold; font-size: 1.75em; color: #fff;}
+
.chooser>div>div.wrap {
 
+
    display: flex;
.advert {width: 100%; max-height: 305px;}
+
    flex-wrap: wrap;
 
+
    justify-content: center;
.wrap2{
+
    position: relative;
position: fixed;
 
top: 0;
 
left: 50%;
 
margin-left: -825px;
 
}
 
.ads2{
 
position: absolute;
 
top: 60px;
 
width: 300px;
 
height: 600px;
 
background-color: #171A21;
 
}.left2{
 
left: 0px;
 
}.right2{
 
left: 1350px;
 
 
}
 
}
  
#catlinks {display: none;}
+
.by-profession>div.wrap {
 +
    width: 422px;
 +
    height: 252px;
 +
    top: -18px;
 +
    left: -1px;
 +
}
  
/* Shh... */
+
.by-game-mode>div.wrap {
 +
    width: 417px;
 +
    height: 252px;
 +
    top: -18px;
 +
    left: -2px;
 +
}
  
.frontpage-row {
+
.wrap>a {
     width: 100%;
+
     width: 33%;
     padding: 10px 10px 10px 15px;
+
     height: 33.33333%;
    color: #fff;
 
    background-color: rgba(255,255,255,.025);
 
    transition: background-color .25s, color .25s;
 
 
     display: flex;
 
     display: flex;
     align-items: center;
+
     justify-content: center;
     text-shadow: 2px 1px #000;
+
     color: #f5f5f5;
     font-weight: bold;
+
    background: rgba(0, 0, 0, .5);
 +
     transition: background .2s;
 
}
 
}
.frontpage-row:hover {
+
 
     background-color: rgba(255,255,255,.1);
+
.by-game-mode .wrap>a {
     color: #f9a916;
+
     width: 50%;
 +
     height: 50%;
 
}
 
}
.frontpage-img{margin-right: 15px}
 
  
.front-elementalist{
+
.wrap>a:hover {
background-image: url("//metabattle.com/wiki/images/e/e0/Ele_fp.png")!important;
+
    background: rgba(255, 255, 255, .13);
background-repeat: no-repeat;
+
    color: #FFF;
 
}
 
}
.front-engineer{
+
 
background-image: url("//metabattle.com/wiki/images/c/cf/Eng_fp.png")!important;
+
.wrap>a>div {
background-repeat: no-repeat;
+
    align-self: center;
 
}
 
}
.front-guardian{
+
 
background-image: url("//metabattle.com/wiki/images/4/43/Guard_fp.png")!important;
+
.build-row-help {
background-repeat: no-repeat;
+
    margin-top: 1em;
 
}
 
}
.front-mesmer{
+
 
background-image: url("//metabattle.com/wiki/images/4/4d/Mes_fp.png")!important;
+
.build-row-help>p {
background-repeat: no-repeat;
+
    margin: 0;
 
}
 
}
.front-necromancer{
+
 
background-image: url("//metabattle.com/wiki/images/c/c0/Nec_fp.png")!important;
+
.build-row-help>p>span {
background-repeat: no-repeat;
+
    display: inline-block;
 +
    text-align: center;
 +
    border: 1px solid rgba(255, 255, 255, .13);
 +
    border-bottom: 0;
 +
    background: rgba(0, 0, 0, .13);
 +
    color: #bbb;
 +
    padding: .25em 0;
 
}
 
}
.front-ranger{
+
 
background-image: url("//metabattle.com/wiki/images/e/e9/Rang_fp.png")!important;
+
.build-row-help span.one {
background-repeat: no-repeat;
+
    width: 25%;
 +
    margin-left: 2.5em;
 
}
 
}
.front-revenant{
+
 
background-image: url("//metabattle.com/wiki/images/5/58/Rev_fp.png")!important;
+
.build-row-help span.two {
background-repeat: no-repeat;
+
    width: 59.5%;
 
}
 
}
.front-thief{
+
 
background-image: url("//metabattle.com/wiki/images/1/1e/Thief_fp.png")!important;
+
.build-row-help span.three {
background-repeat: no-repeat;
+
    float: right;
 +
    width: 8.5%;
 
}
 
}
.front-warrior{
+
 
background-image: url("//metabattle.com/wiki/images/7/7f/War_fp.png")!important;
+
/* Front Page Temp */
background-repeat: no-repeat;
+
.builds-intro-pve>div.builds-intro-list {
 +
    background: rgba(255, 244, 216, .1);
 
}
 
}
.front-wvw{
+
 
background-image: url("//metabattle.com/wiki/images/3/3d/Wvw_fp.png")!important;
+
.builds-intro-GvG>div.builds-intro-list {
background-repeat: no-repeat;
+
    background: rgba(216, 227, 244, 0.1);
 
}
 
}
.front-raid{
+
 
background-image: url("//metabattle.com/wiki/images/2/26/Raid_fp.png")!important;
+
.builds-intro-pvp>div.builds-intro-list {
background-repeat: no-repeat;
+
    background: rgba(231, 220, 249, 0.1);
 
}
 
}
.front-fractal{
+
 
background-image: url("//metabattle.com/wiki/images/7/70/Fractal_fp.png")!important;
+
.builds-intro-list-guardian {
background-repeat: no-repeat;
+
    background: rgba(235, 250, 255, 0.1);
 
}
 
}
.front-pvp{
+
 
background-image: url("//metabattle.com/wiki/images/8/87/Pvp_fp.png")!important;
+
.builds-intro-list-revenant {
background-repeat: no-repeat;
+
    background: rgba(232, 207, 207, 0.1);
 
}
 
}
.front-openworld{
+
 
background-image: url("//metabattle.com/wiki/images/5/5b/Openworld_fp.png")!important;
+
.builds-intro-list-warrior {
background-repeat: no-repeat;
+
    background: rgba(255, 251, 239, 0.1);
 
}
 
}
.color-fix > a {
+
 
color: #f9a916 !important;
+
.builds-intro-list-engineer {
}
+
    background: rgba(255, 245, 237, 0.1);
.color-fix > a:hover {
 
opacity: .5;
 
}
 
.quickbrowse {
 
float:right;
 
}
 
.quickbrowse-link {
 
margin-left: auto;
 
margin-right: 0;
 
 
}
 
}
  
.quickbrowse-link > a:hover {
+
.builds-intro-list-ranger {
color: #fff;
+
    background: rgba(246, 255, 237, 0.1);
 
}
 
}
  
.remove-purchase input[type=text] {
+
.builds-intro-list-thief {
background-color: #fff;
+
    background: rgba(231, 219, 219, 0.1);
padding: 22px;
 
color: #111;
 
 
}
 
}
  
.remove-purchase input[type=submit] {
+
.builds-intro-list-elementalist {
background-color: #5da423;
+
    background: rgba(255, 230, 230, 0.1);
padding: 10px;
 
border: none;
 
color: #fff;
 
 
}
 
}
  
.remove-purchase input[type=submit]:hover {
+
.builds-intro-list-mesmer {
background-color: #315d0e;
+
    background: rgba(255, 234, 255, 0.1);
border: none;
 
 
}
 
}
  
.msg-box-success {
+
.builds-intro-list-necromancer {
width: 100%;
+
    background: rgba(235, 255, 244, 0.1);
padding: 12px 20px;
 
color: #155724;
 
background-color: #c3e6cb;
 
margin: 15px 0px;
 
 
}
 
}
  
.msg-box-error {
+
/* User Login */
width: 100%;
+
#mw-createaccount-join {
padding: 12px 20px;
+
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
color: #721c24;
 
background-color: #f5c6cb;
 
margin: 15px 0px;
 
 
}
 
}
  
.msg-box-warning { margin: 15px 0px; }
+
#userloginForm .mw-ui-vform {
 
+
    width: 45%;
.label {
 
padding: 0px;
 
font-size: inherit;
 
background-color: transparent;
 
 
}
 
}
  
ul, ol, dl { font-size: 14px }
+
#mw-createaccount-cta {
div.mw-warning-with-logexcerpt { padding: 10px; margin-bottom: 10px }
+
    margin-left: 0%;
.toctitle > h2 { margin-top: 0px!important }
+
    width: 100%
 
 
.guide-card {
 
background-repeat: no-repeat;
 
padding: 7px 10px;
 
width: 100%;
 
background-color: rgba(255,255,255,.025);
 
transition: background-color .25s,color .25s;
 
border-bottom: 2px solid #111;
 
 
}
 
}
  
.guide-card a {
+
pre {
color: #f9a916;
+
    font-family: monospace !important;
transition: color .25s;
+
    font-size: 0.95em;
font-weight: bold;
+
    line-height: 1.3em;
 +
    background-color: #1d1d1d;
 +
    padding: 1em;
 +
    margin: 1em 0px 1em;
 +
    word-break: break-all;
 
}
 
}
  
.guide-card a:hover {
+
/* Specializations */
color: #fff;
+
.specialization+p>b:before {
 +
    background-color: #111;
 
}
 
}
  
.guide-card:hover {
+
.specialization {
background-color: rgba(255,255,255,.1);
+
    background-color: #eee;
 +
    vertical-align: middle;
 +
    padding: 0;
 +
    display: table-cell;
 +
    display: table;
 +
    margin-top: 0px;
 +
    border-top: 1px solid #ccc min-width: 655px;
 
}
 
}
  
.sticky {
+
.specialization.concise {
  position: sticky!important;
+
    background-size: 457px !important;
  top: 87px;
 
 
}
 
}
  
.mw-search-profile-tabs {
+
.specialization:first-child {
background-color: #1d1d1d;
+
    margin-top: 0em;
border: none;
 
border-bottom: 2px solid #111;
 
 
}
 
}
  
#mw-searchoptions {
+
.specialization>.specoverlay {
background-color: #1d1d1d;
+
    background: rgba(0, 0, 0, .5);
border: none;
 
 
}
 
}
  
#mw-searchoptions .divider {
+
.specialization>.specoverlay:hover {
border-bottom: 1px solid #111;
+
    background: rgba(0, 0, 0, .25);
 
}
 
}
  
.search-types .current a {
+
.specialization>.specoverlay>* {
color: #f9a916;
+
    display: inline-block;
font-weight: bold;
+
    vertical-align: middle;
 
}
 
}
  
#mw-search-togglenone, #mw-search-toggleall {
+
.specialization>.specoverlay>.label {
border: none;
+
    width: 222px;
color: #111;
+
    margin-right: 16px;
background: #f9a916;
+
    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;
 
}
 
}
  
.prefsection table, .prefsection legend {
+
.specialization.concise>.specoverlay>.label {
background: #1d1d1d;
+
    width: 156px;
 
}
 
}
  
fieldset, .mw-prefs-buttons {
+
.specialization>.specoverlay>.minor {
background: #1d1d1d;
+
    width: 36px;
 
}
 
}
  
.userratebox {
+
.specialization.concise>.specoverlay>.minor {
background: #111;
+
    display: none;
 
}
 
}
  
button.radius, .button.radius {
+
.specialization>.specoverlay>.major {
border-radius: 0px;
+
    width: 36px;
 
}
 
}
  
button.small, .button.small {
+
.specialization.concise>.specoverlay>.major {
padding: 10px 20px;
+
    width: 24px;
 +
    padding-left: 12px;
 
}
 
}
  
.section-revised {
+
.specialization.concise>.specoverlay>.label+.minor+.line+.major {
color: #fff;
+
    padding-left: 0px;
padding: 5px 10px;
 
background: #264527;
 
border: 2px solid #3e703f;
 
width: -webkit-fit-content;
 
width: -moz-fit-content;
 
width: fit-content;
 
 
}
 
}
  
.network-header {
+
@-webkit-keyframes slp {
  height: 30px;
+
    0% {
  width: 100%;
+
        opacity: 0.75;
  padding: 0px 15px;
+
    }
  background: #111111;
+
 
  position: fixed;
+
    50% {
  z-index: 999;
+
        opacity: 1.0;
  color: #fff;
+
    }
  border-bottom: 1px solid #1d1d1d;
+
 
 +
    100% {
 +
        opacity: 0.75;
 +
    }
 
}
 
}
  
.network-entry {
+
.specialization>.specoverlay>.line {
  margin-right: 20px;
+
    padding: 0;
  display: inline;
+
    margin: 0 -4px;
 +
    width: 32px;
 +
    border-top: 3px solid #fff;
 +
    position: relative;
 +
    -webkit-animation-name: slp;
 +
    -webkit-animation-duration: 2s;
 +
    -webkit-animation-iteration-count: 15;
 +
    -webkit-animation-timing-function: ease-in-out;
 
}
 
}
  
.network-entry > a {
+
.specialization.concise>.specoverlay>.line {
  color: #ffc107;
+
    display: none;
  font-size: 11px;
 
 
}
 
}
  
.network-entry > a:hover {
+
.specialization>.specoverlay>.line.midmid {
  opacity: .5;
+
    border-top: 3px solid rgba(255, 255, 255, .87);
  color: #ffc107!important;
 
  text-decoration: none;
 
 
}
 
}
  
.policy-box, .original-source {
+
.specialization>.specoverlay>.line.midtop, .specialization>.specoverlay>.line.botmid, .specialization>.specoverlay>.line.midbot, .specialization>.specoverlay>.line.topmid {
     background: #1d1d1d;
+
     width: 48px;
     border: 1px solid #f9a916;
+
     margin: 0 -12px;
    padding: 1em;
 
 
}
 
}
  
.large-12 {
+
.specialization>.specoverlay>.line.midtop, .specialization>.specoverlay>.line.botmid {
min-height: 17px;
+
    transform: rotate(-40deg);
 
}
 
}
  
table tbody tr td, table tr td {
+
.specialization>.specoverlay>.line.midbot, .specialization>.specoverlay>.line.topmid {
vertical-align: top;
+
    transform: rotate(40deg);
 
}
 
}
  
#gopremium a:hover {
+
.specialization>.specoverlay>.line.topmid, .specialization>.specoverlay>.line.midtop {
  opacity: .7;
+
    top: -26px;
  cursor: pointer;
 
 
}
 
}
  
.perk-container {
+
.specialization>.specoverlay>.line.botmid, .specialization>.specoverlay>.line.midbot {
width: 100%;
+
    top: 26px;
padding: 1rem 1rem 1rem 6rem;
 
background: #1d1d1d;
 
margin-bottom: 1rem;
 
background-repeat: no-repeat;
 
background-position: left center;
 
background-size: auto 80px;
 
 
}
 
}
  
#noads {
+
.specialization>.specoverlay>.line.midnone, .specialization>.specoverlay>.line.nonemid {
background-image: url('//metabattle.com/wiki/images/3/3a/No-ads.png');
+
    visibility: hidden;
 
}
 
}
  
#cleanlayout {
+
.specialization.dragonhunter>.specoverlay {
background-image: url('//metabattle.com/wiki/images/5/5b/Clean-layout.png');
+
    background: rgba(0, 0, 0, .65);
 
}
 
}
  
#fasternavigation {
+
.specialization.dragonhunter>.specoverlay:hover {
background-image: url('//metabattle.com/wiki/images/4/4b/Faster-navigation.png');
+
    background: rgba(0, 0, 0, .4);
 
}
 
}
  
#discordprivileges {
+
.specialization:hover+p>b, .specialization>.specoverlay {
background-image: url('//metabattle.com/wiki/images/d/db/Discord-privileges.png');
+
    transition: background .2s;
 
}
 
}
  
#halloffamesmall {
+
/* Specialization Variants */
background-image: url('//metabattle.com/wiki/images/c/cb/Hall-of-fame-small.png');
+
/* ele */
 +
.specialization.air+p>b {
 +
    background: rgb(22, 18, 30);
 
}
 
}
  
.perk-container > h2 {
+
.specialization.air:hover+p>b {
margin-top: 0px!important;
+
    background: rgb(37, 27, 49);
font-weight: bold;
 
 
}
 
}
  
.buy-button {
+
.specialization.arcane+p>b {
margin-top: 1rem;
+
    background: rgb(36, 17, 5);
 +
}
 +
 
 +
.specialization.arcane:hover+p>b {
 +
    background: rgb(56, 33, 18);
 +
}
 +
 
 +
.specialization.earth+p>b {
 +
    background: rgb(86, 58, 36);
 +
}
 +
 
 +
.specialization.earth:hover+p>b {
 +
    background: rgb(128, 87, 54);
 +
}
 +
 
 +
.specialization.fire+p>b {
 +
    background: rgb(56, 12, 3);
 +
}
 +
 
 +
.specialization.fire:hover+p>b {
 +
    background: rgb(99, 24, 6);
 +
}
 +
 
 +
.specialization.water+p>b {
 +
    background: rgb(15, 28, 40);
 +
}
 +
 
 +
.specialization.water:hover+p>b {
 +
    background: rgb(23, 48, 66);
 +
}
 +
 
 +
.specialization.tempest+p>b {
 +
    background: rgb(41, 30, 33);
 +
}
 +
 
 +
.specialization.tempest:hover+p>b {
 +
    background: rgb(80, 44, 49);
 +
}
 +
 
 +
/* engi */
 +
.specialization.alchemy+p>b {
 +
    background: rgb(27, 19, 18);
 +
}
 +
 
 +
.specialization.alchemy:hover+p>b {
 +
    background: rgb(43, 30, 31);
 +
}
 +
 
 +
.specialization.explosives+p>b {
 +
    background: rgb(34, 22, 19);
 +
}
 +
 
 +
.specialization.explosives:hover+p>b {
 +
    background: rgb(49, 21, 14);
 
}
 
}
  
.buy-button:hover, .buy-button:focus, .buy-button:active {
+
.specialization.firearms+p>b {
opacity: .7;
+
    background: rgb(58, 32, 22);
 
}
 
}
  
.premium-user-bg {
+
.specialization.firearms:hover+p>b {
padding: 1rem;
+
    background: rgb(84, 48, 35);
background-image: url("//metabattle.com/wiki/images/6/60/Premium-user-bg2.png");
+
}
background-position: left center;
+
 
background-repeat: no-repeat;
+
.specialization.inventions+p>b {
background-size: auto 100%;
+
    background: rgb(29, 20, 19);
margin-bottom: 1rem;
+
}
display: inline-block;
+
 
min-width: 360px;
+
.specialization.inventions:hover+p>b {
padding-left: 115px;
+
    background: rgb(39, 27, 26);
}
+
}
 
+
 
.premium-user-bg:hover, .premium-user-bg:focus, .premium-user-bg:active {
+
.specialization.tools+p>b {
opacity: .7;
+
    background: rgb(47, 28, 23);
}
+
}
 
+
 
.hoverItem{
+
.specialization.tools:hover+p>b {
     display: inline-block;
+
    background: rgb(70, 42, 35);
 +
}
 +
 
 +
.specialization.scrapper+p>b {
 +
    background: rgb(22, 22, 22);
 +
}
 +
 
 +
.specialization.scrapper:hover+p>b {
 +
    background: rgb(29, 31, 29);
 +
}
 +
 
 +
/* guard */
 +
.specialization.honor+p>b {
 +
    background: rgb(10, 24, 38);
 +
}
 +
 
 +
.specialization.honor:hover+p>b {
 +
    background: rgb(12, 33, 56);
 +
}
 +
 
 +
.specialization.radiance+p>b {
 +
    background: none;
 +
    background-image: linear-gradient(to right, rgb(10, 30, 43), rgb(10, 38, 49));
 +
}
 +
 
 +
.specialization.radiance:hover+p>b {
 +
    background: none;
 +
    background-image: linear-gradient(to right, rgb(14, 44, 64), rgb(12, 51, 68));
 +
}
 +
 
 +
.specialization.valor+p>b {
 +
    background: none;
 +
    background-image: linear-gradient(to right, rgb(11, 38, 55), rgb(8, 26, 33));
 +
}
 +
 
 +
.specialization.valor:hover+p>b {
 +
    background: none;
 +
    background-image: linear-gradient(to right, rgb(10, 41, 60), rgb(6, 39, 49));
 +
}
 +
 
 +
.specialization.virtues+p>b {
 +
    background: rgb(11, 13, 11);
 +
}
 +
 
 +
.specialization.virtues:hover+p>b {
 +
    background: rgb(16, 19, 16);
 +
}
 +
 
 +
.specialization.zeal+p>b {
 +
    background: rgb(3, 20, 21);
 +
}
 +
 
 +
.specialization.zeal:hover+p>b {
 +
    background: rgb(6, 33, 37);
 +
}
 +
 
 +
.specialization.dragonhunter+p>b {
 +
    background: rgb(0, 18, 42);
 +
}
 +
 
 +
.specialization.dragonhunter:hover+p>b {
 +
    background: rgb(0, 29, 69);
 +
}
 +
 
 +
/* mesmer */
 +
.specialization.chaos+p>b {
 +
    background: rgb(58, 40, 73);
 +
}
 +
 
 +
.specialization.chaos:hover+p>b {
 +
    background: rgb(87, 57, 105);
 +
}
 +
 
 +
.specialization.domination+p>b {
 +
    background: rgb(21, 0, 16);
 +
}
 +
 
 +
.specialization.domination:hover+p>b {
 +
    background: rgb(41, 1, 12);
 +
}
 +
 
 +
.specialization.dueling+p>b {
 +
    background: rgb(47, 24, 51);
 +
}
 +
 
 +
.specialization.dueling:hover+p>b {
 +
    background: rgb(68, 36, 80);
 +
}
 +
 
 +
.specialization.illusions+p>b {
 +
    background: rgb(30, 24, 48);
 +
}
 +
 
 +
.specialization.illusions:hover+p>b {
 +
    background: rgb(45, 35, 72);
 +
}
 +
 
 +
.specialization.inspiration+p>b {
 +
    background: rgb(21, 4, 44);
 +
}
 +
 
 +
.specialization.inspiration:hover+p>b {
 +
    background: rgb(35, 7, 70);
 +
}
 +
 
 +
.specialization.chronomancer+p>b {
 +
    background: none;
 +
    background-image: linear-gradient(to right, rgb(68, 49, 79), rgb(86, 51, 96));
 +
}
 +
 
 +
.specialization.chronomancer:hover+p>b {
 +
    background: none;
 +
    background-image: linear-gradient(to right, rgb(112, 83, 128), rgb(128, 76, 144));
 +
}
 +
 
 +
/* necromancer */
 +
.specialization.blood-magic+p>b {
 +
    background: rgb(11, 26, 5);
 +
}
 +
 
 +
.specialization.blood-magic:hover+p>b {
 +
    background: rgb(12, 34, 4);
 +
}
 +
 
 +
.specialization.curses+p>b {
 +
    background: rgb(18, 36, 22);
 +
}
 +
 
 +
.specialization.curses:hover+p>b {
 +
    background: rgb(24, 51, 31);
 +
}
 +
 
 +
.specialization.death-magic+p>b {
 +
    background: rgb(21, 43, 25);
 +
}
 +
 
 +
.specialization.death-magic:hover+p>b {
 +
    background: rgb(31, 67, 37);
 +
}
 +
 
 +
.specialization.soul-reaping+p>b {
 +
    background: rgb(1, 5, 1);
 +
}
 +
 
 +
.specialization.soul-reaping:hover+p>b {
 +
    background: rgb(4, 23, 10);
 +
}
 +
 
 +
.specialization.spite+p>b {
 +
    background: rgb(16, 32, 16);
 +
}
 +
 
 +
.specialization.spite:hover+p>b {
 +
    background: rgb(18, 42, 12);
 +
}
 +
 
 +
.specialization.reaper+p>b {
 +
    background: rgb(25, 55, 29);
 +
}
 +
 
 +
.specialization.reaper:hover+p>b {
 +
    background: rgb(37, 82, 43);
 +
}
 +
 
 +
/* ranger */
 +
.specialization.beastmastery+p>b {
 +
    background: rgb(4, 6, 0);
 +
}
 +
 
 +
.specialization.beastmastery:hover+p>b {
 +
    background: rgb(20, 44, 23);
 +
}
 +
 
 +
.specialization.nature-magic+p>b {
 +
    background: rgb(21, 20, 12);
 +
}
 +
 
 +
.specialization.nature-magic:hover+p>b {
 +
    background: rgb(45, 44, 23);
 +
}
 +
 
 +
.specialization.marksmanship+p>b {
 +
    background: rgb(25, 20, 3);
 +
}
 +
 
 +
.specialization.marksmanship:hover+p>b {
 +
    background: rgb(37, 30, 4);
 +
}
 +
 
 +
.specialization.skirmishing+p>b {
 +
    background: rgb(15, 17, 11);
 +
}
 +
 
 +
.specialization.skirmishing:hover+p>b {
 +
    background: rgb(23, 25, 16);
 +
}
 +
 
 +
.specialization.wilderness-survival+p>b {
 +
    background: rgb(45, 36, 11);
 +
}
 +
 
 +
.specialization.wilderness-survival:hover+p>b {
 +
    background: rgb(66, 59, 16);
 +
}
 +
 
 +
.specialization.druid+p>b {
 +
    background: rgb(36, 69, 51);
 +
}
 +
 
 +
.specialization.druid:hover+p>b {
 +
    background: rgb(57, 105, 78);
 +
}
 +
 
 +
/* revenant */
 +
.specialization.corruption+p>b {
 +
    background: rgb(34, 16, 14);
 +
}
 +
 
 +
.specialization.corruption:hover+p>b {
 +
    background: rgb(56, 27, 26);
 +
}
 +
 
 +
.specialization.devastation+p>b {
 +
    background: rgb(10, 5, 7);
 +
}
 +
 
 +
.specialization.devastation:hover+p>b {
 +
    background: rgb(20, 19, 20);
 +
}
 +
 
 +
.specialization.invocation+p>b {
 +
    background: rgb(7, 19, 23);
 +
}
 +
 
 +
.specialization.invocation:hover+p>b {
 +
    background: rgb(10, 28, 35);
 +
}
 +
 
 +
.specialization.retribution+p>b {
 +
    background: rgb(27, 25, 43);
 +
}
 +
 
 +
.specialization.retribution:hover+p>b {
 +
    background: rgb(37, 33, 56);
 +
}
 +
 
 +
.specialization.salvation+p>b {
 +
    background: rgb(19, 21, 36);
 +
}
 +
 
 +
.specialization.salvation:hover+p>b {
 +
    background: rgb(29, 33, 57);
 +
}
 +
 
 +
.specialization.herald+p>b {
 +
    background: rgb(19, 21, 34);
 +
}
 +
 
 +
.specialization.herald:hover+p>b {
 +
    background: rgb(31, 34, 56);
 +
}
 +
 
 +
/* thief */
 +
.specialization.acrobatics+p>b {
 +
    background: rgb(23, 7, 7);
 +
}
 +
 
 +
.specialization.acrobatics:hover+p>b {
 +
    background: rgb(35, 11, 10);
 +
}
 +
 
 +
.specialization.critical-strikes+p>b {
 +
    background: rgb(0, 0, 0);
 +
}
 +
 
 +
.specialization.critical-strikes:hover+p>b {
 +
    background: rgb(35, 11, 10);
 +
}
 +
 
 +
.specialization.deadly-arts+p>b {
 +
    background: rgb(52, 15, 11);
 +
}
 +
 
 +
.specialization.deadly-arts:hover+p>b {
 +
    background: rgb(76, 23, 20);
 +
}
 +
 
 +
.specialization.shadow-arts+p>b {
 +
    background: rgb(32, 11, 11);
 +
}
 +
 
 +
.specialization.shadow-arts:hover+p>b {
 +
    background: rgb(41, 14, 16);
 +
}
 +
 
 +
.specialization.trickery+p>b {
 +
    background: rgb(32, 7, 7);
 +
}
 +
 
 +
.specialization.trickery:hover+p>b {
 +
    background: rgb(47, 11, 10);
 +
}
 +
 
 +
.specialization.daredevil+p>b {
 +
    background: rgb(18, 8, 7);
 +
}
 +
 
 +
.specialization.daredevil:hover+p>b {
 +
    background: rgb(26, 12, 10);
 +
}
 +
 
 +
/* warrior */
 +
.specialization.arms+p>b {
 +
    background: rgb(51, 31, 23);
 +
}
 +
 
 +
.specialization.arms:hover+p>b {
 +
    background: rgb(76, 47, 35);
 +
}
 +
 
 +
.specialization.defense+p>b {
 +
    background: rgb(27, 20, 5);
 +
}
 +
 
 +
.specialization.defense:hover+p>b {
 +
    background: rgb(45, 31, 10);
 +
}
 +
 
 +
.specialization.discipline+p>b {
 +
    background: rgb(53, 28, 16);
 +
}
 +
 
 +
.specialization.discipline:hover+p>b {
 +
    background: rgb(80, 42, 24);
 +
}
 +
 
 +
.specialization.strength+p>b {
 +
    background: rgb(21, 18, 8);
 +
}
 +
 
 +
.specialization.strength:hover+p>b {
 +
    background: rgb(32, 29, 16);
 +
}
 +
 
 +
.specialization.tactics+p>b {
 +
    background: rgb(56, 36, 15);
 +
}
 +
 
 +
.specialization.tactics:hover+p>b {
 +
    background: rgb(82, 54, 23);
 +
}
 +
 
 +
.specialization.berserker+p>b {
 +
    background: rgb(37, 23, 15);
 +
}
 +
 
 +
.specialization.berserker:hover+p>b {
 +
    background: rgb(70, 45, 29);
 +
}
 +
 
 +
/* Specialization Line Colors */
 +
/* ele */
 +
.specialization.air>.specoverlay>.line {
 +
    border-color: rgb(243, 188, 255);
 +
}
 +
 
 +
.specialization.arcane>.specoverlay>.line {
 +
    border-color: rgb(192, 181, 255);
 +
}
 +
 
 +
.specialization.earth>.specoverlay>.line {
 +
    border-color: rgb(255, 232, 188);
 +
}
 +
 
 +
.specialization.fire>.specoverlay>.line {
 +
    border-color: rgb(255, 214, 171);
 +
}
 +
 
 +
.specialization.water>.specoverlay>.line {
 +
    border-color: rgb(190, 226, 230);
 +
}
 +
 
 +
.specialization.tempest>.specoverlay>.line {
 +
    border-color: rgb(165, 210, 255);
 +
}
 +
 
 +
/* engi */
 +
.specialization.alchemy>.specoverlay>.line, .specialization.explosives>.specoverlay>.line, .specialization.firearms>.specoverlay>.line, .specialization.inventions>.specoverlay>.line, .specialization.tools>.specoverlay>.line, .specialization.scrapper>.specoverlay>.line {
 +
    border-color: rgb(255, 208, 193);
 +
}
 +
 
 +
/* guard */
 +
.specialization.honor>.specoverlay>.line, .specialization.radiance>.specoverlay>.line, .specialization.valor>.specoverlay>.line, .specialization.virtues>.specoverlay>.line, .specialization.zeal>.specoverlay>.line, .specialization.dragonhunter>.specoverlay>.line {
 +
    border-color: rgb(186, 255, 254);
 +
}
 +
 
 +
/* mesmer */
 +
.specialization.chaos>.specoverlay>.line, .specialization.domination>.specoverlay>.line, .specialization.dueling>.specoverlay>.line, .specialization.illusions>.specoverlay>.line, .specialization.inspiration>.specoverlay>.line, .specialization.chronomancer>.specoverlay>.line {
 +
    border-color: rgb(246, 179, 255);
 +
}
 +
 
 +
/* necromancer */
 +
.specialization.blood-magic>.specoverlay>.line {
 +
    border-color: rgb(236, 255, 187);
 +
}
 +
 
 +
.specialization.curses>.specoverlay>.line {
 +
    border-color: rgb(98, 236, 159);
 +
}
 +
 
 +
.specialization.death-magic>.specoverlay>.line {
 +
    border-color: rgb(103, 226, 171);
 +
}
 +
 
 +
.specialization.soul-reaping>.specoverlay>.line {
 +
    border-color: rgb(154, 253, 165);
 +
}
 +
 
 +
.specialization.spite>.specoverlay>.line {
 +
    border-color: rgb(154, 253, 165);
 +
}
 +
 
 +
.specialization.reaper>.specoverlay>.line {
 +
    border-color: rgb(161, 232, 147);
 +
}
 +
 
 +
/* ranger */
 +
.specialization.beastmastery>.specoverlay>.line {
 +
    border-color: rgb(250, 255, 185);
 +
}
 +
 
 +
.specialization.nature-magic>.specoverlay>.line {
 +
    border-color: rgb(221, 255, 186);
 +
}
 +
 
 +
.specialization.marksmanship>.specoverlay>.line {
 +
    border-color: rgb(255, 240, 186);
 +
}
 +
 
 +
.specialization.skirmishing>.specoverlay>.line {
 +
    border-color: rgb(217, 255, 184);
 +
}
 +
 
 +
.specialization.wilderness-survival>.specoverlay>.line {
 +
    border-color: rgb(157, 216, 174);
 +
}
 +
 
 +
.specialization.druid>.specoverlay>.line {
 +
    border-color: rgb(255, 240, 184);
 +
}
 +
 
 +
/* revenant */
 +
.specialization.corruption>.specoverlay>.line, .specialization.devastation>.specoverlay>.line, .specialization.invocation>.specoverlay>.line, .specialization.retribution>.specoverlay>.line, .specialization.salvation>.specoverlay>.line, .specialization.herald>.specoverlay>.line {
 +
    border-color: rgb(255, 197, 184);
 +
}
 +
 
 +
/* thief */
 +
.specialization.acrobatics>.specoverlay>.line, .specialization.critical-strikes>.specoverlay>.line, .specialization.deadly-arts>.specoverlay>.line, .specialization.shadow-arts>.specoverlay>.line, .specialization.trickery>.specoverlay>.line {
 +
    border-color: rgb(199, 100, 59);
 +
}
 +
 
 +
.specialization.daredevil>.specoverlay>.line {
 +
    border-color: rgb(177, 96, 51);
 +
}
 +
 
 +
/* warrior */
 +
.specialization.arms>.specoverlay>.line, .specialization.defense>.specoverlay>.line, .specialization.discipline>.specoverlay>.line, .specialization.strength>.specoverlay>.line, .specialization.tactics>.specoverlay>.line, .specialization.berserker>.specoverlay>.line {
 +
    border-color: rgb(255, 223, 174);
 +
}
 +
 
 +
/* Equipment */
 +
.weapon-sets .weapon1, .weapon-sets .weapon2, .weapon-sets .sigil1, .weapon-sets .sigil2 {
 +
    background: #333;
 +
}
 +
 
 +
.armor-upgrades+p>b {
 +
    margin-top: 1em;
 +
    display: inline-block;
 +
}
 +
 
 +
/* Skillbar */
 +
.empty-skill-slot {
 +
    background: #333;
 +
}
 +
 
 +
.mesmer-mechanics>.profession-mechanic-ui-mesmer, .profession-mechanic-ui-revenant {
 +
    display: none;
 +
}
 +
 
 +
/*.profession-mechanic-ui-revenant > div:nth-child(2){ background-image: url('//metabattle.com/wiki/images/5/5c/Revenant_bar_%28darksilver%29.png'); }*/
 +
.profession-mechanic-ui-necromancer {
 +
    background-color: #145E16;
 +
    border: 1px solid rgba(0, 0, 0, 0.87);
 +
}
 +
 
 +
/* color is transparent in game, using icon colors to match similar */
 +
.profession-mechanic-ui-warrior>div {
 +
    border: 1px solid rgba(0, 0, 0, 0.87);
 +
}
 +
 
 +
.profession-mechanic-ui-warrior>div:nth-child(1) {
 +
    background: linear-gradient(to right, #e8d799, #d19d3f);
 +
}
 +
 
 +
.profession-mechanic-ui-warrior>div:nth-child(2) {
 +
    background: linear-gradient(to right, #d68b2b, #c96518);
 +
}
 +
 
 +
.profession-mechanic-ui-warrior>div:nth-child(3) {
 +
    background: linear-gradient(to right, #c35611, #b33811);
 +
}
 +
 
 +
.profession-mechanic-ui-berserker {
 +
    background-color: #fdb845;
 +
    border: 1px solid rgba(0, 0, 0, 0.87);
 +
}
 +
 
 +
/* in game closest representation is actually #fdd652, but that's too bright for this theme */
 +
/* Rating Box */
 +
.designed-for a, .designed-for a:visited, .rating-build-focus a, .rating-build-focus a:visited {
 +
    color: inherit;
 +
}
 +
 
 +
/* Ratings */
 +
.rating>.bar {
 +
    background: rgba(255, 255, 255, .1);
 +
}
 +
 
 +
.rating>.bar>.upvotes {
 +
    background-color: #3E7CCE;
 +
}
 +
 
 +
.accordNext {
 +
    background-color: #333;
 +
    margin: 10px 0px;
 +
}
 +
 
 +
.accordNext:hover {
 +
    opacity: .5;
 +
}
 +
 
 +
fieldset.userratebox #checkboxHeart {
 +
    margin: 0;
 +
}
 +
 
 +
fieldset.userratebox textarea {
 +
    display: block;
 +
    width: 100%;
 +
    margin: 0;
 +
}
 +
 
 +
fieldset.userratebox #textareaCharactersLeft {
 +
    background: none;
 +
    border: 0;
 +
}
 +
 
 +
/* Build Cards */
 +
.build-card-c {
 +
    display: flex;
 +
    flex-wrap: wrap;
 +
}
 +
 
 +
.build-card {
 +
    min-width: 250px;
 +
    width: 30%;
 +
    padding: .25% .75% .75%;
 +
    margin: .75%;
 +
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 +
    background: #333;
 +
}
 +
 
 +
.build-card .icons, .build-card .weaps span, .build-card img {
 +
    opacity: 0.1;
 +
    transition: opacity .2s;
 +
    display: inline-block;
 +
}
 +
 
 +
.build-card .weap2 {
 +
    background: rgba(0, 0, 0, 0);
 +
    transition: background .2s;
 +
}
 +
 
 +
.build-card:hover .icons, .build-card:hover .weaps span, .build-card:hover img {
 +
    opacity: 1;
 +
}
 +
 
 +
.build-card:hover .weap2 {
 +
    background: rgba(0, 0, 0, .13);
 +
}
 +
 
 +
/*rgba(39, 27, 26, 1);*/
 +
.build-card.elementalist:hover {
 +
    background: rgb(34, 42, 51);
 +
}
 +
 
 +
.build-card.elementalist {
 +
    background: rgba(34, 42, 51, .87);
 +
}
 +
 
 +
.build-card.engineer:hover {
 +
    background: rgb(51, 37, 34);
 +
}
 +
 
 +
.build-card.engineer {
 +
    background: rgba(51, 37, 34, .87);
 +
}
 +
 
 +
.build-card.guardian:hover {
 +
    background: rgb(34, 51, 47);
 +
}
 +
 
 +
.build-card.guardian {
 +
    background: rgba(34, 51, 47, .87);
 +
}
 +
 
 +
.build-card.mesmer:hover {
 +
    background: rgb(47, 34, 51);
 +
}
 +
 
 +
.build-card.mesmer {
 +
    background: rgba(47, 34, 51, .87);
 +
}
 +
 
 +
.build-card.necromancer:hover {
 +
    background: rgb(34, 51, 37);
 +
}
 +
 
 +
.build-card.necromancer {
 +
    background: rgba(34, 51, 37, .87);
 +
}
 +
 
 +
.build-card.ranger:hover {
 +
    background: rgb(42, 51, 34);
 +
}
 +
 
 +
.build-card.ranger {
 +
    background: rgba(42, 51, 34, .87);
 +
}
 +
 
 +
.build-card.revenant:hover {
 +
    background: rgb(37, 34, 51);
 +
}
 +
 
 +
.build-card.revenant {
 +
    background: rgba(37, 34, 51, .87);
 +
}
 +
 
 +
.build-card.thief:hover {
 +
    background: rgb(51, 34, 42);
 +
}
 +
 
 +
.build-card.thief {
 +
    background: rgba(51, 34, 42, .87);
 +
}
 +
 
 +
.build-card.warrior:hover {
 +
    background: rgb(51, 47, 34);
 +
}
 +
 
 +
.build-card.warrior {
 +
    background: rgba(51, 47, 34, .87);
 +
}
 +
 
 +
.build-card-pve {
 +
    min-width: 225px;
 +
    width: 23%;
 +
}
 +
 
 +
.build-card-h {
 +
    font-size: 1.25em;
 +
    background: #1d1d1d;
 +
    color: #fff;
 +
    padding: 5px 10px;
 +
    margin: 10px 0px;
 +
    font-weight: bold;
 +
}
 +
 
 +
.build-card-h.test {
 +
    border-top: none;
 +
    margin-top: 10px;
 +
}
 +
 
 +
.build-card>.title {
 +
    font-weight: bold;
 +
    display: flex;
 +
    justify-content: space-around;
 +
}
 +
 
 +
.build-card>.title img {
 +
    opacity: 0.6;
 +
}
 +
 
 +
.build-card>.title img, .build-card>.title>span, .build-card .icons {
 +
    align-self: center;
 +
}
 +
 
 +
.build-card>.title>span {
 +
    white-space: nowrap;
 +
    text-overflow: ellipsis;
 +
    overflow: hidden;
 +
    margin: 0 .25em;
 +
}
 +
 
 +
.build-card>.title>span>a {
 +
    color: inherit;
 +
    transition: color .2s;
 +
}
 +
 
 +
.build-card>.title>span>a:hover {
 +
    color: #fff;
 +
}
 +
 
 +
.build-card .icons {
 +
    display: inline-block;
 +
    float: right;
 +
}
 +
 
 +
.build-card .weaps {
 +
    display: flex;
 +
    margin: .25em 0 .5em;
 +
    justify-content: space-around;
 +
}
 +
 
 +
.build-card .weap1, .build-card .weap2 {
 +
    display: inline-block;
 +
    padding: 0 0 0 1%;
 +
}
 +
 
 +
.build-card .weap1 {
 +
    padding-right: 0%;
 +
    /* was 2% */
 +
}
 +
 
 +
.build-card .weaps>div>span:first-child {
 +
    font-size: .825em;
 +
    padding-right: 4%;
 +
}
 +
 
 +
.build-card .weaps>div>span>img {
 +
    width: 16px !important;
 +
}
 +
 
 +
.build-card .sra>div, .build-card .racont>div {
 +
    display: inline-block;
 +
}
 +
 
 +
.build-card .sra {
 +
    display: flex;
 +
    justify-content: space-between;
 +
    justify-content: space-around;
 +
}
 +
 
 +
.build-card.build-card-pve .sra {
 +
    margin-top: .25em;
 +
}
 +
 
 +
.build-card .sra .mbhoveron img, .build-card .skills>a>img {
 +
    width: 32px;
 +
    /* as a min, 36 is nice for usual perhaps */
 +
}
 +
 
 +
.build-card-pve .sra .mbhoveron img, .build-card-pve .skills>a>img {
 +
    width: 42px;
 +
}
 +
 
 +
/* WikiEditor */
 +
.wikiEditor-toolbar-spritedButton {
 +
    display: inline-block;
 +
    background-image: none;
 +
    height: inherit;
 +
    width: 2em;
 +
    padding: 0;
 +
    font: normal normal normal 14px/1 FontAwesome;
 +
    font-size: inherit;
 +
    text-rendering: auto;
 +
    -webkit-font-smoothing: antialiased;
 +
    color: rgba(255, 255, 255, 0.8);
 +
    overflow: hidden;
 +
    white-space: nowrap;
 +
}
 +
 
 +
.wikiEditor-toolbar-spritedButton:hover, .wikiEditor-ui-toolbar .tabs span.tab a:hover, #wikiEditor-section-advanced .group-heading a:hover {
 +
    color: rgba(255, 255, 255, 1);
 +
}
 +
 
 +
a.wikiEditor-toolbar-spritedButton:before {
 +
    float: left;
 +
    text-indent: 0;
 +
    min-width: 1.5em;
 +
    text-align: center;
 +
    line-height: 1.5em;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar span.tab-advanced a:before, .wikiEditor-ui-toolbar span.tab-characters a:before, .wikiEditor-ui-toolbar span.tab-help a:before, .wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, .wikiEditor-ui-toolbar .group .tool-select:before, #wikiEditor-section-advanced a:before, #wikiEditor-section-advanced .group-heading a:after {
 +
    font: normal normal normal 14px/1 FontAwesome;
 +
    font-size: inherit;
 +
    text-rendering: auto;
 +
    -webkit-font-smoothing: antialiased;
 +
    width: 32px;
 +
    text-align: right;
 +
    margin-right: .25em;
 +
    line-height: 1.5em;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading a:after {
 +
    margin-right: 0;
 +
    margin-left: .5em;
 +
}
 +
 
 +
.group-format>a[title="Bold"]:before {
 +
    content: "\f032";
 +
}
 +
 
 +
.group-format>a[title="Italic"]:before {
 +
    content: "\f033";
 +
}
 +
 
 +
#wikiEditor-section-advanced .group-heading>div>a:before {
 +
    content: "\f1dc";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Bulleted list"]:before {
 +
    content: "\f0ca";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Numbered list"]:before {
 +
    content: "\f0cb";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="No wiki formatting"]:before {
 +
    content: "\f121";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="New line"]:before {
 +
    content: "\f1dd";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Big"]:before {
 +
    content: "\f207";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Small"]:before {
 +
    content: "\f206";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Superscript"]:before {
 +
    content: "\f12b";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Subscript"]:before {
 +
    content: "\f12c";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Picture gallery"]:before {
 +
    content: "\f00a";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Redirect"]:before {
 +
    content: "\f064";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Table"]:before {
 +
    content: "\f0ce";
 +
}
 +
 
 +
#wikiEditor-section-advanced a[title="Search and replace"]:before {
 +
    content: "\f0ea";
 +
}
 +
 
 +
.group-insert>a[title="Signature and timestamp"]:before {
 +
    content: "\f1fc";
 +
}
 +
 
 +
.group-insert>a[title="Link"]:before {
 +
    content: "\f0c1";
 +
}
 +
 
 +
.group-insert>a[title="Embedded file"]:before {
 +
    content: "\f03e";
 +
}
 +
 
 +
.group-insert>a[title="Reference"]:before {
 +
    content: "\f022";
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .group-search {
 +
    float: left;
 +
}
 +
 
 +
#wikiEditor-section-advanced .group-heading a {
 +
    background-image: none;
 +
    color: rgba(255, 255, 255, 0.8);
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .group .tool-select {
 +
    border: 0;
 +
    background: none;
 +
    height: inherit;
 +
    margin: 0;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .group .tool-select .menu .options {
 +
    background: #333;
 +
    border: 0;
 +
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 +
    margin-top: 1.5em;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
 +
    background: rgba(255, 255, 255, .1);
 +
}
 +
 
 +
.toolbar.section-advanced .group>span:first-child {
 +
    display: none;
 +
}
 +
 
 +
.toolbar>.group {
 +
    border: 0px;
 +
    margin-right: 1.5em;
 +
}
 +
 
 +
.toolbar>.group:last-child {
 +
    margin-right: 0em;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar span.tab-advanced a:before {
 +
    content: "\f15c";
 +
}
 +
 
 +
.wikiEditor-ui-toolbar span.tab-characters a:before {
 +
    content: "\f1ab";
 +
}
 +
 
 +
.wikiEditor-ui-toolbar span.tab-help a:before {
 +
    content: "\f02d";
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
 +
    background-image: none;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading>div>a:after {
 +
    content: "\f0d7";
 +
}
 +
 
 +
.wikiEditor-ui, .wikiEditor-ui-controls, .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div {
 +
    background-color: transparent;
 +
}
 +
 
 +
.wikiEditor-ui, .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div, .wikiEditor-ui-tabs div.current, .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui-controls, .wikiEditor-ui-toolbar .sections .section {
 +
    border: 0;
 +
}
 +
 
 +
.wikiEditor-ui textarea#wpTextbox1 {
 +
    padding: 1em;
 +
}
 +
 
 +
.wikiEditor-preview-contents {
 +
    background-color: #222;
 +
}
 +
 
 +
.wikiEditor-preview-contents>*:first-child:before {
 +
    border: 0;
 +
}
 +
 
 +
.wikiEditor-ui-tabs {
 +
    margin-left: 0px;
 +
}
 +
 
 +
.wikiEditor-ui-tabs div {
 +
    margin-right: 1em;
 +
}
 +
 
 +
.wikiEditor-ui-tabs div:last-child {
 +
    margin-right: 0em;
 +
}
 +
 
 +
.wikiEditor-ui-tabs div.current, .wikiEditor-ui-toolbar, .wikiEditor-ui-toolbar .sections .section {
 +
    background-color: #333;
 +
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
 +
}
 +
 
 +
.wikiEditor-ui-toolbar {
 +
    background-image: none;
 +
}
 +
 
 +
.wikiEditor-ui-tabs div a {
 +
    color: rgba(255, 255, 255, 0.8)
 +
}
 +
 
 +
.wikiEditor-ui-tabs div a, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index div {
 +
    color: rgba(255, 255, 255, 1)
 +
}
 +
 
 +
.wikiEditor-ui-tabs div.current a {
 +
    color: #fff;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
 +
    color: rgba(255, 255, 255, 0.8);
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .group .label {
 +
    color: #bbb;
 +
}
 +
 
 +
/*.wikiEditor-ui-toolbar .sections, .wikiEditor-ui-toolbar .booklet .index, .wikiEditor-ui-toolbar .booklet .pages {height: 250px;}*/
 +
.wikiEditor-ui-toolbar .booklet .index div:hover {
 +
    background: rgba(255, 255, 255, 0.1);
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .booklet .index div.current:hover {
 +
    background: #fafafa;
 +
    color: #333;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .booklet .index {
 +
    direction: rtl;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .page-table table {
 +
    box-shadow: none;
 +
}
 +
 
 +
.wikiEditor-ui-toolbar .page-characters div span {
 +
    height: inherit;
 +
}
 +
 
 +
div#content td.cell.cell-result h1, div#content td.cell.cell-result h2, div#content td.cell.cell-result h3, div#content td.cell.cell-result h4, div#content td.cell.cell-result h5, div#content td.cell.cell-result h6 {
 +
    color: #333;
 +
    margin: 0;
 +
}
 +
 
 +
div#content td.cell.cell-result h2 {
 +
    margin-top: -1em;
 +
}
 +
 
 +
.wikiEditor-preview-loading {
 +
    background-color: none;
 +
}
 +
 
 +
.wikiEditor-preview-loading span {
 +
    color: #bbb;
 +
}
 +
 
 +
#wikiEditor-0-preview-dialog .wikiEditor-ui-loading {
 +
    background-color: none;
 +
}
 +
 
 +
.wikiEditor-publish-dialog-summary label {
 +
    color: #333;
 +
}
 +
 
 +
#wikiEditor-0-dialog label {
 +
    color: #333;
 +
}
 +
 
 +
.ui-widget-header {
 +
    border: 0;
 +
    background-color: #333;
 +
    color: #bbb;
 +
}
 +
 
 +
/* Scrollbars in Chrome */
 +
::-webkit-scrollbar {
 +
    width: 12px;
 +
}
 +
 
 +
::-webkit-scrollbar {
 +
    width: 10px;
 +
    background: transparent;
 +
}
 +
 
 +
::-webkit-scrollbar-thumb {
 +
    background-color: rgb(204, 204, 204);
 +
}
 +
 
 +
::-webkit-scrollbar-thumb {
 +
    background-color: #333;
 +
    border-radius: 6px;
 +
    margin: 1px;
 +
    /*border: 2px solid #000;*/
 +
    min-height: 50px;
 +
}
 +
 
 +
::-webkit-scrollbar-thumb {
 +
    background-color: rgba(100, 100, 100, 0.8);
 +
    /* was #cbcbcb;*/
 +
}
 +
 
 +
::-webkit-scrollbar-track {
 +
    background: #000;
 +
}
 +
 
 +
::-webkit-scrollbar-track {
 +
    background: transparent;
 +
}
 +
 
 +
textarea::-webkit-scrollbar-thumb {
 +
    background-color: #333;
 +
}
 +
 
 +
/* Mobile Devices Fixes */
 +
/* Portrait */
 +
@media only screen and (max-device-width: 1000px) {
 +
    .choosewrap {
 +
        flex-wrap: wrap;
 +
        font-size: .75em;
 +
    }
 +
 
 +
    .chooser {
 +
        width: 85vw;
 +
    }
 +
 
 +
    .build-row {
 +
        flex-wrap: wrap;
 +
    }
 +
 
 +
    .build-row .top, .build-row .bottom {
 +
        width: 100%;
 +
    }
 +
 
 +
    .build-row .title span a {
 +
        padding: .75em 0 .5em;
 +
        margin-bottom: .25em;
 +
    }
 +
 
 +
    .build-row .bottom {
 +
        padding-bottom: .75em;
 +
    }
 +
 
 +
    .build-row {
 +
        margin-bottom: 1.5em;
 +
        background-color: rgba(255, 255, 255, .1);
 +
    }
 +
 
 +
    .build-row .build-row-icon {
 +
        width: 5%;
 +
        margin-bottom: .25em;
 +
    }
 +
 
 +
    .build-row .title {
 +
        width: 45%;
 +
    }
 +
 
 +
    .build-row .skillsntraits {
 +
        width: 50%
 +
    }
 +
 
 +
    .rating-box {
 +
        display: inline-block;
 +
        width: 100%;
 +
        padding: 10px;
 +
        position: relative;
 +
    }
 +
 
 +
    .rating-box-l {
 +
        float: left;
 +
        position: absolute;
 +
        bottom: 10px;
 +
        right: 10px;
 +
    }
 +
 
 +
    .rating-box-r {
 +
        width: 100%;
 +
    }
 +
 
 +
    .specialization>.specoverlay>.label {
 +
        font-size: .66em;
 +
        width: 4.5em;
 +
        margin: 0;
 +
    }
 +
 
 +
    .specialization>.specoverlay>.line.midtop, .specialization>.specoverlay>.line.botmid, .specialization>.specoverlay>.line.midbot, .specialization>.specoverlay>.line.topmid {
 +
        width: 24px;
 +
        margin: 0 -8px;
 +
    }
 +
 
 +
    .specialization>.specoverlay>.line {
 +
        margin: 0 -8px;
 +
        width: 24px;
 +
    }
 +
 
 +
    .specialization>.specoverlay>.line.botmid, .specialization>.specoverlay>.line.midbot {
 +
        top: 20px;
 +
    }
 +
 
 +
    .specialization>.specoverlay>.line.topmid, .specialization>.specoverlay>.line.midtop {
 +
        top: -16px;
 +
    }
 +
 
 +
    .specialization>.specoverlay>.line.midtop, .specialization>.specoverlay>.line.botmid {
 +
        transform: rotate(-42.5deg);
 +
    }
 +
 
 +
    .specialization>.specoverlay>.line.midbot, .specialization>.specoverlay>.line.topmid {
 +
        transform: rotate(37.5deg);
 +
    }
 +
 
 +
    .specialization>.specoverlay {
 +
        width: 100%
 +
    }
 +
}
 +
 
 +
.front-title {
 +
    text-align: center;
 +
    font-weight: bold;
 +
    font-size: 1.75em;
 +
    color: #fff;
 +
}
 +
 
 +
.advert {
 +
    width: 100%;
 +
    max-height: 305px;
 +
}
 +
 
 +
.wrap2 {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 50%;
 +
    margin-left: -825px;
 +
}
 +
 
 +
.ads2 {
 +
    position: absolute;
 +
    top: 60px;
 +
    width: 300px;
 +
    height: 600px;
 +
    background-color: #171A21;
 +
}
 +
 
 +
.left2 {
 +
    left: 0px;
 +
}
 +
 
 +
.right2 {
 +
    left: 1350px;
 +
}
 +
 
 +
#catlinks {
 +
    display: none;
 +
}
 +
 
 +
/* Shh... */
 +
.frontpage-row {
 +
    width: 100%;
 +
    padding: 10px 10px 10px 15px;
 +
    color: #fff;
 +
    background-color: rgba(255, 255, 255, .025);
 +
    transition: background-color .25s, color .25s;
 +
    display: flex;
 +
    align-items: center;
 +
    text-shadow: 2px 1px #000;
 +
    font-weight: bold;
 +
}
 +
 
 +
.frontpage-row:hover {
 +
    background-color: rgba(255, 255, 255, .1);
 +
    color: #f9a916;
 +
}
 +
 
 +
.frontpage-img {
 +
    margin-right: 15px
 +
}
 +
 
 +
.front-elementalist {
 +
    background-image: url("//metabattle.com/wiki/images/e/e0/Ele_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-engineer {
 +
    background-image: url("//metabattle.com/wiki/images/c/cf/Eng_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-guardian {
 +
    background-image: url("//metabattle.com/wiki/images/4/43/Guard_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-mesmer {
 +
    background-image: url("//metabattle.com/wiki/images/4/4d/Mes_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-necromancer {
 +
    background-image: url("//metabattle.com/wiki/images/c/c0/Nec_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-ranger {
 +
    background-image: url("//metabattle.com/wiki/images/e/e9/Rang_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-revenant {
 +
    background-image: url("//metabattle.com/wiki/images/5/58/Rev_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-thief {
 +
    background-image: url("//metabattle.com/wiki/images/1/1e/Thief_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-warrior {
 +
    background-image: url("//metabattle.com/wiki/images/7/7f/War_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-wvw {
 +
    background-image: url("//metabattle.com/wiki/images/3/3d/Wvw_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-raid {
 +
    background-image: url("//metabattle.com/wiki/images/2/26/Raid_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-fractal {
 +
    background-image: url("//metabattle.com/wiki/images/7/70/Fractal_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-pvp {
 +
    background-image: url("//metabattle.com/wiki/images/8/87/Pvp_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.front-openworld {
 +
    background-image: url("//metabattle.com/wiki/images/5/5b/Openworld_fp.png") !important;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.color-fix>a {
 +
    color: #f9a916 !important;
 +
}
 +
 
 +
.color-fix>a:hover {
 +
    opacity: .5;
 +
}
 +
 
 +
.quickbrowse {
 +
    float: right;
 +
}
 +
 
 +
.quickbrowse-link {
 +
    margin-left: auto;
 +
    margin-right: 0;
 +
}
 +
 
 +
.quickbrowse-link>a:hover {
 +
    color: #fff;
 +
}
 +
 
 +
.remove-purchase input[type=text] {
 +
    background-color: #fff;
 +
    padding: 22px;
 +
    color: #111;
 +
}
 +
 
 +
.remove-purchase input[type=submit] {
 +
    background-color: #5da423;
 +
    padding: 10px;
 +
    border: none;
 +
    color: #fff;
 +
}
 +
 
 +
.remove-purchase input[type=submit]:hover {
 +
    background-color: #315d0e;
 +
    border: none;
 +
}
 +
 
 +
.msg-box-success {
 +
    width: 100%;
 +
    padding: 12px 20px;
 +
    color: #155724;
 +
    background-color: #c3e6cb;
 +
    margin: 15px 0px;
 +
}
 +
 
 +
.msg-box-error {
 +
    width: 100%;
 +
    padding: 12px 20px;
 +
    color: #721c24;
 +
    background-color: #f5c6cb;
 +
    margin: 15px 0px;
 +
}
 +
 
 +
.msg-box-warning {
 +
    margin: 15px 0px;
 +
}
 +
 
 +
.label {
 +
    padding: 0px;
 +
    font-size: inherit;
 +
    background-color: transparent;
 +
}
 +
 
 +
ul, ol, dl {
 +
    font-size: 14px
 +
}
 +
 
 +
div.mw-warning-with-logexcerpt {
 +
    padding: 10px;
 +
    margin-bottom: 10px
 +
}
 +
 
 +
.toctitle>h2 {
 +
    margin-top: 0px !important
 +
}
 +
 
 +
.guide-card {
 +
    background-repeat: no-repeat;
 +
    padding: 7px 10px;
 +
    width: 100%;
 +
    background-color: rgba(255, 255, 255, .025);
 +
    transition: background-color .25s, color .25s;
 +
    border-bottom: 2px solid #111;
 +
}
 +
 
 +
.guide-card a {
 +
    color: #f9a916;
 +
    transition: color .25s;
 +
    font-weight: bold;
 +
}
 +
 
 +
.guide-card a:hover {
 +
    color: #fff;
 +
}
 +
 
 +
.guide-card:hover {
 +
    background-color: rgba(255, 255, 255, .1);
 +
}
 +
 
 +
.sticky {
 +
    position: sticky !important;
 +
    top: 87px;
 +
}
 +
 
 +
.mw-search-profile-tabs {
 +
    background-color: #1d1d1d;
 +
    border: none;
 +
    border-bottom: 2px solid #111;
 +
}
 +
 
 +
#mw-searchoptions {
 +
    background-color: #1d1d1d;
 +
    border: none;
 +
}
 +
 
 +
#mw-searchoptions .divider {
 +
    border-bottom: 1px solid #111;
 +
}
 +
 
 +
.search-types .current a {
 +
    color: #f9a916;
 +
    font-weight: bold;
 +
}
 +
 
 +
#mw-search-togglenone, #mw-search-toggleall {
 +
    border: none;
 +
    color: #111;
 +
    background: #f9a916;
 +
}
 +
 
 +
.prefsection table, .prefsection legend {
 +
    background: #1d1d1d;
 +
}
 +
 
 +
fieldset, .mw-prefs-buttons {
 +
    background: #1d1d1d;
 +
}
 +
 
 +
.userratebox {
 +
    background: #111;
 +
}
 +
 
 +
button.radius, .button.radius {
 +
    border-radius: 0px;
 +
}
 +
 
 +
button.small, .button.small {
 +
    padding: 10px 20px;
 +
}
 +
 
 +
.section-revised {
 +
    color: #fff;
 +
    padding: 5px 10px;
 +
    background: #264527;
 +
    border: 2px solid #3e703f;
 +
    width: -webkit-fit-content;
 +
    width: -moz-fit-content;
 +
    width: fit-content;
 +
}
 +
 
 +
.network-header {
 +
    height: 30px;
 +
    width: 100%;
 +
    padding: 0px 15px;
 +
    background: #111111;
 +
    position: fixed;
 +
    z-index: 999;
 +
    color: #fff;
 +
    border-bottom: 1px solid #1d1d1d;
 +
}
 +
 
 +
.network-entry {
 +
    margin-right: 20px;
 +
    display: inline;
 +
}
 +
 
 +
.network-entry>a {
 +
    color: #ffc107;
 +
    font-size: 11px;
 +
}
 +
 
 +
.network-entry>a:hover {
 +
    opacity: .5;
 +
    color: #ffc107 !important;
 +
    text-decoration: none;
 +
}
 +
 
 +
.policy-box, .original-source {
 +
    background: #1d1d1d;
 +
    border: 1px solid #f9a916;
 +
    padding: 1em;
 +
}
 +
 
 +
.large-12 {
 +
    min-height: 17px;
 +
}
 +
 
 +
table tbody tr td, table tr td {
 +
    vertical-align: top;
 +
}
 +
 
 +
#gopremium a:hover {
 +
    opacity: .7;
 +
    cursor: pointer;
 +
}
 +
 
 +
.perk-container {
 +
    width: 100%;
 +
    padding: 1rem 1rem 1rem 6rem;
 +
    background: #1d1d1d;
 +
    margin-bottom: 1rem;
 +
    background-repeat: no-repeat;
 +
    background-position: left center;
 +
    background-size: auto 80px;
 +
}
 +
 
 +
#noads {
 +
    background-image: url('//metabattle.com/wiki/images/3/3a/No-ads.png');
 +
}
 +
 
 +
#cleanlayout {
 +
    background-image: url('//metabattle.com/wiki/images/5/5b/Clean-layout.png');
 +
}
 +
 
 +
#fasternavigation {
 +
    background-image: url('//metabattle.com/wiki/images/4/4b/Faster-navigation.png');
 +
}
 +
 
 +
#discordprivileges {
 +
    background-image: url('//metabattle.com/wiki/images/d/db/Discord-privileges.png');
 +
}
 +
 
 +
#halloffamesmall {
 +
    background-image: url('//metabattle.com/wiki/images/c/cb/Hall-of-fame-small.png');
 +
}
 +
 
 +
.perk-container>h2 {
 +
    margin-top: 0px !important;
 +
    font-weight: bold;
 +
}
 +
 
 +
.buy-button {
 +
    margin-top: 1rem;
 +
}
 +
 
 +
.buy-button:hover, .buy-button:focus, .buy-button:active {
 +
    opacity: .7;
 +
}
 +
 
 +
.premium-user-bg {
 +
    padding: 1rem;
 +
    background-image: url("//metabattle.com/wiki/images/6/60/Premium-user-bg2.png");
 +
    background-position: left center;
 +
    background-repeat: no-repeat;
 +
    background-size: auto 100%;
 +
    margin-bottom: 1rem;
 +
    display: inline-block;
 +
    min-width: 360px;
 +
    padding-left: 115px;
 +
}
 +
 
 +
.premium-user-bg:hover, .premium-user-bg:focus, .premium-user-bg:active {
 +
    opacity: .7;
 +
}
 +
 
 +
.hoverItem {
 +
     display: inline-block;
 +
}
 +
 
 +
.suggestions {
 +
    z-index: 999999;
 +
}
 +
 
 +
.tingle-modal {
 +
    z-index: 999999 !important;
 +
}
 +
 
 +
.build-template-code {
 +
    background: #1d1d1d;
 +
    padding: 8px 15px;
 +
    color: #fff;
 +
    border-radius: 0.25rem;
 +
    display: inline-block;
 +
    word-break: break-all;
 +
    margin: 0px 5px 5px 0px;
 +
}
 +
 
 +
.build-template-button {
 +
    padding: 8px 15px;
 +
    background: #f9a916;
 +
    color: #111;
 +
    font-weight: bold;
 +
    display: inline-block;
 +
    border-radius: 0.25rem;
 +
}
 +
 
 +
.build-template-button:hover {
 +
    cursor: pointer;
 +
    opacity: .5;
 +
}
 +
 
 +
#MetabattleFloating {
 +
    position: sticky;
 +
    top: 90px;
 +
}
 +
 
 +
@media screen and (max-width: 1216px) {
 +
    #MetabattleFloating {
 +
        top: 135px;
 +
    }
 +
}
 +
 
 +
#actions-button {
 +
    border-radius: 0.25rem;
 +
    padding: 10px 20px;
 +
}
 +
 
 +
button, .button {
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
 
 +
.top-bar .button, .top-bar button {
 +
    padding-top: .25rem;
 +
}
 +
 
 +
#mw-indicator-mw-helplink {
 +
    display: none;
 +
}
 +
 
 +
.skillbar-container {
 +
    width: 100%;
 +
    overflow-x: scroll;
 +
    overflow-y: hidden;
 +
}
 +
 
 +
.mskillbar {
 +
    min-width: 690px;
 +
}
 +
 
 +
.post-container {
 +
    width: 100%;
 +
}
 +
 
 +
.post-entry {
 +
    width: 100%;
 +
    margin-bottom: 10px;
 +
    background: rgba(255, 255, 255, .025);
 +
    display: flex;
 +
}
 +
 
 +
.post-image {
 +
    min-width: 256px;
 +
    min-height: 121px;
 +
    overflow: hidden;
 +
    align-self: center;
 +
}
 +
 
 +
.post-image img {
 +
    height: max-content;
 +
}
 +
 
 +
.post-image img:hover {
 +
    opacity: 0.5;
 +
}
 +
 
 +
.post-content {
 +
    padding: 0.5rem 1rem;
 +
}
 +
 
 +
.post-title {}
 +
 
 +
.post-description {}
 +
 
 +
.post-date {
 +
    opacity: 0.5;
 +
}
 +
 
 +
.post-title a {
 +
    font-size: 1rem;
 +
}
 +
 
 +
.post-title a:hover {
 +
    color: #fff;
 +
}
 +
 
 +
@media screen and (max-width: 768px) {
 +
    .post-entry {
 +
        flex-direction: column
 +
    }
 +
 
 +
    .post-image {
 +
        width: 100%;
 +
    }
 +
 
 +
    .post-image img {
 +
        margin-left: 15px;
 +
        margin-top: 15px;
 +
    }
 +
}
 +
 
 +
.view-all-articles-button {
 +
    text-align: center;
 +
    margin: 0 auto;
 +
    border-radius: 0.25rem;
 +
    margin-top: 15px;
 +
}
 +
 
 +
.view-all-articles-button:hover {
 +
    opacity: 0.5;
 +
}
 +
 
 +
.view-all-articles-button a {
 +
    color: #111;
 +
    font-weight: bold;
 +
    background: #f9a916;
 +
    padding: 7px 50px;
 +
    border-radius: 0.25rem;
 +
}
 +
 
 +
.build-feedback {
 +
    margin-top: 10px;
 +
    font-weight: bold;
 +
    width: fit-content;
 +
}
 +
 
 +
.build-feedback a {
 +
    color: #16b0f9 !important;
 +
}
 +
 
 +
.build-feedback:hover {
 +
    opacity: 0.5;
 +
    cursor: pointer;
 +
}
 +
 
 +
.build-rate {
 +
    font-weight: bold;
 +
    width: fit-content;
 +
}
 +
 
 +
.build-rate a {
 +
    color: #16f947 !important;
 +
}
 +
 
 +
.build-rate:hover {
 +
    opacity: 0.5;
 +
    cursor: pointer;
 +
}
 +
 
 +
.sidebar-message {
 +
    width: 100%;
 +
    padding: 10px;
 +
    text-align: left;
 +
    margin-bottom: 15px;
 +
}
 +
 
 +
.yellow-message {
 +
    background: #fff3cd;
 +
    color: #856404;
 +
    border: 1px solid #ffeeba;
 +
}
 +
 
 +
.yellow-message a {
 +
    color: #533f03 !important;
 +
    font-weight: bold;
 
}
 
}
  
.suggestions { z-index: 999999; }
+
.yellow-message a:hover {
 
+
     color: #533f03 !important;
.tingle-modal { z-index: 999999!important; }
 
 
 
.build-template-code {
 
    background: #1d1d1d;
 
    padding: 8px 15px;
 
     color: #fff;
 
    border-radius: 0.25rem;
 
    display: inline-block;
 
    word-break: break-all;
 
    margin: 0px 5px 5px 0px;
 
}
 
 
 
.build-template-button {
 
    padding: 8px 15px;
 
    background: #f9a916;
 
    color: #111;
 
 
     font-weight: bold;
 
     font-weight: bold;
     display: inline-block;
+
     opacity: 0.5;
    border-radius: 0.25rem;
 
}
 
 
 
.build-template-button:hover {
 
    cursor: pointer;
 
    opacity: .5;
 
 
}
 
}
  
#MetabattleFloating { position: sticky; top: 90px; }
+
.blue-message {
 
+
    background: #cce5ff;
@media screen and (max-width: 1216px){
+
    color: #004085;
#MetabattleFloating { top: 135px; }
+
    border: 1px solid #b8daff;
 
}
 
}
  
#actions-button { border-radius: 0.25rem; padding: 10px 20px; }
+
.green-message {
button, .button { font-family: 'Open Sans',sans-serif; }
+
     background: #d4edda;
.top-bar .button, .top-bar button { padding-top: .25rem; }
+
     color: #155724;
 
+
     border: 1px solid #c3e6cb;
#mw-indicator-mw-helplink { display: none; }
 
 
 
.skillbar-container {
 
     width: 100%;
 
     overflow-x: scroll;
 
     overflow-y: hidden;
 
 
}
 
}
  
.mskillbar {
+
.red-message {
min-width: 690px;
+
    background: #f8d7da;
}
+
    color: #721c24;
 
+
    border: 1px solid #f5c6cb;
.post-container { width: 100%; }
 
.post-entry {
 
width: 100%;
 
margin-bottom: 15px;
 
background: #1d1d1d;
 
display: flex;
 
}
 
.post-image {
 
width: 190px;
 
min-width: 190px;
 
height: 110px;
 
background: #fff;
 
margin-right: 10px;
 
}
 
.post-content {
 
padding: 0.5rem 1rem;
 
}
 
.post-title {
 
}
 
.post-description {
 
}
 
.post-date {
 
opacity: 0.5;
 
}
 
.post-title a {
 
font-size: 1.2rem;
 
}
 
.post-title a:hover {
 
color: #fff;
 
}
 
@media (max-width: 425px) {
 
.post-entry {
 
flex-direction: column
 
}
 
.post-image {
 
width: 100%;
 
}
 
 
}
 
}

Latest revision as of 16:16, 2 December 2019

#page-content {
    background-color: #111111;
    padding: 80px 1rem 1rem 1rem;
    max-width: 1220px;
    margin: 0 auto;
}

.row {
    max-width: 100%;
}

#mw-content-text {
    padding-top: 10px;
}

.hidden {
    display: none;
}

.faux-link {
    cursor: pointer;
}

/* Foreground Skin */
html {
    background-color: #1d1d1d;
}

body.skin-foreground {
    background-color: #1d1d1d;
    background-image: none;
    color: #999;
    /* See div#content instead */
}

p {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
}

h4.namespace.foregroundlabel {
    visibility: hidden;
    display: none;
}

h5 {
    color: #ccc;
}

button {
    background-color: #e9e9e9;
    padding: .25em .5em;
    color: #000;
    border: 0;
    font-weight: 100;
}

div#content {
    color: #ccc;
    /* was adadad */
}

a, a:visited, a:hover, a:focus, .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, .faux-link {
    color: #f9a916;
    /* was 80B7FF;*/
}

span.trait-label>a {
    color: #ec986f;
}

.top-bar input, .top-bar .button {
    line-height: normal;
}

.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 {
    border-bottom: 0;
}

a.new {
    color: #E84F4F;
}

/* was F57373 */
.top-bar .name h1 {
    font-family: EasonPro;
}

.top-bar .name h1 a {
    background: url('//metabattle.com/wiki/skins/common/images/logo32px.png') no-repeat left;
    padding-left: 2.25em;
    margin-left: 15px;
    color: rgba(255, 255, 255, 0.95);
}

.top-bar .name h1 a:hover {
    background-image: url('//metabattle.com/wiki/skins/common/images/logo32px-glow100.png');
    color: #F7F1E7;
    transition: color 0.1s ease-in-out;
}

.top-bar .name h1 a, .top-bar-section .dropdown li a, .f-dropdown li a, a.button.secondary {
    color: #111;
}

.top-bar-section .dropdown li a {
    color: #fff;
}

.top-bar {
    background-color: #111111;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    position: fixed;
    z-index: 100;
    margin-bottom: 0;
    top: 30px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    z-index: 99999;
}

@media screen and (max-width: 425px) {
    .quickbrowse-link {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .top-bar {
        top: 0px;
    }

    #page-content {
        padding: 50px 1rem 50px 1rem;
    }

    .f-dropdown li a {
        background: #fff;
    }

    div#toc {
        margin-bottom: 15px;
        width: 100%;
    }
}

.top-bar-section ul li.active>a {
    background: #111 !important;
    color: #cacaca !important;
    text-transform: uppercase;
    font-size: 12px;
}

.top-bar-section ul li.active>a:hover {
    color: #fff !important;
}

.top-bar-section ul li.hover>a {
    color: #fff !important;
}

.top-bar-section ul {
    background: #111 !important;
}

.top-bar-section .has-form {
    background: none;
}

.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
    display: none;
}

.top-bar-section .has-dropdown:hover, .top-bar-section .dropdown {
    background: #f9a916;
}

#n-necromancer-builds>a {
    padding-right: 35px;
}

#p-profession .drop-icon img, #p-game-mode .drop-icon img, #p-guides .drop-icon img {
    width: 20px;
}

#p-donate:hover {
    box-shadow: none;
}

#p-donate a {
    display: inline;
    padding-right: 15px !important;
}

#p-donate a:after {
    display: none;
}

.top-bar-section .dropdown li a {
    background: #242424;
}

.top-bar-section .dropdown li a:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.dropdown.button.small, #p-cactions #drop1 {
    /*margin-top: 2.75em;*/
}

.dropdown.button.small {
    background-color: #ffffff;
    color: #111;
    border-radius: 0px;
    box-shadow: none;
}

.f-dropdown.right:after {
    display: none;
}

#footer-right-icons {
    display: none;
}

button.button:hover, button.button, button:hover, button:focus, .button:hover, .button:focus {
    background-color: none;
    color: none;
    background-image: none;
    border: 0;
    text-shadow: none;
}

button:hover, button:focus, .button:hover, .button:focus {
    background: #E6BA5A;
    color: #fff;
}

.top-bar input {
    background-color: rgba(0, 0, 0, 0.2);
}

top-bar input:focus~.button.search {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 1);
    transition: background 0.2s;
    transition: color 0.2s;
}

.button.search {
    background-color: #1d1d1d;
    color: #a9a9a9;
    border: 0;
    border-radius: 0;
    font-weight: 100;
    box-shadow: none;
    font-size: 0.875em;
    top: 0px;
}

.button.search:hover {
    background-color: #1d1d1d;
    color: #fff;
}

.button.secondary {
    background-color: #f9a916;
    border: none;
    box-sizing: border-box;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    color: #111;
    background-color: #f9a916;
    opacity: .5;
}

.dropdown.button.secondary:before {
    rgba(255, 255, 255, 0.5) transparent transparent transparent;
    border-color: #111 transparent transparent transparent;
}

.rating-template-non-meta {
    background: #1d1d1d;
    border: none;
}

.rating-template-meta {
    background: #1d1d1d;
    border: none;
}

.top-bar-section .has-dropdown>a:after {
    border-color: rgba(249, 169, 22, 1) transparent transparent transparent;
}

.f-dropdown {
    background: #333;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    border: 0;
}

.f-dropdown li:hover, .f-dropdown li:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

.f-dropdown:before {
    display: none;
}

.row.sitenotice {
    max-width: none;
    background: #111;
    /*margin-bottom: 1.875em;*/
    /*padding: .5em 1em; this should be added to the site notice div inside*/
    box-shadow: inset 0 -4px 5px 0 rgba(41, 41, 41, .14), 0 -1px 10px 0 rgba(255, 255, 255, .12), 0 -2px 4px -1px rgba(255, 255, 255, .04);
    margin-bottom: 0.8em;
}

.row .columns {
    padding: 0;
}

div#content h2#firstHeading:before {
    display: none;
}

div#content h2 {
    font-weight: 100;
}

div#content h3 {
    margin-top: 1em;
}

div#content h4 {
    color: #e2e2e2;
    margin-top: 1em;
}

code {
    font-weight: normal;
    /*color: inherit;*/
    color: #ccc;
    font-size: .9em;
    font-family: Roboto Mono;
}

.top-bar .button.search {
    top: 0px;
    margin-left: -5px;
}

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
    background: rgba(0, 0, 0, 0.2);
    padding: .5em 2.4em;
    padding: .5em 1em;
    margin: 0px;
    background: #404040;
    border-radius: 2px;
    transition: background 0.2s;
    transition: color 0.2s;
    color: rgba(255, 255, 255, 0.6);
}

input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #fff;
    color: rgba(0, 0, 0, .87);
}

.mbinfo {
    border: 1px solid #050504;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}

li.gallerybox div.thumb {
    background-color: #333;
    border: 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    margin: 0;
    padding: 1px;
}

/* SMW BUILD SEARCH */
.smwbuildsearch-table {
    border: 1px solid black;
}

.smwbuildsearch-table th {
    width: 200px;
    padding-bottom: 0;
}

.smwbuildsearch-table td {
    padding-top: 0;
}

.smwbuildsearch-table td.more-space {
    padding-bottom: 1em;
}

.smwbuildsearch-table select {
    height: 30px;
}

.smwbuildsearch-table input[type="checkbox"].createboxInput {
    margin-bottom: 0;
}

.smw-search-result thead, .smw-search-result {
    border: 0;
}

.smw-search-result thead {
    background-color: #ccc;
}

.smw-search-result {
    background-color: #444;
}

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

.CategoryTreeToggle {
    color: #80B7FF;
}

.CategoryTreeEmptyBullet {
    color: rgba(255, 255, 255, .1);
}

/* Legacy */
div {
    line-height: inherit;
}

div#content h1, div#content #firstHeading {
    display: inline;
}

#Skill_Bar {
    display: block;
    clear: both;
}

.unpatrolled {
    color: rgb(183, 75, 75);
}

abbr, acronym {
    color: rgba(255, 255, 255, .4);
}

.autocomment {
    color: #bbb;
}

.mw-recentchanges-table tr:first-child {
    margin-right: 2em;
}

select {
    margin: 0;
}

.mw-input label {
    vertical-align: top;
}

.mw-editsection, .mw-editsection-like {
    color: rgba(255, 255, 255, .1);
}

hr {
    display: none;
}

select {
    padding: 5px 10px;
    border: 0;
    background: #1d1d1d !important;
    color: rgba(255, 255, 255, .8);
}

table.diff {
    background: #333;
    padding: 1em .25em 1em 0;
    display: flex;
}

td.diff-context {
    background: #333;
    border-color: rgb(89, 89, 89);
    color: #bbb;
}

td.diff-deletedline {
    border-color: #6B5729;
}

td.diff-addedline {
    border-color: rgb(80, 107, 134);
}

td.diff-deletedline .diffchange, td.diff-addedline .diffchange {
    color: #282828;
    padding: .25em;
}

td.diff-deletedline .diffchange {
    background: #D8B052;
}

td.diff-addedline .diffchange {
    background: rgb(98, 179, 255);
}

table.diff td.diff-marker {
    padding: 0;
    color: #595959;
}

table.diff td {
    padding: 0 1em;
    line-height: 1.5;
    vertical-align: middle;
}

table.diff td.diff-lineno {
    padding-left: 2em;
}

fieldset legend {
    display: none;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    border: 0;
}

input[type="submit"] {
    border: 0;
    padding: 5px 10px;
    box-shadow: none;
    color: #111;
    background-color: #f9a916;
    font-size: 15px;
    margin-top: 10px;
    border-radius: 0.25rem;
}

input[type="submit"]:hover {
    opacity: 0.5;
}

label {
    color: #fff
}

textarea#wpTextbox1 {
    width: 100%;
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    padding: 1em;
}

.editOptions {
    background-color: #1d1d1d;
    padding: 15px;
    color: #aaa;
    border: 0;
}

.editButtons input {
    margin-left: 1em;
}

dl dt {
    line-height: 1.3em;
    margin-bottom: 0;
}

dl dd {
    margin-bottom: 0;
}

.mw-datatable th, .mw-datatable td {
    background: #333;
    border: 0;
}

.mw-datatable tr:hover td {
    background-color: rgba(255, 255, 255, .1);
}

table.wikitable {
    background: #1d1d1d;
}

table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
    border: 1px solid #111111;
}

table.wikitable>tr>th, table.wikitable>*>tr>th {
    background: #f9a916;
    color: #111;
}

div.mw-dismissable-notice .mw-dismissable-notice-body {
    margin: 0;
}

/* div#siteNotice {padding: .5em 1em;} */
/* You have a new message */
.panel {
    background: #000;
    color: #ccc;
    border: 0;
    margin-bottom: 0;
}

/* Tables & Forms */
table {
    background: #1d1d1d;
    border: 0;
}

table tr th, table tr td {
    color: #bbb;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: inherit;
}

fieldset, .mw-changeslist-legend {
    border: 0;
}

/* Recent Changes */
.mw-special-Recentchanges .mw-specialpage-summary, .rcoptions legend, .mw-changeslist-legend.mw-collapsible>b, .rcoptions hr {
    display: none;
}

.rcoptions {
    padding: 1em;
}

.mw-changeslist-legend dd {
    margin-left: 3em;
}

.mw-recentchanges-table {
    background: none;
    box-shadow: none;
    margin: 1em 0 0;
}

.mw-recentchanges-table tr {
    background: none;
    display: inline-block;
}

.mw-recentchanges-table tr td {
    width: inherit;
    background: none;
    padding: 0 .5em 0 0;
}

#mw-content-text .mw-changeslist ul {
    margin: 0;
    list-style-type: none;
}

.mw-changeslist li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: .25em 0;
}

.mw-changeslist li:last-child {
    border-bottom: 0;
}

.mw-plusminus-pos, .recentratingspage .upvotegreen {
    color: #66DC65;
}

.recentratingspage .upvotegreen b {
    color: #55BB54
}

.mw-plusminus-neg {
    color: #f7746a;
}

/* Recent Ratings */
.mw-special-Rating.ns-special a.button.dropdown {
    display: inherit;
}

.recentratingspage h4:first-child {
    margin-top: 0;
}

#mw-content-text .recentratingspage ul {
    margin: 0.5em 0;
    list-style: none;
}

.recentratingspage ul li {
    padding: 0.25em 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.recentratingspage ul li:last-child {
    border: 0;
}

.fa-balance-scale:before {
    content: "\f24e";
}

/* Revision History */
#mw-history-search {
    padding: 0;
    margin: 0;
}

#mw-history-search legend {
    display: none;
}

#mw-history-search input[name="year"] {
    width: 5em;
}

#mw-history-search input[name="month"] {
    width: 6em;
}

#mw-history-compare {
    margin-top: 1em;
}

#mw-content-text #pagehistory ul {
    list-style: none;
    margin: .5em 0;
}

#pagehistory li {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: .25em .5em;
}

#pagehistory li.selected {
    background-color: #333;
    border: 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}

#pagehistory li:last-child {
    border: 0;
}

/* Upload File */
/* ToC */
div#toc {
    background: #1d1d1d;
    border: none;
    display: flex;
    flex-direction: column;
}

#toc, .toc {
    margin: 0px;
}

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

/* Main Page */
body.page-MetaBattle_Wiki div#content #firstHeading {
    display: none;
}

body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {
    border-left-color: rgba(255, 255, 255, 0.1);
}

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: rgba(255, 255, 255, .01)
}

body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd, body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd, body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd, body.skin-foreground.ns-talk .mw-content-ltr dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd>dl>dd, body.skin-foreground.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.skin-foreground.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.skin-foreground.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.skin-foreground.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: rgba(255, 255, 255, .01)
}

a.foregroundlabel {
    color: #fff
}

.foregroundlabel {
    background-color: rgba(106, 167, 247, 0.5);
    padding: 0.25em 0.5em;
}

a.foregroundlabel.new {
    background-color: #333;
}

div#content h2:before {
    border-top-color: transparent;
}

.builds-intro-first {
    border-top: 0;
}

.page-MetaBattle_Wiki #actionsbar, .main-page-title {
    display: none;
}

.builds-intro.builds-intro-first {
    margin-top: 0;
    padding-top: 0;
}

#actionsbar {
    margin: 0px !important;
}

.nsfl-Build {
    background-color: #fff;
    color: #333;
}

.nsfl-Team {
    background-color: #E6BA5A;
    color: #333;
}

#userloginForm .mw-ui-vform {
    margin: auto;
    height: auto;
}

#userlogin2 label {
    color: lightgrey;
}

.contribution {
    background-repeat: no-repeat;
    height: 75px;
    margin-left: 270px;
    margin-top: 10px;
    padding-left: 100px;
    padding-top: 5px;
    width: 500px;
}

.contributionEdits {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAC00lEQVR42u3cXU8TQRTG8YGKVA0aiYhiBUVMiiF4Y6LxyhiiImLQRPEFgsZQuBLxBaG1wle0/UD1SYCcyTDdMzuaTNhzLv4XzU7a5pdmdrLdWdPpdLR/SDyAAipgwQH/tNpFrYKWUTljjAJm4G2jPbSKygoY3lXCQxaiAkbguYgKGINH1VBZAf14OwTFIyogNerH4xEVcL+PBJMfUQFb7dNoPRJxRQEJcS0n3jaqKGBuRMKTOAeOomrG8VOEyOPJASS8OmpGIRLeFYnrwDFUtyCaaIRDZPDEABIe9Rz1IMMg1lw8aYA8Ho+4Qr9WKYDheL3oJZrk3k8AIIs378F7bc2JtxQwHK9EeMhClA44hhoReDbipFTAa9F41E80IgOQx3sWi5cAsBB4l1OcRAqFJw3wugdvzoO3GIInADABXgLAY4cnDXA8EO9NBt4W4QkAZPCeJsBLCJge7xIyAgCj8N6G4EkDvOHBm02AlwBQAF4CwDR4AgBZvCcevHcZeD8IrwCAqfCkAU78J7xhZAQARuG9D8GTA0h4vzx4JgZPACCL99gZcyIA7yIyAgAT4BUGkMebj8UTBkh4TpvovIW3FIInDfCmg+dDHArFEwZIeEy/GbwhZOQAEl7Tg7GXo++EJwCQwXuBpmLwZADyeL1oOAJPFOCAZ85bOMAzqA81QvEkAj50MDYsPLuzqIp2GDxRgH1oywG522VsGa0yeOIA73jucD+ZA+8CMlIBe9BnB+WRZ9wZVHPGfSM8uYBVz12fA9bxQTSHGt3wpAN+cJct1qbmRbRLx47iSQeseHAeoE/0ujueArbarwgmqI1DPAVstc/RhQC2dTSNSsgo4H6zDNouWkLj9hdQQFrP1TP2XizYf/oo4FHA+1321s7YSxgF9AOW0FcL7gu6h/oPP0QBswFvH8CtoSn7goEChgHOuCcGBdQHMOoTLBVQATUFVEAFPPb9BfgD+K1G8e16AAAAAElFTkSuQmCC");
}

.contributionPages {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAB10lEQVR42u3cTUsCURTG8RqzxkW1DGxVQRBUVJsKKsi0BLPAslSIXEVEIr2BgYvzFasPZI+rWsQ4c18mr/Ms/usz5weX4W7uWK/XYxolHoCABCQgAYP6+Pz67yZQxkQKs0cCcBo9IjHQibuA+ogtQ4jHcQP6KBNznm3EOAE7SGKujlJ/LDSDSqgcoip6DUJ0BFAfUaMUqiggmgd0GNEfsEMhTsAnVDbcBWoHLFgzgFhFooBoHLBh6S/roTOLiPtIFBCdAew3id4sIW4iCVHeZcB+pwMWvFZEXEOigOgc4AYSC4hbSBQQnQNcRGIBcQdJxI5cBMwisYBYQKJQzjXAuYgLXoVEvFQE7LgGOI/EAuI9aqE6KqIDtI12UQ410PsoAC4gsYCYDjF7ClVcB1xHooHoGbg7P7sMuIdEo0MD39BwGfD816wuaqM7dIua6AF1AwBLSQdcRctoFo0HHLMl1CSgXh6qEVCvLAH18glIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUjAhAKmUSZiNwT8KY8kagQkIAGHBXAFlTUqJh1QOwISkIAEJKA5wBdUHaJqzgAOawQkIAEZnwAlIAEJyJT6BiMnuFx6r2hrAAAAAElFTkSuQmCC")
}

.contributionPeople {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEWElEQVR42u3ab0xVdRzH8SuVlJuTZUWFBU6BJFujsVAmI2QOb9akzXrS2NxtOTItmz1IZ0WzfNR8QDq3GItkq0U+QJttrkEWDNeKorFCEUTDhBhzQk3g4r3f3m30xJ0/v/M7v3P/bD548fDzPedzf5dz7u+c0OjYWCpZiGfxGQbwN/7BEJqxARmpdMypVF4puiEuTqAg3QvMQAX2oBGHsB2rNfNqMQVRdBEbNWetxnYcwsfYiwpkJKrAPLQgCrnJOPZjkYe8LZiBeDSBMg9zFmE/xi2yomhBXtAFFqJH8WuWpZC3HCMQTb1YrDAnC20KeT0oDKrAO9ABUdSskHkU4tMBhTnNEEXtuD2IAndBPKpxyCvBGMSn35HtMKdGI/N10wVm4jTEo6MOme9BDKkzvMpPI9NkgeW4DvFoECtsMr+CGNJkM2MFBjXyrqPcZIG1EA1xrLPIy8VZ5Rz9FbMOcc3MWpMFboNoWm+RV4xxiCF9eMBiznqIpm0mC9wK0RDF2gQUOIDlFnPWIqqZudVkgZsgGoaRb5H3CP5IwArMx7Bm5iaTBRbiIsSjk1hokXcvfoYY8h3utNmcOKn5wReYvg88BvHoA4e8NoghLQ5z3tfIOxbEjfROiAfTqHLIOwgx5F2HOVWY9pi3M6ifcj9CFLW55L2AGMSna6hEyNBq/wG3mS8QqENccfVtdslagl8hPnUqHPdmxVUYR13Q21lfQlw0KmYdgfi0T3FWo0JWayL2A5ehE2KjA9mKWWWYgGgaxn2Ks7LR4bKSc4IvEHgKYmEOW1QyDF2N6z3Oeh5zNlkVidqRzsVxiI1urPSQV4IpzW2sJR7mrES3y0Xv4SALzMNu9ENcjGKfh2ckByAehT08A3kbowqZ/diNXFMFFmEHWnEF4tFVHMebKHaYsxjfQhS943LcxfMzT+AqxKMraMUOrPJaYCk+xBn8BTFkAr9hr83BFGBIIecwFthkvIJfLEvTN4Yz852UOhVYji5EIQG6gHzbXw36O9yP409IgKLoQvnNBb6EG5AEaHAoodLng6qPIAlwA5H/CyzBLCRAQ/gc1Q4nfze+V8h6xqXE6vlZFyABmkWJ868BfTH0oQkR5Chc4b9QzB7Bcwi5yEEETehDDGLYkRB/BgwG9qAeYSxVOMkHsQfnNT79FqxBSMFShFFveB/y3H/hkwaCRhBBluIbWE/jEwxDfJjCN3gN9yuWmYUIRiA+TZoosN/lhnkBluFFfIoBTAfwL2MM7XgLTyg8130M55Jd4LTNW1J3oQi70I5riEESZAZn0YANuMfm3jGMGb8FnkIvfvLoksUtSQ5eRhfikBRxGQfxpEWJDbikcf69ODUfYkQNzkNS3GE8lGpvqL4KSSO9KEiVAjdiDpJmOpGZCgW2QtLUG8kucBUuQ9LU18hMZoGVkDQ2ikeTWWAYkuYqbhXoTziZBVbdKtBfgWswC0lj1ckssAiDiGEyzcxgCmV+OvgXgnz5DEfjyeMAAAAASUVORK5CYII=")
}

.edits {
    font-size: 24pt;
}

/* Recent Disqus Comments Page */
ul.dsq-widget-list {
    margin: 0 !important;
}

li.dsq-widget-item {
    margin: 0 0 2.5em !important;
}

span.dsq-widget-comment {
    display: block !important;
}

img.dsq-widget-avatar {
    float: right !important;
    margin: 0 0 0 12px !important;
}

p.dsq-widget-meta {
    color: #222 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

p.dsq-widget-meta>a {
    /*display: none !important;*/
}

p.dsq-widget-meta>a+a {
    display: inline-block !important;
    margin-right: 1em !important;
}

/* Rating in Build Page */
.row.ratings {
    max-width: none;
    background-color: #111111;
    margin-top: 1.25em;
    padding: 1.25em 0;
}

#rating_thread {
    color: #eaeaea;
}

.rating>.points {
    text-align: center;
    padding: 0;
}

.rating>.points>div:first-child {
    font-size: 3.5em;
    color: white;
    font-family: EasonPro;
}

.rating>.bar {
    margin-top: 1.5em;
    width: inherit;
    min-width: 300px;
}

.logintovote {
    background: #1d1d1d;
    margin: 1.25em 0;
    padding: .25em .5em;
    text-align: center;
}

.first-to-vote-pl0x {
    width: 100%;
    text-align: center;
    padding: 2em .5em;
    font-size: .95em !important;
}

fieldset.userratebox form {
    margin: 0 0 1.25em;
}

fieldset.userratebox .typing-rating-comment {
    display: flex;
}

fieldset.userratebox .typing-rating-comment .left-flex {
    display: flex;
    width: 100px;
}

fieldset.userratebox #checkboxHeart {
    margin: 0;
    width: 100px;
    font-size: 1em;
    padding: 0;
    height: 1.5em;
    align-self: flex-start;
    background: #e9e9e9;
    color: #fff;
    border-radius: 3px 0 0 3px;
}

fieldset.userratebox .typing-rating-comment .textarea {
    padding-left: 0em;
    width: 100%;
}

fieldset.userratebox textarea {
    box-sizing: border-box;
    max-height: 350px;
    /* optional, but recommended */
    min-height: 3.5em;
    overflow-x: hidden;
    /* for Firefox (issue #5) */
    height: auto;
    padding: 0.25em .5em;
    margin: 0 !important;
    border: 0;
    border-radius: 0 3px 3px 3px;
}

fieldset.userratebox #textareaCharactersLeft {
    text-align: right;
    font-size: .75em;
}

fieldset.userratebox #next-process-for-rating-submission, fieldset.userratebox input[type=submit] {
    background-color: #e9e9e9;
    padding: .25em .5em;
    color: #000;
    border: 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    font-weight: 100;
    display: inline-block;
    line-height: 1;
    margin-top: 0;
    transition: background .2s;
    text-decoration: inherit;
    font-style: inherit;
}

fieldset.userratebox #next-process-for-rating-submission:hover, fieldset.userratebox input[type=submit]:hover {
    font-style: inherit;
    text-decoration: inherit;
    background-color: #fff;
}

fieldset.userratebox #next-process-for-rating-submission {
    float: right;
}

fieldset.userratebox .rating-rules-before-submit {
    display: none;
}

fieldset.userratebox .guidelines2>p {
    font-weight: bold;
}

fieldset.userratebox .agreement {
    display: flex;
    justify-content: space-around;
    background: rgba(255, 255, 255, .02);
    align-items: center;
    padding: .25em .5em;
    border: 1px solid #564723;
}

fieldset.userratebox .agreement>* {
    display: inline-block;
}

fieldset.userratebox input[type=submit] {
    margin: 0;
}

.allratings .votes {
    font-weight: bold;
    color: #fff;
    margin-bottom: .5em;
}

.rating>.bar, .rating>.bar>.upvotes {
    height: .33em;
}

fieldset.userratebox {
    margin-top: 1em;
}

.allratings {
    margin-top: 0em;
}

.allratings .rating-vote-comment {
    display: flex;
    flex-direction: row;
    margin-top: 1.25em;
}

.allratings .rating-vote-comment:first-child {
    margin-top: 0;
}

.allratings .rating-vote-comment .left-icon {
    width: 48px;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.allratings .rating-vote-comment .left-icon img {
    padding-top: .33333em;
}

.allratings .rating-vote-comment .right-comment {
    width: 100%;
}

.allratings .rating-vote-comment .right-comment .comment-meta {
    font-size: 14px;
    color: #aaa;
}

.allratings .rating-vote-comment .right-comment .comment-meta .sway-major {
    color: #bbb;
}

.allratings .rating-vote-comment .right-comment .comment-meta>.date {
    color: #ccc;
}

.allratings .rating-vote-comment .right-comment .comment-meta .bullet-user-date {
    margin: 0 .25em;
}

.allratings .rating-vote-comment .right-comment .comment {
    padding: 0;
}

.allratings .diff-height-extra-votes {
    height: 1.25em;
}

.allratings .more-comments-link {
    color: #eaeaea;
    transition: color .2s;
}

.allratings a.more-comments-link:hover {
    color: #FFF;
}

.allratings .more-comments {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .13);
    padding: .25em .5em;
    transition: background .2s;
}

.allratings a.more-comments-link:hover>div {
    background: #666;
}

.allratings a.more-comments-link+.extra-votes {
    display: none;
    opacity: 0;
    transition: opacity 1s;
}

/* Disqus Threads */
.row.comments {
    max-width: none;
    background-color: #111111;
    padding-top: 1.25em;
    margin-top: 2.5em;
}

.row.ratings+.row.comments {
    background-color: #111111;
    margin-top: 0;
}

.row.ratings+.row.comments+footer.row, .row.comments+footer.row {
    max-width: none;
    margin: 0;
}

.row.comments+footer.row {
    background-color: #111111;
    color: #aaa;
}

.row.ratings+.row.comments+footer.row {
    background-color: #111111;
    color: #aaa;
}

.row.comments+footer.row>#footer {
    max-width: 62.5em;
    margin: 2em auto 0;
}

/* PvP Build Rows */
.build-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: rgba(255, 255, 255, .025);
    transition: background-color .25s, color .25s;
}

.build-row:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #ccc;
}

.build-row * {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.build-row a, .build-row a:visited {
    color: #d4d4d4;
    transition: color .25s;
}

.build-row a:hover {
    color: #f9a916;
}

.build-row .build-row-icon {
    align-self: center;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
}

.build-row .top {
    width: 50%;
    justify-content: space-between;
}

.build-row .bottom {
    justify-content: space-between;
    width: 50%;
}

.build-row .title {
    width: 50%;
}

.build-row .title span, .build-row .title span a {
    width: 100%;
}

.build-row .title span a {
    margin-right: 1em;
    padding: .5em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    font-weight: bold;
}

.build-row .skillsntraits {
    justify-content: space-between;
    width: 40%;
}

.build-row .skills {
    width: 85%;
    justify-content: center;
}

.build-row .equipment {
    width: 80%;
    justify-content: space-between;
}

.build-row .weaps {
    width: 82.5%;
    justify-content: space-around;
}

.build-row .weap1, .build-row .weap2 {
    width: 42.5%;
    justify-content: space-around;
}

.build-row .equipment .traits {
    width: 100%;
    justify-content: space-around;
    padding-left: 1.5em;
}

.build-row .equipment .traits i {
    margin-right: .25em;
    font-size: .75em;
}

.build-row .equipment .traits span {
    width: 33%;
    justify-content: center;
}

.build-row .weap1, .build-row .weap2, .build-row .equipment .traits span {
    font-size: .75em;
}

.build-row .community {
    width: 20%;
    justify-content: space-around;
    padding-left: .5em;
}

.build-row .rating a {
    width: 32px;
    height: 32px;
    border: 2px solid rgba(107, 107, 107, 0);
    background: none;
    color: #fff;
}

.build-card-h.draft+.build-card-c .build-row .rating {
    display: none;
}

.build-row .rating a>div {
    text-align: center;
    display: block;
    width: 100%;
}

.build-row .rating.fivestars a {
    background: #223e39;
    border: 2px solid #345e57;
}

.build-row .rating.fourstars a {
    background: #264527;
    border: 2px solid #3e703f;
}

.build-row .rating.threestars a {
    background: #4e5222;
    border: 2px solid #857c37;
}

.build-row .rating.twostars a {
    background: #53401c;
    border: 2px solid #7c5824;
}

.build-row .rating.onestar a {
    background: #401d12;
    border: 2px solid #59291a;
}

.build-row .rating.zerostars a {
    background: #401d12;
    border: 2px solid #59291a;
}

.build-row .rating.NA a {
    color: #fff !important;
    border: 2px solid #909090;
    background: #545454;
}

.build-row .community .comments span.wraplinkint:before {
    content: "\f075";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .85em;
    margin-right: .25em;
}

.build-row .medal-icon>img {
    max-width: unset;
    height: unset;
}

/* New Front Page */
div.chobo {
    margin-bottom: 1.5em;
}

a>div>div.new-player-portal {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .1);
    padding: .5em .5em;
    color: #d4d4d4;
    transition: color .2s, background .2s;
}

a:hover>div>div.new-player-portal {
    color: #fff;
    background: #555;
}

.choosewrap {
    display: flex;
    margin: 2em 0 1em;
}

.chooser {
    width: 50%;
}

.chooser>div {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% auto;
    width: 100%;
    min-width: 250px;
    min-height: 330px;
}

.by-profession {
    background: url("//metabattle.com/wiki/images/5/58/Profession-Transparent.png") no-repeat center center;
}

.by-game-mode {
    background: url("//metabattle.com/wiki/images/3/37/Game-Mode-Transparent.png") no-repeat center center;
}

.chooser>.title {
    min-height: inherit;
    font-size: 1.25em;
    font-weight: bold;
    color: #fff;
}

.chooser>div>div.wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.by-profession>div.wrap {
    width: 422px;
    height: 252px;
    top: -18px;
    left: -1px;
}

.by-game-mode>div.wrap {
    width: 417px;
    height: 252px;
    top: -18px;
    left: -2px;
}

.wrap>a {
    width: 33%;
    height: 33.33333%;
    display: flex;
    justify-content: center;
    color: #f5f5f5;
    background: rgba(0, 0, 0, .5);
    transition: background .2s;
}

.by-game-mode .wrap>a {
    width: 50%;
    height: 50%;
}

.wrap>a:hover {
    background: rgba(255, 255, 255, .13);
    color: #FFF;
}

.wrap>a>div {
    align-self: center;
}

.build-row-help {
    margin-top: 1em;
}

.build-row-help>p {
    margin: 0;
}

.build-row-help>p>span {
    display: inline-block;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .13);
    border-bottom: 0;
    background: rgba(0, 0, 0, .13);
    color: #bbb;
    padding: .25em 0;
}

.build-row-help span.one {
    width: 25%;
    margin-left: 2.5em;
}

.build-row-help span.two {
    width: 59.5%;
}

.build-row-help span.three {
    float: right;
    width: 8.5%;
}

/* Front Page Temp */
.builds-intro-pve>div.builds-intro-list {
    background: rgba(255, 244, 216, .1);
}

.builds-intro-GvG>div.builds-intro-list {
    background: rgba(216, 227, 244, 0.1);
}

.builds-intro-pvp>div.builds-intro-list {
    background: rgba(231, 220, 249, 0.1);
}

.builds-intro-list-guardian {
    background: rgba(235, 250, 255, 0.1);
}

.builds-intro-list-revenant {
    background: rgba(232, 207, 207, 0.1);
}

.builds-intro-list-warrior {
    background: rgba(255, 251, 239, 0.1);
}

.builds-intro-list-engineer {
    background: rgba(255, 245, 237, 0.1);
}

.builds-intro-list-ranger {
    background: rgba(246, 255, 237, 0.1);
}

.builds-intro-list-thief {
    background: rgba(231, 219, 219, 0.1);
}

.builds-intro-list-elementalist {
    background: rgba(255, 230, 230, 0.1);
}

.builds-intro-list-mesmer {
    background: rgba(255, 234, 255, 0.1);
}

.builds-intro-list-necromancer {
    background: rgba(235, 255, 244, 0.1);
}

/* User Login */
#mw-createaccount-join {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}

#userloginForm .mw-ui-vform {
    width: 45%;
}

#mw-createaccount-cta {
    margin-left: 0%;
    width: 100%
}

pre {
    font-family: monospace !important;
    font-size: 0.95em;
    line-height: 1.3em;
    background-color: #1d1d1d;
    padding: 1em;
    margin: 1em 0px 1em;
    word-break: break-all;
}

/* Specializations */
.specialization+p>b:before {
    background-color: #111;
}

.specialization {
    background-color: #eee;
    vertical-align: middle;
    padding: 0;
    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>.specoverlay {
    background: rgba(0, 0, 0, .5);
}

.specialization>.specoverlay:hover {
    background: rgba(0, 0, 0, .25);
}

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

.specialization>.specoverlay>.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>.specoverlay>.label {
    width: 156px;
}

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

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

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

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

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

@-webkit-keyframes slp {
    0% {
        opacity: 0.75;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.75;
    }
}

.specialization>.specoverlay>.line {
    padding: 0;
    margin: 0 -4px;
    width: 32px;
    border-top: 3px solid #fff;
    position: relative;
    -webkit-animation-name: slp;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 15;
    -webkit-animation-timing-function: ease-in-out;
}

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

.specialization>.specoverlay>.line.midmid {
    border-top: 3px solid rgba(255, 255, 255, .87);
}

.specialization>.specoverlay>.line.midtop, .specialization>.specoverlay>.line.botmid, .specialization>.specoverlay>.line.midbot, .specialization>.specoverlay>.line.topmid {
    width: 48px;
    margin: 0 -12px;
}

.specialization>.specoverlay>.line.midtop, .specialization>.specoverlay>.line.botmid {
    transform: rotate(-40deg);
}

.specialization>.specoverlay>.line.midbot, .specialization>.specoverlay>.line.topmid {
    transform: rotate(40deg);
}

.specialization>.specoverlay>.line.topmid, .specialization>.specoverlay>.line.midtop {
    top: -26px;
}

.specialization>.specoverlay>.line.botmid, .specialization>.specoverlay>.line.midbot {
    top: 26px;
}

.specialization>.specoverlay>.line.midnone, .specialization>.specoverlay>.line.nonemid {
    visibility: hidden;
}

.specialization.dragonhunter>.specoverlay {
    background: rgba(0, 0, 0, .65);
}

.specialization.dragonhunter>.specoverlay:hover {
    background: rgba(0, 0, 0, .4);
}

.specialization:hover+p>b, .specialization>.specoverlay {
    transition: background .2s;
}

/* Special