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