MediaWiki:Common.css

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/* Universal styles */
.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; }
.infobox .clear, .nav .clear, .recipe-box .clear { height:5px; }
#content .hiddenlinks a, #content .hiddenlinks a:link, #content .hiddenlinks a:visited { color:inherit; }

/** 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;
}

/* 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[class*=left] tr { text-align:left; }
.table[class*=right] tr { text-align:right; }
.table tr > th, .table[class*=center] tr { text-align:center; }
.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;
}

/** STDT table classes **/
/* any */
  .table.any > :first-child > tr:first-child,
  .table.any > tbody > tr.heading,
  .table.any > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.guardian > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.revenant > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.warrior > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.engineer > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.ranger > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.thief > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.elementalist > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.mesmer > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.necromancer > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.asura > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.charr > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.human > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.norn > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.sylvari > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.npc > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.pve > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.equip > :first-child > tr:first-child > *,
  .table.equip > tbody > tr.heading > *,
  .table.item > :first-child > tr:first-child,
  .table.item > tbody > tr.heading,
  .table.item > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.skin > :first-child > tr:first-child > *,
  .table.skin > tbody > 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 > tbody > tr.heading,
  .table.mech1 > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.mech2 > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.lore > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.location > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.promo > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.hom > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.boon > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.condition > :first-child > tr:first-child > *,
  .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 > tbody > tr.heading,
  .table.crafting > :first-child > tr:first-child > *,
  .table.crafting > tbody > tr.heading > *,
  .table.recipe > :first-child > tr:first-child,
  .table.recipe > tbody > tr.heading,
  .table.recipe > :first-child > tr:first-child > *,
  .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 > tbody > tr.crafting:nth-child(odd),
  .table.recipe > tbody > tr:nth-child(odd),
  .table > tbody > tr.recipe:nth-child(odd) { background-color:#F2ECE5; }

/* Skills tables */
.table.skills { width:100%; max-width:1000px; 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; }

/* Using : lists within tables */
/* no top/bottom margin in these 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; }
/* 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; }

/** 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,
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));
}

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

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 .wrapper {
  clear:both;
  padding:0;
}

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

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

div.infobox .heading,
div.nav .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;
  font-size-adjust:.52;
  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 .subheading,
div.nav .subheading {
  font-weight:700;
  background-color:#888;
  background-image:url("/images/c/cc/Infobox_header_overlay.png")!important;
  border-left:1px solid rgba(0,0,0,0.25);
  border-right:1px solid rgba(0,0,0,0.25);
  line-height:100%;
  text-align:center;
  position:relative;
  margin:0 -1px!important;
}

div.infobox .subheading {
  font-family:EasonPro, "Times New Roman", serif;
  font-size:1.25em!important;
  color:#fff!important;
  background-color:#444;
  text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
  z-index:1;
  line-height:1.333em;
  font-size-adjust:0.43;
  padding:.567em!important;
}

div.nav dl,
div.infobox dl { margin:10px 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 .image_wrapper {
  text-align:center;
  padding:0;
  margin:10px 0;
}

div.infobox::after,
div.nav .box::after,
div.infobox .heading::after,
div.nav .heading::after,
div.infobox .subheading::after,
div.nav .subheading::after,
.table::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.nav .box::after { bottom:-4px; }

div.infobox .heading::after,
div.nav .heading::after,
div.infobox .subheading::after,
div.nav .subheading::after,
.table::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,
div.nav table { background-color:transparent; }

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

div.infobox.guardian .heading,
div.infobox.guardian .subheading { background-color:#066!important; }

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

div.infobox.revenant .heading,
div.infobox.revenant .subheading { background-color:#861313!important; }

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

div.infobox.warrior .heading,
div.infobox.warrior .subheading { background-color:#c60!important; }

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

div.infobox.engineer .heading,
div.infobox.engineer .subheading { background-color:#630!important; }

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

div.infobox.ranger .heading,
div.infobox.ranger .subheading { background-color:#360!important; }

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

div.infobox.thief .heading,
div.infobox.thief .subheading { background-color:#933!important; }

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

div.infobox.elementalist .heading,
div.infobox.elementalist .subheading { background-color:#c00!important; }

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

div.infobox.mesmer .heading,
div.infobox.mesmer .subheading { background-color:#606!important; }

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

div.infobox.necromancer .heading,
div.infobox.necromancer .subheading { background-color:#063!important; }

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

div.infobox.asura .heading,
div.infobox.asura .subheading { background-color:#63c!important; }

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

div.infobox.charr .heading,
div.infobox.charr .subheading { background-color:#900!important; }

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

div.infobox.human .heading,
div.infobox.human .subheading { background-color:#c90!important; }

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

div.infobox.norn .heading,
div.infobox.norn .subheading { background-color:#069!important; }

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

div.infobox.sylvari .heading,
div.infobox.sylvari .subheading { background-color:#060!important; }

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

div.infobox.boon .heading,
div.infobox.boon .subheading { background-color:#399!important; }

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

div.infobox.condition .heading,
div.infobox.condition .subheading { background-color:#363!important; }

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

div.infobox.armor .heading,
div.infobox.weapon .heading,
div.infobox.item .heading,
div.infobox.armor .subheading,
div.infobox.weapon .subheading,
div.infobox.item .subheading { background:#C30; }

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

div.infobox.skin .heading,
div.infobox.skin .subheading { background:#C4003E; }

div.infobox.recipe {
  width:250px;
  display:inline-block;
  float:none;
  clear:none;
  vertical-align:top;
  font-size:1em;
  margin:0 1em 1em 0;
}

div.infobox.recipe .heading,
div.infobox.recipe .subheading {
  font-size:1.133em;
  background:#533610;
}

div.infobox.recipe .wrapper { padding:0 10px; }

div.infobox.crafting .heading,
div.infobox.crafting .subheading { background:#533610; }

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

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

div.infobox.npc .heading,
div.infobox.npc .subheading { background:#390; }

div.infobox.skill dd,
div.infobox.trait dd,
div.infobox.skill dt,
div.infobox.trait dt { border-color:#999; }

div.infobox.skill .heading,
div.infobox.trait .heading,
div.infobox.skill .subheading,
div.infobox.trait .subheading { background:#444; }

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

div.infobox.effect .condition { background:#363; }

div.infobox.effect .boon { background:#399; }

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

div.infobox.pet .heading,
div.infobox.pet .subheading { background:#360; }

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

div.infobox.quest .heading,
div.infobox.quest .subheading { background:#F90; }

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

div.infobox.area .heading,
div.infobox.area .subheading { background:#306; }

/** NAV BARS (headings are done with infobox headings) **/
div.nav {
  position:relative;
  width:500px;
  margin:auto;
}

div.nav .box {
  position:relative;
  font-size:.9230769231em;
  border-spacing:0;
  overflow:visible;
  min-height:60px;
  border:1px solid #AAA;
  margin:5px;
  padding:0;
}

div.nav .heading {
  font-family:Arial, sans-serif!important;
  background-color:#888;
  font-size:1.083em;
  line-height:100%;
  margin:-1px -1px 0;
  padding:.769em 0;
}

div.nav .subheading {
  font-family:Arial, sans-serif;
  font-size:1em;
  font-size-adjust:.52;
  padding:.833em 0;
}

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

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

div.nav .center {
  text-align:center;
  margin:10px 0;
}

div.nav .box table {
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:.667em 0;
}

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

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

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

div.nav table td a,
div.nav table td strong.selflink { white-space:nowrap; }

div.nav.thin .box {
  width:400px;
  margin-left:50px;
}

div.nav.thin dt { width:75px; }

div.nav.thin dd { width:290px; }

div.nav.wide .box {
  width:600px;
  margin-left:-50px;
}

div.nav.wide dt { width:150px; }

div.nav.wide dd { width:400px; }

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

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 { background-color:#C96; }

div.nav.hom dd,
div.nav.hom dt,
div.nav.hom table th { border-color:#C96; }

div.nav.crafting .heading,
div.nav.recipe .heading { background-color:#963; }

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

div.nav.guardian .heading,
div.nav.guardian .subheading { background-color:#39C; }

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

div.nav.revenant .heading,
div.nav.revenant .subheading { background-color:#C23F3A; }

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

div.nav.warrior .heading,
div.nav.warrior .subheading { background-color:#F93; }

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

div.nav.engineer .heading,
div.nav.engineer .subheading { background-color:#963; }

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

div.nav.ranger .heading,
div.nav.ranger .subheading { background-color:#6C3; }

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

div.nav.thief .heading,
div.nav.thief .subheading { background-color:#C66; }

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

div.nav.elementalist .heading,
div.nav.elementalist .subheading { background-color:#EC5752; }

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

div.nav.mesmer .heading,
div.nav.mesmer .subheading { background-color:#939; }

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

div.nav.necromancer .heading,
div.nav.necromancer .subheading { background-color:#396; }

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

div.nav.asura .heading,
div.nav.asura .subheading { background-color:#96F; }

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

div.nav.charr .heading,
div.nav.charr .subheading { background-color:#D25D6B; }

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

div.nav.human .heading,
div.nav.human .subheading { background-color:#FC3; }

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

div.nav.norn .heading,
div.nav.norn .subheading { background-color:#6CF; }

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

div.nav.sylvari .heading,
div.nav.sylvari .subheading { background-color:#3C3; }

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

/* specialization and effect infoboxes */
div.infobox.specialization,
div.infobox.trait,
div.infobox.effect {
  width: 260px;
}

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

/* crafting and item infoboxes */
div.infobox.crafting,
div.infobox.item {
  width: 260px;
}

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

/* Recipe boxes that don't look like infoboxes */
div.recipe-box dt {
  width:88px;
}

/* Trading Post prices (MediaWiki:TPprices.js) */
.gw2-tpprice {
  white-space: nowrap;
  text-align: right;
} 
.gw2-tpprice > img {
  position: relative;
  bottom: 1px;
  width: 15px;
  height: 15px;
}

/* Game links (MediaWiki:GameLinks.js) */
input.chatlink {
    font-size: 1em;
    position: absolute;
    margin-left: -2px;
    display: none;
    width: 6.6em;
}

/** NAV BARS (headings are done with infobox headings) **/
div.nav.condition .heading { background-color:#51A651; }

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

/**
 * Style for horizontal lists (separator following item).
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 6 (2014-05-09)
 * @author mediawiki.org/wiki/User:Edokter
 */
.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;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-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;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-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) " ";
    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) " ";
}