From e8b02e17173feec741bd4475a299aa664346a41f Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sun, 12 Nov 2023 01:53:17 +0100 Subject: Show last used border, border limits, and main attack. Optimize border state representation (use maps instead of objects). --- play.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) (limited to 'play.css') 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; } -- cgit v1.2.3