Template:Sandbox/Aurelain/HeroClassSkills/styles.css

.hcs-box {
    margin: 1em;
}

@media (max-width: 600px) {
    .hcs-box {
        width: 100%;
        margin: 1em 0 0 0;
    }
}

.hcs-box table {
    width: 100%;
}

/* FACTION COLORS */
.hcs-box.faction-human .band {
    background-color: #8b7e47;
    border-top: solid 1px #bcb096;
}

.hcs-box.faction-human .band td {
    color: #fff;
}

.hcs-box.faction-undead .band {
    background-color: #122c29;
}

.hcs-box.faction-nature .band {
    background-color: #3d0c21;
}

.hcs-box.faction-demon .band {
    background-color: #400f08;
}

.hcs-box.faction-unfrozen .band {
    background-color: #1f3756;
}

.hcs-box.faction-dungeon .band {
    background-color: #2d143c;
}

.hcs-box.faction-neutral .band {
    background-color: #3e3e3e;
}