Template:SkillTree Diagram/SkillTree.css

From Portals of Phereon Wiki
Revision as of 04:30, 24 December 2021 by Kozd (talk | contribs) (Created page with ".skillTree-tabber .label-table { border-spacing: 0; } .skillTree-tabber .label-header { position: absolute; top: 0; text-align: left; color: #df660f; z-index: 4; } .skillTree-tabber .label-node, .skillTree-tabber .label-connection-h-a, .skillTree-tabber label-connection-h, .skillTree-tabber label-connection-v { position: relative; } .skillTree-tabber .label-connection-v img{ transform: rotate(270deg); } .skillTree-tabber .label-image,.skil...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
.skillTree-tabber .label-table {
    border-spacing: 0;
}
.skillTree-tabber .label-header {
    position: absolute;
    top: 0;
    text-align: left;
    color: #df660f;
    z-index: 4;
}
.skillTree-tabber .label-node, .skillTree-tabber .label-connection-h-a, .skillTree-tabber label-connection-h, .skillTree-tabber label-connection-v {
    position: relative;
}
.skillTree-tabber .label-connection-v img{
    transform: rotate(270deg);
}
.skillTree-tabber .label-image,.skillTree-tabber .label-image-background,.skillTree-tabber label-connection {
    position: absolute;
    top: 0;
}
.skillTree-tabber .label-image {
    z-index: 2;
}
.skillTree-tabber .label-image-background {
    z-index: 1;
}
.skillTree-tabber .label-primary, .skillTree-tabber .label-secondary, .skillTree-tabber .label-count-1, .skillTree-tabber .label-count-2,
.skillTree-tabber .label-count-3, .skillTree-tabber .label-count-4, .skillTree-tabber .label-count-5, .skillTree-tabber .label-count-6,
.skillTree-tabber .label-count-7, .skillTree-tabber .label-count-8, .skillTree-tabber .label-count-9, .skillTree-tabber .label-count-10 {
    position: absolute;
    z-index: 3;
}
.skillTree-tabber .label-primary {
    bottom: 0;
    right: 0;
}
.skillTree-tabber .label-secondary {
    bottom: 20px;
    right: 0;
}
.skillTree-tabber .label-count-1 {
    bottom: 0;
    left: 0;
}
.skillTree-tabber .label-count-2 {
    bottom: 20px;
    left: 0;
}