summaryrefslogtreecommitdiff
path: root/play.css
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2023-11-12 01:53:17 +0100
committerTor Andersson <tor@ccxvii.net>2023-11-12 13:18:04 +0100
commite8b02e17173feec741bd4475a299aa664346a41f (patch)
tree2ac9e9a81c5e413c75a33b09359fcaff6e29640c /play.css
parent31e0d18cc7b6d4e1ad185c2430bfbeff6a1c39a7 (diff)
downloadhammer-of-the-scots-e8b02e17173feec741bd4475a299aa664346a41f.tar.gz
Show last used border, border limits, and main attack.
Optimize border state representation (use maps instead of objects).
Diffstat (limited to 'play.css')
-rw-r--r--play.css20
1 files changed, 19 insertions, 1 deletions
diff --git a/play.css b/play.css
index 8ac1672..e5a39f0 100644
--- a/play.css
+++ b/play.css
@@ -186,6 +186,25 @@ body.shift .block.known:hover {
z-index: 100;
}
+.border {
+ position: absolute;
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 24px;
+ font-size: 16px;
+ font-weight: bold;
+ color: white;
+ background-color: #654;
+}
+
+.oldblocks .border.England { background-color: brown; }
+.oldblocks .border.Scotland { background-color: #06a; }
+
+.newblocks .border.England { background-color: #a12; }
+.newblocks .border.Scotland { background-color: #059; }
+
#blocks > .block {
position: absolute;
}
@@ -202,7 +221,6 @@ body.shift .block.known:hover {
box-shadow: 0 0 2px 1px #0002;
}
-
.oldblocks .block.England { border: 4px solid brown; background-color: brown; }
.oldblocks .block.Scotland { border: 4px solid #06a; background-color: #06a; }