Guild Wars 2 Wiki:Projects/CSS documentation/template tables- monobook

From Guild Wars 2 Wiki
Jump to navigationJump to search
/** TABLE CLASSES **/
.table {
    border: 0 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.9230769231em;
    text-align: left;
    clear: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    padding: 0;
}

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

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

.table > caption {
    font-weight: bold;
}

.table tr {
    text-align: left;
    border-color: #AAA;
}

.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 > * {
    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: 0.5em;
}

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

.table tr > th,
.table[class*="center"] tr {
    text-align: center;
}

.table[class*="left"] tr {
    text-align: left;
}

.table[class*="right"] tr {
    text-align: right;
}

.table[class*="middle"] tr {
    vertical-align: middle;
}

.table[class*="top"] tr {
    vertical-align: top;
}

.table[class*="bottom"] tr {
    vertical-align: bottom;
}

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

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

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

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

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

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

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

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

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

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

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

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

/** STDT TABLE CLASSES **/
/* whole table */
/* any */
/* First row, or a row classed as heading, receives color border (applied to conventional cells) */
/* Cells within first row receive background colors */
/* Merged cells also require color border */
.table.any > :first-child > tr:first-child,
.table.any > :first-child > tr:first-child > *,
.table.any > * > tr.heading,
.table.any > * > tr.heading > * {
    background-color: #888 !important;
    border-color: #6D6D6D !important;
}

/* Any header cell gets a coloured background - less vivid than first row */
/* Border color required for merged cells */
.table.any > * > tr > th {
    background-color: #CCC;
    border-color: #AAA;
}

/* Alternating row colors. Off by one row for sortable tables, too many css lines to bother putting them back to odd. */
.table.any > tbody > tr:nth-child(odd) {
    background-color: #EEE;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Rows with heading classes - declared separately to ensure table rules are overridden by row rules */
/* any */
.table > * > tr.any > th {
    background-color: #CCC;
    border-color: #AAA;
}
.table > tbody > tr.any:nth-child(odd) {
    background-color: #EEE;
}

/* guardian */
.table > * > tr.guardian > th {
    background-color: #B9E0EC;
    border-color: #94B3BD;
}
.table > tbody > tr.guardian:nth-child(odd) {
    background-color: #EAF6F9;
}

/* revenant */
.table > * > tr.revenant > th {
    background-color: #E3B4AA;
    border-color: #BFA8A0;
}
.table > tbody > tr.revenant:nth-child(odd) {
    background-color: #F6ECE9;
}

/* warrior */
.table > * > tr.warrior > th {
    background-color: #FFE8B3;
    border-color: #CCBA8F;
}
.table > tbody > tr.warrior:nth-child(odd) {
    background-color: #FFF8E8;
}

/* engineer */
.table > * > tr.engineer > th {
    background-color: #E8BC84;
    border-color: #BA966A;
}
.table > tbody > tr.engineer:nth-child(odd) {
    background-color: #F8EBDA;
}

/* ranger */
.table > * > tr.ranger > th {
    background-color: #C7EFA2;
    border-color: #9FBF82;
}
.table > tbody > tr.ranger:nth-child(odd) {
    background-color: #EEFAE3;
}

/* thief */
.table > * > tr.thief > th {
    background-color: #DEC6C9;
    border-color: #B29EA1;
}
.table > tbody > tr.thief:nth-child(odd) {
    background-color: #F5EEEF;
}

/* elementalist */
.table > * > tr.elementalist > th {
    background-color: #FBC5C3;
    border-color: #C99E9C;
}
.table > tbody > tr.elementalist:nth-child(odd) {
    background-color: #FEEEED;
}

/* mesmer */
.table > * > tr.mesmer > th {
    background-color: #DBBCEA;
    border-color: #AF96BB;
}
.table > tbody > tr.mesmer:nth-child(odd) {
    background-color: #F4EBF9;
}

/* necromancer */
.table > * > tr.necromancer > th {
    background-color: #A9D3B7;
    border-color: #87A992;
}
.table > tbody > tr.necromancer:nth-child(odd) {
    background-color: #E5F2EA;
}

/* asura */
.table > * > tr.asura > th {
    background-color: #D1BDF8;
    border-color: #A797C6;
}
.table > tbody > tr.asura:nth-child(odd) {
    background-color: #F1EBFD;
}

/* charr */
.table > * > tr.charr > th {
    background-color: #FFBCC3;
    border-color: #CC969C;
}
.table > tbody > tr.charr:nth-child(odd) {
    background-color: #FFEBED;
}

/* human */
.table > * > tr.human > th {
    background-color: #FFF2B3;
    border-color: #CCC28F;
}
.table > tbody > tr.human:nth-child(odd) {
    background-color: #FFFBE8;
}

/* norn */
.table > * > tr.norn > th {
    background-color: #BADDFF;
    border-color: #95B1CC;
}
.table > tbody > tr.norn:nth-child(odd) {
    background-color: #EAF5FF;
}

/* sylvari */
.table > * > tr.sylvari > th {
    background-color: #B0F3B2;
    border-color: #8DC28E;
}
.table > tbody > tr.sylvari:nth-child(odd) {
    background-color: #E7FBE8;
}

/* npc */
.table > * > tr.npc > th {
    background-color: #B3E699;
    border-color: #8FB87A;
}
.table > tbody > tr.npc:nth-child(odd) {
    background-color: #E8F8E1;
}

/* pve */
.table > * > tr.pve > th {
    background-color: #FFE6B3;
    border-color: #CCB88F;
}
.table > tbody > tr.pve:nth-child(odd) {
    background-color: #FFF8E8;
}

/* equip */
.table > * > tr.equip > th {
    background-color: #FFCCB3;
    border-color: #CCA38F;
}
.table > tbody > tr.equip:nth-child(odd) {
    background-color: #FFF0E8;
}

/* item */
.table > * > tr.item > th {
    background-color: #FFCCB3;
    border-color: #CCA38F;
}
.table > tbody > tr.item:nth-child(odd) {
    background-color: #FFF0E8;
}

/* skin */
.table > * > tr.skin > th {
    background-color: #FFD4DF;
    border-color: #B3A1A5;
}
.table > tbody > tr.skin:nth-child(odd) {
    background-color: #FFEDF4;
}

/* mech1 */
.table > * > tr.mech1 > th {
    background-color: #B3CCE6;
    border-color: #8FA3B8;
}
.table > tbody > tr.mech1:nth-child(odd) {
    background-color: #E8F0F8;
}

/* mech2 */
.table > * > tr.mech2 > th {
    background-color: #99E6E6;
    border-color: #7AB8B8;
}
.table > tbody > tr.mech2:nth-child(odd) {
    background-color: #E1F8F8;
}

/* lore */
.table > * > tr.lore > th {
    background-color: #E6B3E6;
    border-color: #B88FB8;
}
.table > tbody > tr.lore:nth-child(odd) {
    background-color: #F8E8F8;
}

/* location */
.table > * > tr.location > th {
    background-color: #CCB3E6;
    border-color: #A38FB8;
}
.table > tbody > tr.location:nth-child(odd) {
    background-color: #F0E8F8;
}

/* promo */
.table > * > tr.promo > th {
    background-color: #CCE699;
    border-color: #A3B87A;
}
.table > tbody > tr.promo:nth-child(odd) {
    background-color: #F0F8E1;
}

/* hom */
.table > * > tr.hom > th {
    background-color: #E6CCB3;
    border-color: #B8A38F;
}
.table > tbody > tr.hom:nth-child(odd) {
    background-color: #F8F0E8;
}

/* boon */
.table > * > tr.boon > th {
    background-color: #B9ECEC;
    border-color: #94BDBD;
}
.table > tbody > tr.boon:nth-child(odd) {
    background-color: #EAF9F9;
}

/* condition */
.table > * > tr.condition > th {
    background-color: #A8D3A8;
    border-color: #86A986;
}
.table > tbody > tr.condition:nth-child(odd) {
    background-color: #E5F2E5;
}

/* crafting */
.table > * > tr.crafting > th {
    background-color: #D3C0A8;
    border-color: #A99A86;
}
.table > tbody > tr.crafting:nth-child(odd) {
    background-color: #F2ECE5;
}

/* recipe */
.table > * > tr.recipe > th {
    background-color: #D3C0A8;
    border-color: #A99A86;
}
.table > tbody > tr.recipe:nth-child(odd) {
    background-color: #F2ECE5;
}

/* Skills tables */
.table.skills {
    width: 100%;
    max-width: 100em;
    display: table;
}

.table.skills > :first-child > tr:first-child ~ tr th[colspan] {
    text-align: left;
}

.table.skills
    > :first-child
    > tr:first-child
    ~ tr
    th[colspan]
    span.editsection {
    display: none;
}

.table.skills > :first-child > tr:first-child ~ tr th[colspan] h4 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

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

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

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

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

.table.combo li {
    display: block;
}

/* Restore sort icons for sortable table headers */
/* These are inserted as CSS background-image, which clashes with our fancy gradient overlays */
table.jquery-tablesorter th.headerSort {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
    background-image: url(/resources/jquery/images/sort_both.png) !ie;
    padding: 0.5em;
    padding-right: 21px;
}

table.jquery-tablesorter th.headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
    background-image: url(/resources/jquery/images/sort_down.png) !ie;
}

table.jquery-tablesorter th.headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
    background-image: url(/resources/jquery/images/sort_up.png) !ie;
}

/* And finally jquery overlays for tables that also use .table classes (two background images) */
table.table.jquery-tablesorter th.headerSort {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=),
        url("/images/c/cc/Infobox_header_overlay.png");
    background-image: url(/resources/jquery/images/sort_both.png) !ie;
    background-repeat: no-repeat, repeat;
    background-position: 100% 50%, 0% 0%;
}

table.table.jquery-tablesorter th.headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==),
        url("/images/c/cc/Infobox_header_overlay.png");
    background-image: url(/resources/jquery/images/sort_down.png) !ie;
    background-repeat: no-repeat, repeat;
    background-position: 100% 50%, 0% 0%;
}

table.table.jquery-tablesorter th.headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==),
        url("/images/c/cc/Infobox_header_overlay.png");
    background-image: url(/resources/jquery/images/sort_up.png) !ie;
    background-repeat: no-repeat, repeat;
    background-position: 100% 50%, 0% 0%;
}