summaryrefslogtreecommitdiff
path: root/play.css
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2023-11-12 03:04:36 +0100
committerTor Andersson <tor@ccxvii.net>2023-11-18 00:46:17 +0100
commit8063f3b9ba28d439cad6c8317d3b58796d5a5ddb (patch)
treee7597d9119bf60c43a44e96268e7734a140be8e9 /play.css
parente66e845ef1d691d2086afc7984ec5807706a6121 (diff)
downloadcrusader-rex-8063f3b9ba28d439cad6c8317d3b58796d5a5ddb.tar.gz
Show road limits.
Use maps instead of objects for road_limit, last_used and main_road.
Diffstat (limited to 'play.css')
-rw-r--r--play.css18
1 files changed, 18 insertions, 0 deletions
diff --git a/play.css b/play.css
index 5810496..dd0e513 100644
--- a/play.css
+++ b/play.css
@@ -195,6 +195,23 @@ body.Saracens header.your_turn { background-color: hsl(120, 50%, 70%); } /* 50%
#sea { visibility: hidden; }
#sea.highlight { visibility: visible; cursor: pointer; }
+.road {
+ position: absolute;
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 24px;
+ font-size: 16px;
+ font-weight: bold;
+ background-color: hsl(35, 15%, 50%);
+ color: hsl(35, 15%, 30%);
+ box-shadow: 0px 0px 4px 1px #0004;
+}
+
+.road.Franks { background-color: khaki; color: hsl(54, 27%, 35%); }
+.road.Saracens { background-color: seagreen; color: honeydew; }
+
/* BLOCKS */
body.shift .block.known:hover {
@@ -382,6 +399,7 @@ body.shift .block.known:hover {
body.shift #padmap #map > .block.known:hover {
transform: rotate(90deg) scale(2) !important;
}
+ .road { transform: rotate(90deg); }
#blocks > .block { transform: rotate(90deg); }
#blocks > .block.r1 { transform: rotate(0deg); }
#blocks > .block.r2 { transform: rotate(-90deg); }