MediaWiki:Common.css

Материал из Guild Wars 2 wiki
Перейти к: навигация, поиск
/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/** FONTS **/
@font-face {
  font-family:'EasonPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'EasonPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic') format('svg');
  font-weight:normal;
  font-style:italic;
}
@font-face {
  font-family:'EasonPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold') format('svg');
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-family:'CronosPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
    font-family: 'Menomonia';
    src: url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.eot');
    src: url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.eot?#iefix') format('embedded-opentype'),
         url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.woff') format('woff'),
         url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.ttf') format('truetype'),
         url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.svg#MenomoniaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Menomonia';
    src: url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.eot');
    src: url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.eot?#iefix') format('embedded-opentype'),
         url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.woff') format('woff'),
         url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.ttf') format('truetype'),
         url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.svg#MenomoniaRegular') format('svg');
    font-weight: normal;
    font-style: italic;
}

/** COOKIE NOTICE **/
/* Cookie notification banner fix for IE10 - Requires a snipper in Common.js to set the user agent into the HTML node */
html[data-useragent*='MSIE 10.0'] .index_cookieNotification__1-VLN > div {
  display: block;
}

/** MOBILE DEVICES **/
/* Special:RecentChanges fixes for when the screen size is below the minimum width */
@media screen and (max-width: 750px) {
  #rcQuickLinks, .mw-changeslist-legend { display: none; }
  #latest-update { margin-top: unset !important; float: unset !important; }
}

/** MISCELLANEOUS UI CHANGES **/
/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2, .toc1 li.toclevel-3, .toc1 li.toclevel-4, .toc1 li.toclevel-5, .toc1 li.toclevel-6,
.toc2 li.toclevel-3, .toc2 li.toclevel-4, .toc2 li.toclevel-5, .toc2 li.toclevel-6,
.toc3 li.toclevel-4, .toc3 li.toclevel-5, .toc3 li.toclevel-6,
.toc4 li.toclevel-5, .toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide,
body.page-Main_Page.ns-subject h1.firstHeading, body.page-Main_Page.ns-subject #contentSub { display:none; }

/* TOC heading font */
#toc h2,
.toc h2 { font-family:Arial, sans-serif!important; }

/* Sitenotice */
div.mw-dismissable-notice .mw-dismissable-notice-body { margin:0; margin-bottom:.5em; }
div.mw-dismissable-notice .mw-dismissable-notice-close { margin-right:5px; margin-top:5px; }

/* Edit buttons */
.mw-editsection { float:right; }

/* References */
ol.references > li:target, sup.reference:target, cite:target { background:#EEF; }
ol.references { font-size:90% }
sup, sub { line-height:1em; }

/* Universal styles */
.infobox .clear, .recipe-box .clear { height:5px; }
#content .hiddenlinks a, #content .hiddenlinks a:link, #content .hiddenlinks a:visited { color:inherit; }

/* Special:Search */
#mw-search-top-table div.oo-ui-actionFieldLayout { float: none; }
.mw-search-exists {
    background-image: linear-gradient(to bottom,#F0FBE1 0%,#C3E59A 100%);
    display: inline-block;
    padding: 1em 0.5em;
    border: 1px solid #b8d892;
    margin: 0.5em 0em 0em -0.5em;
}

/* Recent Changes */
span.comment { font-style: italic; }
.mw-collapsible-toggle { font-weight:normal; font-size:85%; }
.collapsible-toggle { font-size:85%; font-weight:normal; width:3em; float:right; text-align:center; margin-left:0.5em; padding:0px 3px; }
ul.special abbr, ul.special acronym { border:none; }

/** MASTHEAD **/
#upperBar {
  position:absolute;
  top:0;
  left:156px;
  height:30px;
  z-index:4;
  font-size-adjust:0.52;
}
#upperBar ul {
  padding:0px;
  margin:0px;
  list-style:none;
}
#upperBar ul li {
  margin:0;
  padding:0px;
  display:inline-block;
  font-family:"EasonPro","Times New Roman","serif";
}
#upperBar ul li a {
  color:#F9F1E2;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 10px;
  line-height:2.6;
}
#upperBar ul li a:hover {
  text-decoration:none;
  color:white;
}
#upperBar ul li:first-child a:hover {
  background:url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
  background-position:-121px -30px;
}
#upperBar ul li:first-child+li a:hover {
  background:url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
  background-position:-206px -30px;
}
#upperBar ul li:first-child+li+li a:hover {
  background:url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
  background-position:-274px -30px;
}

/** INFOBOXES **/
div.infobox {
  float:right;
  position:relative;
  width:250px;
  background:#FFF;
  font-size:.923em;
  border:1px solid #AAA;
  margin:0 0 1em 1em;
  padding:0;
}
div.infobox {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image:linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
}

div.infobox .icon {
  float:right;
  position:relative;
  z-index:2;
  width:auto;
  margin:5px;
}

/* Missing icons */
div.infobox .icon a.new {
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;
  background-image:url("/images/thumb/7/74/Skill.png/40px-Skill.png");
  height:40px;
  width:40px;
}
div.infobox.skill .icon a.new {
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;
  background-image:url("/images/thumb/7/74/Skill.png/48px-Skill.png");
  height:48px;
  width:48px;
}

/* animation link beneath icon */
div.infobox .icon p {
  text-align:center;
  color:#444;
  font-size:9px!important;
  background-color:rgba(255,255,255,0.5);
  border-radius:.75em;
  line-height:1em;
  margin:.25em -.5em;
  padding:2px;
}

div.infobox .heading {
  font-weight:700;
  background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
  text-align:center;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0;
  position:relative;
  z-index:1;
  margin:-1px -1px 5px!important;
}
div.infobox .heading {
  font-family:EasonPro, "Times New Roman", serif!important;
  font-size:1.417em!important;
  color:#fff!important;
  background-color:#444;
  text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
  line-height:1.176em;
  font-size-adjust:.43;
  padding:.5em!important;
}

div.infobox .statistics {
  text-align:center;
  margin:0 8px;
}

div.infobox .image_wrapper {
  text-align:center;
  padding:0;
  margin:10px 0;
}

div.infobox .statistics span + span { margin-left:5px; }

div.infobox .wrapper {
  clear:both;
  padding:0;
}

div.infobox dt {
  float:left;
  text-align:right;
  width:78px;
  line-height:1em;
  font-weight:700;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 3px;
}

div.infobox dd {
  float:left;
  width:125px;
  font-weight:400;
  border-left:2px solid #999;
  margin:0;
  padding:2px 7px;
}

div.infobox::after,
div.infobox .heading::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}

div.infobox::after,
div.infobox .heading::after { bottom:-3px; }

/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class*=center]::after,
.table.noshadowafter::after { background-image:none; }

div.infobox table { background-color:transparent; }

div.infobox dt,
div.infobox dd { line-height:1.667em; }

/* declare skill and trait infoboxes first because these colours are overwritten by professions */
div.infobox.skill .heading
div.infobox.trait .heading { background:#444; }
div.infobox.skill dd,
div.infobox.skill dt,
div.infobox.trait dd,
div.infobox.trait dt { border-color:#999; }

div.infobox.skill .icon > div { border:2px solid #111; }

div.infobox.guardian .heading { background-color:#066; }
div.infobox.guardian dd,
div.infobox.guardian dt { border-color:#066; }

div.infobox.revenant .heading { background-color:#861313; }
div.infobox.revenant dd,
div.infobox.revenant dt { border-color:#861313; }

div.infobox.warrior .heading { background-color:#c60; }
div.infobox.warrior dd,
div.infobox.warrior dt { border-color:#c60; }

div.infobox.engineer .heading { background-color:#630; }
div.infobox.engineer dd,
div.infobox.engineer dt { border-color:#630; }

div.infobox.ranger .heading { background-color:#360; }
div.infobox.ranger dd,
div.infobox.ranger dt { border-color:#360; }

div.infobox.thief .heading { background-color:#933; }
div.infobox.thief dd,
div.infobox.thief dt { border-color:#933; }

div.infobox.elementalist .heading { background-color:#c00; }
div.infobox.elementalist dd,
div.infobox.elementalist dt { border-color:#c00; }

div.infobox.mesmer .heading { background-color:#606; }
div.infobox.mesmer dd,
div.infobox.mesmer dt { border-color:#606; }

div.infobox.necromancer .heading { background-color:#063; }
div.infobox.necromancer dd,
div.infobox.necromancer dt { border-color:#063; }

div.infobox.asura .heading { background-color:#63c; }
div.infobox.asura dd,
div.infobox.asura dt { border-color:#63c; }

div.infobox.charr .heading { background-color:#900; }
div.infobox.charr dd,
div.infobox.charr dt { border-color:#900; }

div.infobox.human .heading { background-color:#c90; }
div.infobox.human dd,
div.infobox.human dt { border-color:#c90; }

div.infobox.norn .heading { background-color:#069; }
div.infobox.norn dd,
div.infobox.norn dt { border-color:#069; }

div.infobox.sylvari .heading { background-color:#060; }
div.infobox.sylvari dd,
div.infobox.sylvari dt { border-color:#060; }

div.infobox.boon .heading { background-color:#399; }
div.infobox.boon dd,
div.infobox.boon dt { border-color:#399; }

div.infobox.condition .heading { background-color:#363; }
div.infobox.condition dd,
div.infobox.condition dt { border-color:#363; }

div.infobox.promo .heading { background-color:#6EA500; }
div.infobox.promo dd,
div.infobox.promo dt { border-color:#6EA500; }

div.infobox.item .heading { background:#C30; }
div.infobox.item dd,
div.infobox.item dt { border-color:#C30; }

div.infobox.skin .heading { background:#C4003E; }
div.infobox.skin dd,
div.infobox.skin dt { border-color:#C4003E; }

div.infobox.crafting .heading { background:#533610; }
div.infobox.crafting dd,
div.infobox.crafting dt { border-color:#533610; }

div.infobox.npc .heading { background:#390; }
div.infobox.npc dd,
div.infobox.npc dt { border-color:#390; }

div.infobox.pet .heading { background:#360; }
div.infobox.pet dd,
div.infobox.pet dt { border-color:#360; }

div.infobox.quest .heading { background:#F90; }
div.infobox.quest dd,
div.infobox.quest dt { border-color:#F90; }

div.infobox.area .heading { background:#306; }
div.infobox.area dd,
div.infobox.area dt { border-color:#306; }

div.infobox.rewardtrack .heading { background:#001434; }
div.infobox.rewardtrack dd,
div.infobox.rewardtrack dt { border-color:#4c5a70; }

/* RECIPE BOXES */
div.recipe-box {
  min-width:300px;
  display:inline-block;
  float:none;
  clear:none;
  vertical-align:top;
  font-size:1em;
  margin:0 1em 0 0;
  position:relative;
  background:#FFF;
  border:1px solid #AAA;
  padding:0;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFEEEEEE);
  background-image:linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-o-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-moz-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-webkit-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-ms-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#EEE));
}

div.recipe-box::after {
  /* from div.infobox:after */
  bottom:-4px;
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}

div.recipe-box .subheading,
div.recipe-box .heading {
  text-align:center;
  background-color:#D3C0A8;
  padding:2px;
  font-weight:bold;
  background-image:url("/images/c/cc/Infobox_header_overlay.png")!important;
  border:1px solid rgba(0,0,0,0.25);
  margin:-1px -1px 5px!important;
}

div.recipe-box .subheading { border-width:0 1px; }

div.recipe-box dl { margin:10px 0; }

div.recipe-box dt {
  float:left;
  text-align:right;
  width:78px;
  line-height:1em;
  font-weight:700;
  clear:left;
  border-right:2px solid #A99A86;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 3px;
  line-height:1.667em;
}

div.recipe-box dd {
  float:left;
  border-left:2px solid #999;
  margin:0;
  padding:2px 7px;
}

/** TABLE CLASSES **/
.table {
  border:0 solid;
  border-collapse:collapse;
  border-spacing:0;
  font-size:.9230769231em;
  text-align:left;
  clear:none;
  position:relative;
  display:inline-block;
  vertical-align:top;
  margin:10px 0;
  padding:0;
}

.table::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}

.table::after {
  bottom:-3px;
}

/* make table captions bold */
.table > caption { font-weight: bold }

/* this is a hack to add borders to IE8- */
.table > thead, .table > tbody { border:0 solid #aaa\0/ }

.table tr {
  border:1px solid #aaa\0/;
  text-align:left;
  border-color:#AAA;
}

/* and this removes them for IE9+ */
:root .table tr { border-top-width:0; border-bottom-width:0; }

.table > * > tr > :first-child { border-left:1px solid #AAA; }
.table > * > tr > :last-child { border-right:1px solid #AAA; }

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption { border-bottom:1px solid #AAA; }

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
  background-image:url("/images/c/cc/Infobox_header_overlay.png");
  background-color:#EEE;
  border-color:#AAA;
  padding:.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
  line-height:1.667em;
  padding:.25em .5em;
}

.table tr > th, .table[class*=center] tr { text-align:center; }
.table[class*=left] tr { text-align:left; }
.table[class*=right] tr { text-align:right; }
.table[class*=middle] tr { vertical-align:middle; }
.table[class*=top] tr { vertical-align:top; }
.table[class*=bottom] tr { vertical-align:bottom; }

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
  background-color:#EEE;
  border:1px solid #aaa!important;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
  background-color:#E7E7E7;
  border-color:#AAA;
}

.table > tbody > tr:nth-child(odd) {
  background-color:#F3F3F3;
  border-color:#AAA;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] { border:1px solid #AAA; }

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }

.table .line,
.table .line-bottom {
  border-bottom-width:1px!important;
  border-bottom-style:solid;
}

.table .line-top {
  border-top-width:1px!important;
  border-top-style:solid;
  border-top-color:#AAA;
}

.table .line-left {
  border-left-width:1px!important;
  border-left-style:solid;
  border-left-color:#AAA;
}

.table .line-right {
  border-right-width:1px!important;
  border-right-style:solid;
  border-right-color:#AAA;
}

.table table {
  background-color:transparent;
  padding:0;
  margin:0;
}

dl+table.table {
  margin-top: 0;
}

/** STDT table classes **/
/* any */
.table.any > :first-child > tr:first-child,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading,
.table.any > tbody > tr.heading > * {
  background-color:#888 !important;
  border-color:#6D6D6D !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
.table.any > thead > tr > th,
table.table > tbody > tr.any > th {
  background-color:#CCC;
  border-color:#AAA;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
  background-color:#EEE;
}

/* guardian */
.table.guardian > :first-child > tr:first-child,
.table.guardian > :first-child > tr:first-child > *,
.table.guardian > tbody > tr.heading,
.table.guardian > tbody > tr.heading > * {
  background-color:#72C1D9 !important;
  border-color:#5B9AAE !important;
}
.table.guardian > tbody > tr > th,
.table.guardian > tfoot > tr > th,
.table.guardian > thead > tr > th,
table.table > tbody > tr.guardian > th {
  background-color:#B9E0EC;
  border-color:#94B3BD;
}
.table.guardian > tbody > tr:nth-child(odd),
.table > tbody > tr.guardian:nth-child(odd) {
  background-color:#EAF6F9;
}

/* revenant */
.table.revenant > :first-child > tr:first-child,
.table.revenant > :first-child > tr:first-child > *,
.table.revenant > tbody > tr.heading,
.table.revenant > tbody > tr.heading > * {
  background-color:#B1574C !important;
  border-color:#A65747 !important;
}
.table.revenant > tbody > tr > th,
.table.revenant > tfoot > tr > th,
.table.revenant > thead > tr > th,
table.table > tbody > tr.revenant > th {
  background-color:#E3B4AA;
  border-color:#BFA8A0;
}
.table.revenant > tbody > tr:nth-child(odd),
.table > tbody > tr.revenant:nth-child(odd) {
  background-color:#F6ECE9;
}

/* warrior */
.table.warrior > :first-child > tr:first-child,
.table.warrior > :first-child > tr:first-child > *,
.table.warrior > tbody > tr.heading,
.table.warrior > tbody > tr.heading > * {
  background-color:#FFD166 !important;
  border-color:#CCA752 !important;
}
.table.warrior > tbody > tr > th,
.table.warrior > tfoot > tr > th,
.table.warrior > thead > tr > th,
table.table > tbody > tr.warrior > th {
  background-color:#FFE8B3;
  border-color:#CCBA8F;
}
.table.warrior > tbody > tr:nth-child(odd),
.table > tbody > tr.warrior:nth-child(odd) {
  background-color:#FFF8E8;
}

/* engineer */
.table.engineer > :first-child > tr:first-child,
.table.engineer > :first-child > tr:first-child > *,
.table.engineer > tbody > tr.heading,
.table.engineer > tbody > tr.heading > * {
  background-color:#D09C59 !important;
  border-color:#A67D47 !important;
}
.table.engineer > tbody > tr > th,
.table.engineer > tfoot > tr > th,
.table.engineer > thead > tr > th,
table.table > tbody > tr.engineer > th {
  background-color:#E8BC84;
  border-color:#BA966A;
}
.table.engineer > tbody > tr:nth-child(odd),
.table > tbody > tr.engineer:nth-child(odd) {
  background-color:#F8EBDA;
}

/* ranger */
.table.ranger > :first-child > tr:first-child,
.table.ranger > :first-child > tr:first-child > *,
.table.ranger > tbody > tr.heading,
.table.ranger > tbody > tr.heading > * {
  background-color:#8EDF44 !important;
  border-color:#72B236 !important;
}
.table.ranger > tbody > tr > th,
.table.ranger > tfoot > tr > th,
.table.ranger > thead > tr > th,
table.table > tbody > tr.ranger > th {
  background-color:#C7EFA2;
  border-color:#9FBF82;
}
.table.ranger > tbody > tr:nth-child(odd),
.table > tbody > tr.ranger:nth-child(odd) {
  background-color:#EEFAE3;
}

/* thief */
.table.thief > :first-child > tr:first-child,
.table.thief > :first-child > tr:first-child > *,
.table.thief > tbody > tr.heading,
.table.thief > tbody > tr.heading > * {
  background-color:#C08F95 !important;
  border-color:#9A7277 !important;
}
.table.thief > tbody > tr > th,
.table.thief > tfoot > tr > th,
.table.thief > thead > tr > th,
table.table > tbody > tr.thief > th {
  background-color:#DEC6C9;
  border-color:#B29EA1;
}
.table.thief > tbody > tr:nth-child(odd),
.table > tbody > tr.thief:nth-child(odd) {
  background-color:#F5EEEF;
}

/* elementalist */
.table.elementalist > :first-child > tr:first-child,
.table.elementalist > :first-child > tr:first-child > *,
.table.elementalist > tbody > tr.heading,
.table.elementalist > tbody > tr.heading > * {
  background-color:#F68A87 !important;
  border-color:#C56E6C !important;
}
.table.elementalist > tbody > tr > th,
.table.elementalist > tfoot > tr > th,
.table.elementalist > thead > tr > th,
table.table > tbody > tr.elementalist > th {
  background-color:#FBC5C3;
  border-color:#C99E9C;
}
.table.elementalist > tbody > tr:nth-child(odd),
.table > tbody > tr.elementalist:nth-child(odd) {
  background-color:#FEEEED;
}

/* mesmer */
.table.mesmer > :first-child > tr:first-child,
.table.mesmer > :first-child > tr:first-child > *,
.table.mesmer > tbody > tr.heading,
.table.mesmer > tbody > tr.heading > * {
  background-color:#B679D5 !important;
  border-color:#9261AA !important;
}
.table.mesmer > tbody > tr > th,
.table.mesmer > tfoot > tr > th,
.table.mesmer > thead > tr > th,
table.table > tbody > tr.mesmer > th {
  background-color:#DBBCEA;
  border-color:#AF96BB;
}
.table.mesmer > tbody > tr:nth-child(odd),
.table > tbody > tr.mesmer:nth-child(odd) {
  background-color:#F4EBF9;
}

/* necromancer */
.table.necromancer > :first-child > tr:first-child,
.table.necromancer > :first-child > tr:first-child > *,
.table.necromancer > tbody > tr.heading,
.table.necromancer > tbody > tr.heading > * {
  background-color:#52A76F !important;
  border-color:#428659 !important;
}
.table.necromancer > tbody > tr > th,
.table.necromancer > tfoot > tr > th,
.table.necromancer > thead > tr > th,
table.table > tbody > tr.necromancer > th {
  background-color:#A9D3B7;
  border-color:#87A992;
}
.table.necromancer > tbody > tr:nth-child(odd),
.table > tbody > tr.necromancer:nth-child(odd) {
  background-color:#E5F2EA;
}

/* asura */
.table.asura > :first-child > tr:first-child,
.table.asura > :first-child > tr:first-child > *,
.table.asura > tbody > tr.heading,
.table.asura > tbody > tr.heading > * {
  background-color:#A27BF1 !important;
  border-color:#8262C1 !important;
}
.table.asura > tbody > tr > th,
.table.asura > tfoot > tr > th,
.table.asura > thead > tr > th,
table.table > tbody > tr.asura > th {
  background-color:#D1BDF8;
  border-color:#A797C6;
}
.table.asura > tbody > tr:nth-child(odd),
.table > tbody > tr.asura:nth-child(odd) {
  background-color:#F1EBFD;
}

/* charr */
.table.charr > :first-child > tr:first-child,
.table.charr > :first-child > tr:first-child > *,
.table.charr > tbody > tr.heading,
.table.charr > tbody > tr.heading > * {
  background-color:#FE7887 !important;
  border-color:#CB606C !important;
}
.table.charr > tbody > tr > th,
.table.charr > tfoot > tr > th,
.table.charr > thead > tr > th,
table.table > tbody > tr.charr > th {
  background-color:#FFBCC3;
  border-color:#CC969C;
}
.table.charr > tbody > tr:nth-child(odd),
.table > tbody > tr.charr:nth-child(odd) {
  background-color:#FFEBED;
}

/* human */
.table.human > :first-child > tr:first-child,
.table.human > :first-child > tr:first-child > *,
.table.human > tbody > tr.heading,
.table.human > tbody > tr.heading > * {
  background-color:#FFE566 !important;
  border-color:#CCB752 !important;
}
.table.human > tbody > tr > th,
.table.human > tfoot > tr > th,
.table.human > thead > tr > th,
table.table > tbody > tr.human > th {
  background-color:#FFF2B3;
  border-color:#CCC28F;
}
.table.human > tbody > tr:nth-child(odd),
.table > tbody > tr.human:nth-child(odd) {
  background-color:#FFFBE8;
}

/* norn */
.table.norn > :first-child > tr:first-child,
.table.norn > :first-child > tr:first-child > *,
.table.norn > tbody > tr.heading,
.table.norn > tbody > tr.heading > * {
  background-color:#75BAFF !important;
  border-color:#5E95CC !important;
}
.table.norn > tbody > tr > th,
.table.norn > tfoot > tr > th,
.table.norn > thead > tr > th,
table.table > tbody > tr.norn > th {
  background-color:#BADDFF;
  border-color:#95B1CC;
}
.table.norn > tbody > tr:nth-child(odd),
.table > tbody > tr.norn:nth-child(odd) {
  background-color:#EAF5FF;
}

/* sylvari */
.table.sylvari > :first-child > tr:first-child,
.table.sylvari > :first-child > tr:first-child > *,
.table.sylvari > tbody > tr.heading,
.table.sylvari > tbody > tr.heading > * {
  background-color:#61E665 !important;
  border-color:#4EB851 !important;
}
.table.sylvari > tbody > tr > th,
.table.sylvari > tfoot > tr > th,
.table.sylvari > thead > tr > th,
table.table > tbody > tr.sylvari > th {
  background-color:#B0F3B2;
  border-color:#8DC28E;
}
.table.sylvari > tbody > tr:nth-child(odd),
.table > tbody > tr.sylvari:nth-child(odd) {
  background-color:#E7FBE8;
}

/* npc */
.table.npc > :first-child > tr:first-child,
.table.npc > :first-child > tr:first-child > *,
.table.npc > tbody > tr.heading,
.table.npc > tbody > tr.heading > * {
  background-color:#6C3 !important;
  border-color:#52A329 !important;
}
.table.npc > tbody > tr > th,
.table.npc > tfoot > tr > th,
.table.npc > thead > tr > th,
table.table > tbody > tr.npc > th {
  background-color:#B3E699;
  border-color:#8FB87A;
}
.table.npc > tbody > tr:nth-child(odd),
.table > tbody > tr.npc:nth-child(odd) {
  background-color:#E8F8E1;
}

/* pve */
.table.pve > :first-child > tr:first-child,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading,
.table.pve > tbody > tr.heading > * {
  background-color:#FC6 !important;
  border-color:#CCA352 !important;
}
.table.pve > tbody > tr > th,
.table.pve > tfoot > tr > th,
.table.pve > thead > tr > th,
table.table > tbody > tr.pve > th {
  background-color:#FFE6B3;
  border-color:#CCB88F;
}
.table.pve > tbody > tr:nth-child(odd),
.table > tbody > tr.pve:nth-child(odd) {
  background-color:#FFF8E8;
}

/* equip or item*/
.table.equip > :first-child > tr:first-child,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading,
.table.item > tbody > tr.heading > * {
  background-color:#F96 !important;
  border-color:#CC7A52 !important;
}
.table.equip > tbody > tr > th,
.table.equip > tfoot > tr > th,
.table.equip > thead > tr > th,
table.table > tbody > tr.equip > th,
.table.item > tbody > tr > th,
.table.item > tfoot > tr > th,
.table.item > thead > tr > th,
table.table > tbody > tr.item > th {
  background-color:#FFCCB3;
  border-color:#CCA38F;
}
.table.equip > tbody > tr:nth-child(odd),
.table > tbody > tr.equip:nth-child(odd),
.table.item > tbody > tr:nth-child(odd),
.table > tbody > tr.item:nth-child(odd) {
  background-color:#FFF0E8;
}

/* skin */
.table.skin > :first-child > tr:first-child,
.table.skin > :first-child > tr:first-child > *,
.table.skin > tbody > tr.heading,
.table.skin > tbody > tr.heading > *,
.table.skin > thead > tr.heading,
.table.skin > thead > tr.heading > * {
  background-color:#E07A98 !important;
  border-color:#996574 !important;
}
.table.skin > tbody > tr > th,
.table.skin > tfoot > tr > th,
.table.skin > thead > tr > th,
table.table > tbody > tr.skin > th {
  background-color:#FFD4DF;
  border-color:#B3A1A5;
}
.table.skin > tbody > tr:nth-child(odd),
.table > tbody > tr.skin:nth-child(odd) {
  background-color:#FFEDF4;
}

/* mech1 */
.table.mech1 > :first-child > tr:first-child,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading,
.table.mech1 > tbody > tr.heading > * {
  background-color:#69C !important;
  border-color:#527AA3 !important;
}
.table.mech1 > tbody > tr > th,
.table.mech1 > tfoot > tr > th,
.table.mech1 > thead > tr > th,
table.table > tbody > tr.mech1 > th {
  background-color:#B3CCE6;
  border-color:#8FA3B8;
}
.table.mech1 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech1:nth-child(odd) {
  background-color:#E8F0F8;
}

/* mech2 */
.table.mech2 > :first-child > tr:first-child,
.table.mech2 > :first-child > tr:first-child > *,
.table.mech2 > tbody > tr.heading,
.table.mech2 > tbody > tr.heading > * {
  background-color:#3CC !important;
  border-color:#29A3A3 !important;
}
.table.mech2 > tbody > tr > th,
.table.mech2 > tfoot > tr > th,
.table.mech2 > thead > tr > th,
table.table > tbody > tr.mech2 > th {
  background-color:#99E6E6;
  border-color:#7AB8B8;
}
.table.mech2 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech2:nth-child(odd) {
  background-color:#E1F8F8;
}

/* lore */
.table.lore > :first-child > tr:first-child,
.table.lore > :first-child > tr:first-child > *,
.table.lore > tbody > tr.heading,
.table.lore > tbody > tr.heading > * {
  background-color:#C6C !important;
  border-color:#A352A3 !important;
}
.table.lore > tbody > tr > th,
.table.lore > tfoot > tr > th,
.table.lore > thead > tr > th,
table.table > tbody > tr.lore > th {
  background-color:#E6B3E6;
  border-color:#B88FB8;
}
.table.lore > tbody > tr:nth-child(odd),
.table > tbody > tr.lore:nth-child(odd) {
  background-color:#F8E8F8;
}

/* location */
.table.location > :first-child > tr:first-child,
.table.location > :first-child > tr:first-child > *,
.table.location > tbody > tr.heading,
.table.location > tbody > tr.heading > * {
  background-color:#96C !important;
  border-color:#7A52A3 !important;
}
.table.location > tbody > tr > th,
.table.location > tfoot > tr > th,
.table.location > thead > tr > th,
table.table > tbody > tr.location > th {
  background-color:#CCB3E6;
  border-color:#A38FB8;
}
.table.location > tbody > tr:nth-child(odd),
.table > tbody > tr.location:nth-child(odd) {
  background-color:#F0E8F8;
}

/* promo */
.table.promo > :first-child > tr:first-child,
.table.promo > :first-child > tr:first-child > *,
.table.promo > tbody > tr.heading,
.table.promo > tbody > tr.heading > * {
  background-color:#9C3 !important;
  border-color:#7AA329 !important;
}
.table.promo > tbody > tr > th,
.table.promo > tfoot > tr > th,
.table.promo > thead > tr > th,
table.table > tbody > tr.promo > th {
  background-color:#CCE699;
  border-color:#A3B87A;
}
.table.promo > tbody > tr:nth-child(odd),
.table > tbody > tr.promo:nth-child(odd) {
  background-color:#F0F8E1;
}

/* hom */
.table.hom > :first-child > tr:first-child,
.table.hom > :first-child > tr:first-child > *,
.table.hom > tbody > tr.heading,
.table.hom > tbody > tr.heading > * {
  background-color:#C96 !important;
  border-color:#A37A52 !important;
}
.table.hom > tbody > tr > th,
.table.hom > tfoot > tr > th,
.table.hom > thead > tr > th,
table.table > tbody > tr.hom > th {
  background-color:#E6CCB3;
  border-color:#B8A38F;
}
.table.hom > tbody > tr:nth-child(odd),
.table > tbody > tr.hom:nth-child(odd) {
  background-color:#F8F0E8;
}

/* boon */
.table.boon > :first-child > tr:first-child,
.table.boon > :first-child > tr:first-child > *,
.table.boon > tbody > tr.heading,
.table.boon > tbody > tr.heading > * {
  background-color:#73D9D9 !important;
  border-color:#5CAEAE !important;
}
.table.boon > tbody > tr > th,
.table.boon > tfoot > tr > th,
.table.boon > thead > tr > th,
table.table > tbody > tr.boon > th {
  background-color:#B9ECEC;
  border-color:#94BDBD;
}
.table.boon > tbody > tr:nth-child(odd),
.table > tbody > tr.boon:nth-child(odd) {
  background-color:#EAF9F9;
}

/* condition */
.table.condition > :first-child > tr:first-child,
.table.condition > :first-child > tr:first-child > *,
.table.condition > tbody > tr.heading,
.table.condition > tbody > tr.heading > * {
  background-color:#51A651 !important;
  border-color:#418541 !important;
}
.table.condition > tbody > tr> th,
.table.condition > tfoot > tr > th,
.table.condition > thead > tr > th,
table.table > tbody > tr.condition > th {
  background-color:#A8D3A8;
  border-color:#86A986;
}
.table.condition > tbody > tr:nth-child(odd),
.table > tbody > tr.condition:nth-child(odd) { background-color:#E5F2E5; }

/* crafting */
/* recipe */
.table.crafting > :first-child > tr:first-child,
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > tbody > tr.heading,
.table.crafting > tbody > tr.heading > *,
.table.recipe > :first-child > tr:first-child,
.table.recipe > :first-child > tr:first-child > *,
.table.recipe > tbody > tr.heading,
.table.recipe > tbody > tr.heading > * {
  background-color:#A68151 !important;
  border-color:#856741 !important;
}
.table.crafting > tbody > tr > th,
.table.crafting > tfoot > tr > th,
.table.crafting > thead > tr > th,
table.table > tbody > tr.crafting > th,
.table.recipe > tbody > tr > th,
.table.recipe > tfoot > tr > th,
.table.recipe > thead > tr > th,
table.table > tbody > tr.recipe > th {
  background-color:#D3C0A8;
  border-color:#A99A86;
}
.table.crafting > tbody > tr:nth-child(odd),
.table.recipe > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting:nth-child(odd),
.table > tbody > tr.recipe:nth-child(odd) { background-color:#F2ECE5; }

/* Skills tables */
.table.skills { width:100%; max-width:100em; display:table; }
.table.skills > :first-child > tr:first-child ~ tr th[colspan] { text-align:left; }
.table.skills > :first-child > tr:first-child ~ tr th[colspan] span.editsection { display:none; }
.table.skills > :first-child > tr:first-child ~ tr th[colspan] h4 {  margin-top:5px !important; margin-bottom:5px !important; }

/* Remove top/bottom margins from lists within fine/masterwork or craftvariants tables */
.table.fm dl,
.table.craftvariants dl {
  margin-top:0;
  margin-bottom:0;
}

/* No left margin when used purely for structure within these tables */
.table.locations dd,
.table.fm dd,
table.craftvariants dd { margin-left:0; }

/* but restore margin if it's actually being used as a definition list */
.table.locations dl > dt ~ dd { margin-left:2em; }

/* Using * lists within combo tables */
.table.combo ul { margin:0.15em 0; }
.table.combo li { display:block; }

/* Restore sort icons for sortable table headers */
/* These are inserted as CSS background-image, which clashes with our fancy gradient overlays */
table.jquery-tablesorter th.headerSort {
  background-image:url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
  background-image:url(/resources/jquery/images/sort_both.png)!ie;
  padding:0.5em;
  padding-right:21px;
}
table.jquery-tablesorter th.headerSortDown {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
  background-image:url(/resources/jquery/images/sort_down.png)!ie;
}
table.jquery-tablesorter th.headerSortUp {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
  background-image:url(/resources/jquery/images/sort_up.png)!ie;
}
/* And finally jquery overlays for tables that also use .table classes (two background images) */
table.table.jquery-tablesorter th.headerSort {
  background-image:url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=), url("/images/c/cc/Infobox_header_overlay.png");
  background-image:url(/resources/jquery/images/sort_both.png)!ie;
  background-repeat:no-repeat, repeat;
  background-position:100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortDown {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==), url("/images/c/cc/Infobox_header_overlay.png");
  background-image:url(/resources/jquery/images/sort_down.png)!ie;
  background-repeat:no-repeat, repeat;
  background-position:100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortUp {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==), url("/images/c/cc/Infobox_header_overlay.png");
  background-image:url(/resources/jquery/images/sort_up.png)!ie;
  background-repeat:no-repeat, repeat;
  background-position:100% 50%, 0% 0%;
}

/** NAV BARS **/
div.nav {
  position:relative;
}

div.nav .box {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image:linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
  border:1px solid #AAA;
  border-spacing:0;
  font-size:.9230769231em;
  min-height:60px;
  position:relative;
  margin:auto;
}

div.nav      .box { width:42em; }
div.nav.thin .box { width:34em; }
div.nav.wide .box { width:50em; }
div.nav.full .box { width:unset; }

div.nav .heading {
  background-color:#888;
  background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0;
  font-family:Arial, sans-serif!important;
  font-size:1.083em;
  font-size-adjust:.52;
  font-weight:700;
  line-height:100%;
  text-align:center;
  margin:-1px -1px 0px;
  padding:.769em 0;
  position:relative;
  z-index:1;
}

div.nav .clear {
  height:0.667em;
}

div.nav .box::after,
div.nav .heading::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}

div.nav .box::after,
div.nav .heading::after {
  bottom:-3px;
}

div.nav .wrapper {
  padding: 0px 8px;
}

div.nav dl,
div.nav .wrapper.hlist > ul {
  margin:0.667em 0em;
}

div.nav dt {
  float:left;
  text-align:right;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 0px;
  width:25%;
}

div.nav dd {
  float:left;
  text-align:left;
  border-left:2px solid #888;
  margin:0;
  padding:2px 0px 2px 8px;
  width:67%;
}

div.nav dt, div.nav dd {
  line-height:1.667em;
}

div.nav table {
  line-height:1.667em;
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:0.667em 0;
}

div.nav table th {
  text-align:right;
  border-right:2px solid #888;
  vertical-align:top;
  padding:2px 8px;
}

div.nav table td {
  padding:2px 8px;
}

.nav .wrapper p {
  margin-top:0.667em;
  margin-bottom:0.667em;
}

div.nav .selflink {
  font-weight:bold;
}

div.nav.guardian .heading { background-color:#39C; }
div.nav.guardian dd,
div.nav.guardian dt,
div.nav.guardian table th { border-color:#39C; }

div.nav.revenant .heading { background-color:#C23F3A; }
div.nav.revenant dd,
div.nav.revenant dt,
div.nav.revenant table th { border-color:#C23F3A; }

div.nav.warrior .heading { background-color:#F93; }
div.nav.warrior dd,
div.nav.warrior dt,
div.nav.warrior table th { border-color:#F93; }

div.nav.engineer .heading { background-color:#963; }
div.nav.engineer dd,
div.nav.engineer dt,
div.nav.engineer table th { border-color:#963; }

div.nav.ranger .heading { background-color:#6C3; }
div.nav.ranger dd,
div.nav.ranger dt,
div.nav.ranger table th { border-color:#6C3; }

div.nav.thief .heading { background-color:#C66; }
div.nav.thief dd,
div.nav.thief dt,
div.nav.thief table th { border-color:#C66; }

div.nav.elementalist .heading { background-color:#EC5752; }
div.nav.elementalist dd,
div.nav.elementalist dt,
div.nav.elementalist table th { border-color:#EC5752; }

div.nav.mesmer .heading { background-color:#939; }
div.nav.mesmer dd,
div.nav.mesmer dt,
div.nav.mesmer table th { border-color:#939; }

div.nav.necromancer .heading { background-color:#396; }
div.nav.necromancer dd,
div.nav.necromancer dt,
div.nav.necromancer table th { border-color:#396; }

div.nav.asura .heading { background-color:#96F; }
div.nav.asura dd,
div.nav.asura dt,
div.nav.asura table th { border-color:#96F; }

div.nav.charr .heading { background-color:#D25D6B; }
div.nav.charr dd,
div.nav.charr dt,
div.nav.charr table th { border-color:#D25D6B; }

div.nav.human .heading { background-color:#FC3; }
div.nav.human dd,
div.nav.human dt,
div.nav.human table th { border-color:#FC3; }

div.nav.norn .heading { background-color:#6CF; }
div.nav.norn dd,
div.nav.norn dt,
div.nav.norn table th { border-color:#6CF; }

div.nav.sylvari .heading { background-color:#3C3; }
div.nav.sylvari dd,
div.nav.sylvari dt,
div.nav.sylvari table th { border-color:#3C3; }

div.nav.npc .heading { background-color:#6C3; }
div.nav.npc dd,
div.nav.npc dt,
div.nav.npc table th { border-color:#6C3; }

div.nav.pve .heading { background-color:#FC6; }
div.nav.pve dd,
div.nav.pve dt,
div.nav.pve table th { border-color:#FC6; }

div.nav.equip .heading { background-color:#F96; }
div.nav.equip dd,
div.nav.equip dt,
div.nav.equip table th { border-color:#F96; }

div.nav.mech1 .heading { background-color:#69C; }
div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th { border-color:#69C; }

div.nav.mech2 .heading { background-color:#3CC; }
div.nav.mech2 dd,
div.nav.mech2 dt,
div.nav.mech2 table th { border-color:#3CC; }

div.nav.location .heading { background-color:#96C; }
div.nav.location dd,
div.nav.location dt,
div.nav.location table th { border-color:#96C; }

div.nav.lore .heading { background-color:#C6C; }
div.nav.lore dd,
div.nav.lore dt,
div.nav.lore table th { border-color:#C6C; }

div.nav.promo .heading { background-color:#9C3; }
div.nav.promo dd,
div.nav.promo dt,
div.nav.promo table th { border-color:#9C3; }

div.nav.quest .heading { background-color:#F8B57D; }
div.nav.quest dd,
div.nav.quest dt,
div.nav.quest table th { border-color:#F8B57D; }

div.nav.condition .heading { background-color:#51A651; }
div.nav.condition dd,
div.nav.condition dt,
div.nav.condition table th { border-color:#51A651; }

div.nav.hom .heading,
div.nav.crafting .heading,
div.nav.recipe .heading { background-color:#963; }
div.nav.hom dd,
div.nav.hom dt,
div.nav.hom table th,
div.nav.crafting dd,
div.nav.crafting dt,
div.nav.crafting table th,
div.nav.recipe dd,
div.nav.recipe dt,
div.nav.recipe table th { border-color:#963; }

/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
  background-color:transparent;
  margin:0.5em 0 !important;
}

/* Notices (e.g. historical content) */
.notice {
  margin: 10px auto;
  padding-left: 10px;
  width: 60%;
  min-width: 500px;
}
.notice.static {
  width: 500px;
}
.notice .background {
 background-color: #F7F7F7;
 border-color: silver
}

/* For narrow screens up to 720px wide */
@media (max-width: 720px) {
  .notice,
  .notice.static {
    width: unset;
    min-width: unset;
  }
  .notice .notice-icon {
    display: none;
  }
}

/** NAV BARS: Horizontal lists. See [[mw:Snippets/Horizontal lists]] **/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  margin: 0;
  display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
  display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
  display: none;
}
/* Generate interpuncts */
.hlist dt:after {
  content: ": ";
}
.hlist dd:after,
.hlist li:after {
  content: " • ";
  font-weight: bold;
  margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
  content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
  content: " (";
  font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
  content: ")";
  font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}
.hlist ol > li {
  counter-increment: listitem;
}
.hlist ol > li:before {
  content: " " counter(listitem) "\a0";
  white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
  content: " (" counter(listitem) "\a0";
}
.hlist li {
  white-space: nowrap;
}

/** MISCELLANEOUS CHANGES **/
/* Font colors */
.gray, .gray a { color: gray; }
.blackshadow { color:#FFF; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }

/* gameUpdateIcons, referenced by [[MediaWiki:Common.js]] */
.patchnote { line-height: 2.7em; }
.patchnote .skillicon img, .patchnote .traiticon img { background-color: black; }

/* Spaces around TP coin icons, referenced by [[MediaWiki:Common.js]] */
.gw2-tpprice { white-space:nowrap; text-align:right; }
.gw2-tpprice > img { position:relative; bottom:1px; width:15px; height:15px; }

/* [[Template:Professions nav]], collapsible functionality provided by  [[MediaWiki:CollapsibleTables.js]] */
tr.collapse-reverse, tr.collapse-reverse { display: none; }
tr.collapse-reverse.hide, tr.collapse-reverse.hide { display: table-row; }

/* Generic ingredient lists */
div.ingredients dt {
  float:left;
  clear:left;
  text-align:right;
  font-weight:normal;
  width:25px;
  margin:0 -2px 0 0;
  padding:2px 2px 2px 3px;
  line-height:1.667em;
  border:none;
}
div.ingredients.wide dt { width:50px; }
div.ingredients dd {
  float:left;
  margin:0;
  padding:2px 7px;
  border:none;
}
div.ingredients dl { margin:2px 0; }

/* Attribute prefix spacing (usually in infoboxes) */
.prefixwrapper dl {
  margin: 0;
}

/* Used by [[Template:Icon]] etc. Due to "stacks", [[Template:Effect icon]] does not have a right margin */
.inline-icon {
  display:inline-block;
  bottom:2px;
  overflow:visible;
  height:1.538em;
  margin:0 0.167em;
}
.inline-icon.effect {
  margin:0 0 0 0.167em;
}

/* Used by [[Template:Item icon]] etc */
.item-icon.small {
 display:inline-block;
 overflow:hidden;
 width:20px;
 height:20px;
 vertical-align:middle;
 margin-left:-1pt
}
.item-icon.small img {
  width: 20px;
  height: 20px;
}

.item-icon.medium {
 display:inline-block;
 overflow:hidden;
 width:35px;
 height:35px;
 vertical-align:middle;
 margin-left:-1pt
}
.item-icon.medium img {
  width: 35px;
  height: 35px;
}

/* Dialogue indent guides, for "demarcateDialogue" in [[MediaWiki:Common.js]] */
.dialogue dl dd {
  padding-left: 16px;
  margin-left: 0;
}
.dialogue dl {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 11px;
  border-left: 2px solid rgba(110, 98, 74, 0.4);
}
.dialogue > dl, .dialogue td > dl {
  margin-bottom: 10px;
  border-left: none;
}
.dialogue dt {
  margin-left: -11px;
}

/* Remove top margin for ul within [[Template:Bug]] and [[Template:Anomaly]] */
.buglist ul { margin-top:0; }

/* Patch notes for skill history project  */
.skill-history {
  padding: 0.2em 0.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
  border: 1px #AAA dashed;
  background-color: #f6f3e4;
}
.skill-history li {
  padding: 0.1em 0em;
}

/* Custom <gallery> element styles */
ul.gallery.simple-overlay .gallerytext p { margin: 0; padding: 2px 5px; font-weight: bold; }
ul.gallery.simple-overlay .gallerytext { background-color: rgba(255,255,255,0.85); position: absolute; bottom:5px; right:5px; }

/* Deletion page field indents */
@media screen and (min-width: 820px) {
  #mw-deleteconfirm-table div label { display: inline-block; width: 170px; text-align:right; margin-bottom:5px; }
  #mw-deleteconfirm-table input#wpWatch { margin-left: 156px; }
}

/* Not sure where this is used -- verify? Hides the bullets and indents for asterisk lists */
.hidelist ul { list-style:none none; margin:0; padding:0; }
.hidelist p { font-style:italic; margin:0 0 .2em; }
.hidelist p + ul { margin-bottom:.5em; }

/** SMW **/
/* Hide smw annotation notice */
#smw-form-editpage-help { display:none; }

/* Result format table: further results */
.table+.smw-template-furtherresults {
  display: block;
}
.table+.smw-template-furtherresults a {
  background: none;
  color: #0645AD;
}

/* Result format ul: Make them play nicely with floating infoboxes. Set "column-count" at template level. */
.smw-ul-columns {
  display: inline-block;
  column-gap: 1em;
}

/* Result format gallery: Fix last row spacing */
.srf-gallery ul.gallery,
ul.mw-gallery-nolines li.gallerybox div.gallerytext,
ul.mw-gallery-packed-hover,
ul.mw-gallery-packed-overlay,
ul.mw-gallery-packed { text-align:left !important; }
ul.gallery .gallerybox:first-child { margin-left: -4px; }

/* Result format jqplot: improve data labels readability */
.jqplot-data-label {
  color:white;
  text-shadow:1px 1px black;
}
.srf-jqplot-plot.bar.jqplot-target {
  color:black;
  font-size:120%;
}

/* Semantic Forms: Multiple template instances as used on research pages */
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .multipleTemplateList p { display:none; }
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research div.multipleTemplateInstance {
  padding:0px 5px !important;
  margin:0px !important;
  background:none !important;
  border:none !important;
}
.form-row input { text-align:center; line-height:1; }
.form-row input.left { text-align:left; }
td.instanceRearranger { display: none; }
.multipleTemplateWrapper td.instanceRearranger { display: table-cell; }

/** PRINTER CHANGES **/
@media print {
  #content {
    border:0 solid #FFF;
    box-shadow:none;
    border-radius:0;
  }
  
  .mw-parser-output,
  div.infobox .heading,
  div.nav .heading {
    color:#000!important;
    background:none;
    text-shadow:none!important;
    border-width:0!important;
  }
  
  table.table > :first-child > tr:first-child,
  table.table > :first-child > tr:first-child > *,
  .table > tbody > tr > * { border:1px solid #000!important; }
  .table { border-collapse:collapse!important; }
}

/** Дополнительные стили **/
/* Стили для инфобокcов */
div.infobox.specialization,
div.infobox.trait,
div.infobox.effect,
div.infobox.crafting,
div.infobox.item {
  width: 260px;
}

div.infobox.npc {
  width: 266px;
}

div.infobox.specialization dt,
div.infobox.trait dt,
div.infobox.effect dt,
div.infobox.crafting dt,
div.infobox.item dt {
  width: 87px;
  line-height: 20px;
}

div.infobox.npc dt {
  width: 94px;
  line-height: 20px;
}

div.infobox.specialization dd, 
div.infobox.skill dd,
div.infobox.trait dd,
div.infobox.effect dd,
div.infobox.crafting dd,
div.infobox.item dd,
div.infobox.npc dd {
  width: 145px;
}

/* Стили для mw-indicators */
.mw-indicators {
    margin-top: -10px;
}

/* Стили для span.inline-icon (для более ровного показа иконок) */
.inline-icon-addition {
    position: relative;
    top: -2px;
}

/* Стили для элементов img, показываемых вместе с элементами span.inline-icon (для более ровного показа иконок) */
img.inline-image {
    margin: 0 0.167em;
}

/* Стили для лучшего отображения свойств умений/черт */
dl dd {
    margin-bottom: 0;
}
dl dd sup {
    width: 6px;
    display: inline-block;
    position: relative;
}
dl dd sup abbr {
    position: absolute;
    top: -9px;
}
dl dd .fraction {
    width: 13px;
    display: inline-block;
    position: relative;
}
dl dd .fraction big {
    position: absolute;
    top: -15px;
}

div.infobox div.statistics span.fraction {
    margin-left: 0;
}

/* Стили для Template:Archive-box */
div.archive-box {
    border-color: #EA3;
    background-color: #FFC;
}
div.archive-box.white {
    background-color: #FFF;
}

/* Стили для Template:Game update infobox */
div.infobox span.month-updates a {
    color: white;
}

/* Стили для Template:Professions nav и Template:Skill types nav */
div.nav .subheading {
    background-color: #CCC;
    border-color: #AAA;
}

div.nav .subheading.mech2 {
    background-color: #99E6E6;
    border-color: #7AB8B8;
}

div.nav .subheading.guardian {
    background-color: #B9E0EC;
    border-color: #94B3BD;
}

div.nav .subheading.revenant {
    background-color: #E3B4AA;
    border-color: #BFA8A0;
}

div.nav .subheading.warrior {
    background-color: #FFE8B3;
    border-color: #CCBA8F;
}

div.nav .subheading.engineer {
    background-color: #E8BC84;
    border-color: #BA966A;
}

div.nav .subheading.ranger {
    background-color: #C7EFA2;
    border-color: #9FBF82;
}

div.nav .subheading.thief {
    background-color: #DEC6C9;
    border-color: #B29EA1;
}

div.nav .subheading.elementalist {
    background-color: #FBC5C3;
    border-color: #C99E9C;
}

div.nav .subheading.mesmer {
    background-color: #DBBCEA;
    border-color: #AF96BB;
}

div.nav .subheading.necromancer {
    background-color: #A9D3B7;
    border-color: #87A992;
}

/** Стили для JavaScript-виджетов **/
/* Game links (MediaWiki:GameLinks.js) */
input.chatlink {
    font-size: 1em;
    position: absolute;
    margin-left: -2px;
    display: none;
    width: 6.6em;
}

/* gameUpdateIcons (MediaWiki:Common.js) */
li.patchnote li:not(.patchnote) { 
    line-height: 1.538em; 
}

/** Всякие дополнительные стили **/
/* Дополнительные стили для верхнего меню */
#p-personal .pBody-additional {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 0 0 0 0.5em;
    float: right;
}

/* Дополнительные стили для списка в верхнем меню */
#p-personal .pBody-additional ul {
    padding-left: 0;
}

/* Дополнительные стили для левого меню */
#p-navigation .navigation-additional {
    background-color: rgba(255,255,255, 0.45);
    border-radius: 0 5px 0 0;
}

/* Стили для таймера со временем */
#p-personal .pBody ul #pt-timer {
    font-weight: bold;
    text-transform: capitalize;
}

/* Дополнительные стили для скрывающихся/раскрывающихся таблиц */
.collapsible-toggle {
    padding-right: 20px;
}

/* Кнопки с переключением информации умений/черт для различных режимов игры */
.gmvbutton {
  background-color:inherit;
  border: 1px solid #aaa;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  padding: 6px 7px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}
.gmvbutton img {
  vertical-align: bottom;
}
.gmvbutton:hover {
  background-color:#FFABAB;
}
.gmvbutton.active {
  background-color: #FF9090;
}

/* Отображение информации умений/черт для различных режимов игры */
.gamemode-animation {
    animation: gmvinfo .8s;
}

@keyframes gmvinfo {
    from { background-color: rgba(255, 255, 153, 1); }
    to { background-color: rgba(255, 255, 153, 0); }
}

/* Корректное отображения div-элементов с информацией умений/черт для различных режимов игры */
.gmvdivinline {
    height: 20px;
    display: inline-block;
}

/* Скрытие перечеркивания для элемента del при наведении мышкой */
del.hide-line:hover {
    text-decoration: none;
}

/* Зимний фон */
.winter-background {
    background-color: transparent;
    background-image: url(/images/c/cb/Skin_header_%28Winter%29.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* Стили для елки */
.christmas-tree {
    width: 50px;
    position: absolute;
    top: 110px;
    left: 100px;
}

/* Стили для падающих снежинок */
.snowflake {
    font-size: 1.3em;
    color: #3371af;
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    position: absolute;
}

.snowflake-falling {
    transition: top 1.5s linear, left 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.snowflake-fallen {
    transition: top 0.8s linear, left 1.3s ease-in-out, transform 1.1s ease-in-out;
}

.snowflake::selection {
    background: rgba(0, 0, 0, 0);
}

/* Хэллоуинский фон */
.halloween-background {
    background-color: transparent;
    background-image: url(/images/a/af/Skin_header_%28Halloween%29.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* Стили для тыквы на Хэллоуин */
.pumpkin {
    width: 63px;
    height: 69px;
    background-color: transparent;
    background-image: url(/images/0/0f/Halloween_pumpkins.png);
    background-size: 200px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    right: -5px;
    bottom: -20px;
}
Источник — «https://wiki.guildwars-2.ru/index.php?title=MediaWiki:Common.css&oldid=92491»