Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css55
1 files changed, 49 insertions, 6 deletions
diff --git a/style.css b/style.css
index 2e4cbd7..438ad62 100644
--- a/style.css
+++ b/style.css
@@ -228,11 +228,54 @@ g.troop-counter [href="#counter-prone"] {
transform: translate(-5px, 6px);
}
+g#points g use.counter {
+ r: 5px;
+}
+
+g#points g.hover use[href="#point"] {
+ opacity: 1;
+ fill: orange;
+}
+
+g#points g.hover use.counter {
+ stroke-width: 2px;
+ r: 7px;
+}
+
+g#points g.hover use.counter:not(.clone) {
+ stroke: orange;
+}
+
+g#points use.counter[data-troop-allegiance="davion"] {
+ fill: red;
+}
+
+g#points use.counter[data-troop-allegiance="liao"] {
+ fill: green;
+}
+
+g#points use.clone {
+ stroke: white;
+ stroke-width: 0.5px;
+ stroke-dasharray: 1;
+}
+
+g#points use[data-troop-allegiance="davion"].clone {
+ fill: rgb(255, 126, 126);
+}
+
+g#points use[data-troop-allegiance="liao"].clone {
+ fill: rgb(130, 190, 130);
+}
+
+
+/* ======================================================= */
+
g#counters {
pointer-events: none;
}
-g#counters use {
+/* g#counters use {
r: 5px;
}
@@ -240,17 +283,17 @@ g#counters use:hover {
stroke: orange;
stroke-width: 2px;
r: 8px;
-}
+} */
-g#counters use[data-troop-allegiance="davion"] {
+/* g#counters use[data-troop-allegiance="davion"] {
fill: red;
}
g#counters use[data-troop-allegiance="liao"] {
fill: green;
-}
+} */
-g#counters use.clone {
+/* g#counters use.clone {
stroke: white;
stroke-width: 0.5px;
stroke-dasharray: 1;
@@ -262,7 +305,7 @@ g#counters use[data-troop-allegiance="davion"].clone {
g#counters use[data-troop-allegiance="liao"].clone {
fill: rgb(130, 190, 130);
-}
+} */
text.counter, #troop-counter text {
font-size: 12px;