Template:SkillTree Diagram/SkillTree.css: Difference between revisions
From Portals of Phereon Wiki
Content added Content deleted
(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...") |
No edit summary |
||
Line 46: | Line 46: | ||
bottom: 20px; |
bottom: 20px; |
||
left: 0; |
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); |
|||
} |
|||
.skillTree-tabber .tabber .tabbertab { |
|||
text-align: center; |
|||
display: inline-block; |
|||
} |
} |
Revision as of 07:37, 25 December 2021
.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;
}
.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);
}
.skillTree-tabber .tabber .tabbertab {
text-align: center;
display: inline-block;
}