| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-06-27 12:48:06 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-06-27 12:48:06 -0700 |
| commit | c148f4a4f329decec4602a48a8a71a62b429bfb4 (patch) | |
| tree | 5dc552f1bfe34a4369999753b9217d88a10c61e2 /public/assets/css | |
| parent | 9c0645b481224bcc777cac58eb2c7ea1592e58e1 (diff) | |
WIP: render radial coord hexes/maps
Diffstat (limited to 'public/assets/css')
| -rw-r--r-- | public/assets/css/map.css | 8 | ||||
| -rw-r--r-- | public/assets/css/radial.css | 5 | ||||
| -rw-r--r-- | public/assets/css/style.css | 36 |
3 files changed, 43 insertions, 6 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css index 3d532ed..207c8e6 100644 --- a/public/assets/css/map.css +++ b/public/assets/css/map.css @@ -15,7 +15,7 @@ text { } use[href="#hex"] { - opacity: 0; + opacity: 0.5; fill: transparent; fill-opacity: 0.5; stroke-width: 0.5px; @@ -60,6 +60,10 @@ g.weapon-symbol :not(use[href="#counter-base"]) { stroke-width: 0.5px; } +/* g.weapon-symbol { + r: 5px; +} */ + g.troop-counter-template text { fill: white; font-size: 12px; @@ -425,7 +429,7 @@ g[data-y="76"] { --i: 76; } .building .doors { stroke: white; - stroke-width: 2.25 + stroke-width: 2.25px } #test-arcs line, #test-arcs polyline { diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css index e4217b7..4ad1903 100644 --- a/public/assets/css/radial.css +++ b/public/assets/css/radial.css @@ -21,7 +21,7 @@ text { use[href="#hex"] { stroke: #666; /* fill: wheat; */ - fill: navajowhite; + /* fill: navajowhite; */ /* fill: url(#asterisk); */ } @@ -334,6 +334,3 @@ input:checked+label { fill: lightgreen; } -.furniture { - fill: violet; -} diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 5fa37f8..b5d7b8a 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -173,6 +173,10 @@ polygon.firing-arc[data-allegiance="attacker"] { fill: blue; } +.weapon-symbol polyline { + fill: none; +} + .soldier-record[data-allegiance="defender"] svg { fill: red; } @@ -191,6 +195,14 @@ polygon.firing-arc[data-allegiance="attacker"] { stroke-width: 0.5px; } +.weapon-symbol { + stroke: none; +} + +[href="#counter-base"] { + stroke: none; +} + .soldier-record svg { width: 20px; height: 20px; @@ -400,6 +412,30 @@ div#dice { animation: roll-out 0.125s linear 1; } +.select-elevation { + position: fixed; + right: 0; + top: 50%; + margin-right: 10px; + background-color: #FFFFFF99; + border: 1px solid gray; + padding: 2px; + font-family: sans-serif; + font-size: 10pt; +} + +.select-elevation label { + display: block; + margin: 2px 0; + text-align: center; + border: 1px solid transparent; + user-select: none; +} + +.select-elevation input { + display: none; +} + @keyframes roll-out { 0% { transform: scaleX(1); |