diff --git a/icons/assassin-actionskill.png b/icons/assassin-actionskill.png
index ede7e09..64da206 100644
Binary files a/icons/assassin-actionskill.png and b/icons/assassin-actionskill.png differ
diff --git a/icons/commando-actionskill.png b/icons/commando-actionskill.png
index 7742e80..7085f96 100644
Binary files a/icons/commando-actionskill.png and b/icons/commando-actionskill.png differ
diff --git a/icons/gunzerker-actionskill.png b/icons/gunzerker-actionskill.png
new file mode 100644
index 0000000..a3417d2
Binary files /dev/null and b/icons/gunzerker-actionskill.png differ
diff --git a/icons/mechromancer-actionskill.png b/icons/mechromancer-actionskill.png
index 26b263c..8b2ba02 100644
Binary files a/icons/mechromancer-actionskill.png and b/icons/mechromancer-actionskill.png differ
diff --git a/icons/psycho-actionskill.png b/icons/psycho-actionskill.png
new file mode 100644
index 0000000..d134595
Binary files /dev/null and b/icons/psycho-actionskill.png differ
diff --git a/icons/siren-actionskill.png b/icons/siren-actionskill.png
index 9752db9..f37755e 100644
Binary files a/icons/siren-actionskill.png and b/icons/siren-actionskill.png differ
diff --git a/main.css b/main.css
index 11cc638..df9997c 100644
--- a/main.css
+++ b/main.css
@@ -186,6 +186,12 @@ body.choicePage .wrapper {
height: 53px;
}
+.actionSkill {
+ display: inline-block;
+ position: relative;
+ cursor: pointer;
+}
+
.points {
visibility: hidden;
position: absolute;
@@ -199,11 +205,16 @@ body.choicePage .wrapper {
color: white;
}
+.actionSkill .points {
+ visibility: initial;
+}
+
.skill.partial .points {
color: #F80;
}
-.skill.full .points {
+.skill.full .points,
+.actionSkill .points {
color: #0B0;
}
@@ -243,12 +254,14 @@ legend {
display: none;
}
-.tree .description {
+.tree .description,
+.actionSkill .description
+ {
display: none;
position: absolute;
top: 0;
width: 200px;
- z-index: 20;
+ z-index: 21;
background-color: #111;
color: white;
padding: 0 0.25em 0.5em;
@@ -264,6 +277,11 @@ legend {
right: 110%;
}
+.actionSkill .description {
+ top: 10%;
+ left: 105%;
+}
+
.tier[data-level='4'] .description {
top: auto;
bottom: -59px;
@@ -279,7 +297,8 @@ legend {
bottom: 0;
}
-.tree .description h2 {
+.tree .description h2,
+.actionSkill .description h2 {
padding: 0.15em 0;
margin-bottom: 0.15em;
font-size: 125%;
@@ -362,6 +381,14 @@ legend {
display: none;
}
+.actionSkill:hover .description {
+ display: block;
+}
+
+.actionSkill:hover .description:hover {
+ display: none;
+}
+
.green legend {
color: #41974D;
}
diff --git a/mechromancer.html b/mechromancer.html
index 51b803e..0cd069b 100644
--- a/mechromancer.html
+++ b/mechromancer.html
@@ -17,6 +17,12 @@
Level 5 Mechromancer