From 8063f3b9ba28d439cad6c8317d3b58796d5a5ddb Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sun, 12 Nov 2023 03:04:36 +0100 Subject: Show road limits. Use maps instead of objects for road_limit, last_used and main_road. --- play.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'play.css') 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); } -- cgit v1.2.3