Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
authorCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-04-02 15:41:43 -0700
committerCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-04-02 15:57:47 -0700
commitfbb966318344db1fcc3690631f4c235d9f08cb7b (patch)
tree8a8d92d3948464957f5ffec16845a95b1b5febcb /style.css
parentb03ab287e029d66ac3712abd10ba057d238c6a1b (diff)
Movement history
Diffstat (limited to 'style.css')
-rw-r--r--style.css54
1 files changed, 51 insertions, 3 deletions
diff --git a/style.css b/style.css
index aba6b7e..449405d 100644
--- a/style.css
+++ b/style.css
@@ -153,6 +153,11 @@ use[href="#point"].active {
opacity: 1;
}
+polyline.move-trace {
+ stroke: lightcoral;
+ fill: none;
+}
+
g#grid {
transform: translate(19px, 31px) scale(4);
}
@@ -193,14 +198,57 @@ image.map-scans {
stroke-width: 0.5in;
} */
-circle.counter[data-troop-allegiance="liao"] {
- fill: green;
+use.counter.clone {
+ /* filter: saturate(40%) brightness(4); */
+ /* filter: grayscale(0.8) */
+}
+
+g.troop-counter {
+ /* fill: inherit; */
+ /* transform: translate(-7px, -7px); */
+ /* opacity: 0.5; */
+}
+
+g.troop-counter use[href="#counter-base"] {
+ /* transform: translate(-7px, -7px); */
+ transform: translate(-5px, -5px);
+}
+
+g.troop-counter text {
+ fill: white;
+ font-size: 12px;
+ font-weight: bold;
+ font-family: monospace;
+ cursor: default;
+ text-anchor: middle;
+ pointer-events: none;
+ user-select: none;
+ transform: translateY(4px);
+ stroke: none;
}
-circle.counter[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 {
+ stroke: white;
+ stroke-width: 0.5px;
+ stroke-dasharray: 1;
+}
+
+g#counters use[data-troop-allegiance="davion"].clone {
+ fill: rgb(255, 126, 126);
+}
+
+g#counters use[data-troop-allegiance="liao"].clone {
+ fill: rgb(130, 190, 130);
+}
+
text.counter, #troop-counter text {
font-size: 12px;
font-weight: bold;