Template:SkillTree Diagram/SkillTree.css: Difference between revisions

From Portals of Phereon Wiki
Content added Content deleted
mNo edit summary
mNo edit summary
Line 5: Line 5:
position: absolute;
position: absolute;
top: 0;
top: 0;
text-align: left;
color: #cfcd54;
color: #df660f;
text-align: center;
font-size: 17px;
text-decoration: underline;
background-color: rgba(26, 12, 2, 0.3);
z-index: 4;
z-index: 4;
}
}

Revision as of 08:27, 25 December 2021

.skillTree-tabber .label-table {
    border-spacing: 0;
}
.skillTree-tabber .label-header {
    position: absolute;
    top: 0;
    color: #cfcd54;
    text-align: center;
    font-size: 17px;
    text-decoration: underline;
    background-color: rgba(26, 12, 2, 0.3);
    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;
}
.skillTree-tabber .tabber .tabbernav > li > a[title="Centaur​"] {color: #ffbd8a !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Plant​"] {color: #9cce3c !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Mermaid​"] {color: #65b9ff !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Lava​"] {color: #ff6400 !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Lymean​"] {color: #f0ff00 !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Succubus​"] {color: #ff6ef5 !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Harpy​"] {color: #c3fff7 !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Lizard​"] {color: #3ce412 !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Insect​"] {color: #d9d9d9 !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Beast​"] {color: #b0794f !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Shadow​"] {color: #909090 !important;}
.skillTree-tabber .tabber .tabbernav > li > a[title="Tentacle​"] {color: #c85d2d !important;}
.skillTree-tabber .tabber .tabbernav {
	margin-left:calc(50% - 300px);
	margin-right:calc(50% - 300px);
}