diff options
author | Tor Andersson <tor@ccxvii.net> | 2023-11-12 03:04:36 +0100 |
---|---|---|
committer | Tor Andersson <tor@ccxvii.net> | 2023-11-18 00:46:17 +0100 |
commit | 8063f3b9ba28d439cad6c8317d3b58796d5a5ddb (patch) | |
tree | e7597d9119bf60c43a44e96268e7734a140be8e9 /play.css | |
parent | e66e845ef1d691d2086afc7984ec5807706a6121 (diff) | |
download | crusader-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.css | 18 |
1 files changed, 18 insertions, 0 deletions
@@ -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); } |