MediaWiki:Common.css — различия между версиями

Материал из Guild Wars 2 wiki
Перейти к: навигация, поиск
 
(Тест стилей)
Строка 7: Строка 7:
 
.infobox .clear, .nav .clear, .recipe-box .clear { height:5px; }
 
.infobox .clear, .nav .clear, .recipe-box .clear { height:5px; }
 
#content .hiddenlinks a, #content .hiddenlinks a:link, #content .hiddenlinks a:visited { color:inherit; }
 
#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 */
 
/* revenant */
Строка 17: Строка 173:
 
   }
 
   }
 
   .table.revenant > tbody > tr > th,
 
   .table.revenant > tbody > tr > th,
 +
  .table.revenant > tfoot > tr > th,
 +
  .table.revenant > thead > tr > th,
 
   table.table > tbody > tr.revenant > th {
 
   table.table > tbody > tr.revenant > th {
 
     background-color:#E3B4AA;
 
     background-color:#E3B4AA;
Строка 25: Строка 183:
 
     background-color:#F6ECE9;
 
     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 dd,
Строка 31: Строка 905:
 
div.infobox.revenant .heading,
 
div.infobox.revenant .heading,
 
div.infobox.revenant .subheading { background-color:#861313!important; }
 
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 .heading,
Строка 39: Строка 1271:
 
div.nav.revenant table th { border-color:#C23F3A; }
 
div.nav.revenant table th { border-color:#C23F3A; }
  
−
/* skin */
+
div.nav.warrior .heading,
−
.table.skin > :first-child > tr:first-child,
+
div.nav.warrior .subheading { background-color:#F93; }
−
.table.skin > tbody > tr.heading,
+
 
−
.table.skin > :first-child > tr:first-child > *,
+
div.nav.warrior dd,
−
.table.skin > tbody > tr.heading > * {
+
div.nav.warrior dt,
−
  background-color:#E07A98 !important;
+
div.nav.warrior table th { border-color:#F93; }
−
  border-color:#996574 !important;
+
 
−
}
+
div.nav.engineer .heading,
−
.table.skin > tbody > tr > th,
+
div.nav.engineer .subheading { background-color:#963; }
−
.table.skin > tfoot > tr > th,
+
 
−
.table.skin > thead > tr > th,
+
div.nav.engineer dd,
−
table.table > tbody > tr.skin > th {
+
div.nav.engineer dt,
−
  background-color:#FFD4DF;
+
div.nav.engineer table th { border-color:#963; }
−
  border-color:#B3A1A5;
+
 
−
}
+
div.nav.ranger .heading,
−
.table.skin > tbody > tr:nth-child(odd),
+
div.nav.ranger .subheading { background-color:#6C3; }
−
.table > tbody > tr.skin:nth-child(odd) {
+
 
−
  background-color:#FFEDF4;
+
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.infobox.skin dd,
+
div.nav.sylvari .heading,
−
div.infobox.skin dt { border-color:#C4003E; }
+
div.nav.sylvari .subheading { background-color:#3C3; }
  
−
div.infobox.skin .heading,
+
div.nav.sylvari dd,
−
div.infobox.skin .subheading { background:#C4003E; }
+
div.nav.sylvari dt,
 +
div.nav.sylvari table th { border-color:#3C3; }
  
 
/* specialization and effect infoboxes */
 
/* specialization and effect infoboxes */

Версия 21:03, 20 июля 2016

/* Размещённый здесь 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) " ";
}
Источник — «https://wiki.guildwars-2.ru/index.php?title=MediaWiki:Common.css&oldid=61584»