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

From Guild Wars 2 Wiki
Jump to navigationJump to search
/** TABLES **/
.table {
    width: 100%;
    border-collapse: collapse;
}

.table th {
    background-color: #DDD;
}

.table th, .table td {
    border: 1px solid black;
    padding: 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;
}

/* STDT table classes */
/* any */
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading > * {
    background-color:#888 !important;
}

.table.any > * > tr > th,
.table > * > tr.any > th {
    background-color:#CCC;
}

.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 > * {
    background-color:#72C1D9 !important;
}

.table.guardian > * > tr > th,
.table > * > tr.guardian > th {
    background-color:#B9E0EC;
}

.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 > * {
    background-color:#B1574C !important;
}

.table.revenant > * > tr > th,
.table > * > tr.revenant > th {
    background-color:#E3B4AA;
}

.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 > * {
    background-color:#FFD166 !important;
}

.table.warrior > * > tr > th,
.table > * > tr.warrior > th {
    background-color:#FFE8B3;
}

.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 > * {
    background-color:#D09C59 !important;
}

.table.engineer > * > tr > th,
.table > * > tr.engineer > th {
    background-color:#E8BC84;
}

.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 > * {
    background-color:#8EDF44 !important;
}

.table.ranger > * > tr > th,
.table > * > tr.ranger > th {
    background-color:#C7EFA2;
}

.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 > * {
    background-color:#C08F95 !important;
}

.table.thief > * > tr > th,
.table > * > tr.thief > th {
    background-color:#DEC6C9;
}

.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 > * {
    background-color:#F68A87 !important;
}

.table.elementalist > * > tr > th,
.table > * > tr.elementalist > th {
    background-color:#FBC5C3;
}

.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 > * {
    background-color:#B679D5 !important;
}

.table.mesmer > * > tr > th,
.table > * > tr.mesmer > th {
    background-color:#DBBCEA;
}

.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 > * {
    background-color:#52A76F !important;
}

.table.necromancer > * > tr > th,
.table > * > tr.necromancer > th {
    background-color:#A9D3B7;
}

.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 > * {
    background-color:#A27BF1 !important;
}

.table.asura > * > tr > th,
.table > * > tr.asura > th {
    background-color:#D1BDF8;
}

.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 > * {
    background-color:#FE7887 !important;
}

.table.charr > * > tr > th,
.table > * > tr.charr > th {
    background-color:#FFBCC3;
}

.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 > * {
    background-color:#FFE566 !important;
}

.table.human > * > tr > th,
.table > * > tr.human > th {
    background-color:#FFF2B3;
}

.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 > * {
    background-color:#75BAFF !important;
}

.table.norn > * > tr > th,
.table > * > tr.norn > th {
    background-color:#BADDFF;
}

.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 > * {
    background-color:#61E665 !important;
}

.table.sylvari > * > tr > th,
.table > * > tr.sylvari > th {
    background-color:#B0F3B2;
}

.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 > * {
    background-color:#6C3 !important;
}

.table.npc > * > tr > th,
.table > * > tr.npc > th {
    background-color:#B3E699;
}

.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 > * {
    background-color:#FC6 !important;
}

.table.pve > * > tr > th,
.table > * > tr.pve > th {
    background-color:#FFE6B3;
}

.table.pve > tbody > tr:nth-child(odd),
.table > tbody > tr.pve:nth-child(odd) {
    background-color:#FFF8E8;
}

/* equip (same as item), split for clarity */
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > * {
    background-color:#F96 !important;
}

.table.equip > * > tr > th,
.table > * > tr.equip > th {
    background-color:#FFCCB3;
}

.table.equip > tbody > tr:nth-child(odd),
.table > tbody > tr.equip:nth-child(odd) {
    background-color:#FFF0E8;
}

/* item (same as equip), split for clarity */
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
    background-color:#F96 !important;
}

.table.item > * > tr > th,
.table > * > tr.item > th {
    background-color:#FFCCB3;
}

.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 > * {
    background-color:#E07A98 !important;
}

.table.skin > * > tr > th,
.table > * > tr.skin > th {
    background-color:#FFD4DF;
}

.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 > * {
    background-color:#69C !important;
}

.table.mech1 > * > tr > th,
.table > * > tr.mech1 > th {
    background-color:#B3CCE6;
}

.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 > * {
    background-color:#3CC !important;
}

.table.mech2 > * > tr > th,
.table > * > tr.mech2 > th {
    background-color:#99E6E6;
}

.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 > * {
    background-color:#C6C !important;
}

.table.lore > * > tr > th,
.table > * > tr.lore > th {
    background-color:#E6B3E6;
}

.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 > * {
    background-color:#96C !important;
}

.table.location > * > tr > th,
.table > * > tr.location > th {
    background-color:#CCB3E6;
}

.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 > * {
    background-color:#9C3 !important;
}

.table.promo > * > tr > th,
.table > * > tr.promo > th {
    background-color:#CCE699;
}

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

.table.hom > * > tr > th,
.table > * > tr.hom > th {
    background-color:#E6CCB3;
}

.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 > * {
    background-color:#73D9D9 !important;
}

.table.boon > * > tr > th,
.table > * > tr.boon > th {
    background-color:#B9ECEC;
}

.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 > * {
    background-color:#51A651 !important;
}

.table.condition > * > tr > th,
.table > * > tr.condition > th {
    background-color:#A8D3A8;
}

.table.condition > tbody > tr:nth-child(odd),
.table > tbody > tr.condition:nth-child(odd) {
    background-color:#E5F2E5;
}

/* crafting (same as recipe), split for clarity */
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > tbody > tr.heading > * {
    background-color:#A68151 !important;
}

.table.crafting > * > tr > th,
.table > * > tr.crafting > th {
    background-color:#D3C0A8;
}

.table.crafting > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting:nth-child(odd) {
    background-color:#F2ECE5;
}

/* recipe (same as crafting), split for clarity */
.table.recipe > :first-child > tr:first-child > *,
.table.recipe > tbody > tr.heading > * {
    background-color:#A68151 !important;
}

.table.recipe > * > tr > th,
.table > * > tr.recipe > th {
    background-color:#D3C0A8;
}

.table.recipe > tbody > tr:nth-child(odd),
.table > tbody > tr.recipe:nth-child(odd) {
    background-color:#F2ECE5;
}

/* Skill tables */
.table.skills span.mw-editsection {
    display: none;
}