| 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-05-20 09:07:16 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-20 09:07:16 -0700 |
| commit | 4d133b7181241adca3867afae721eb0962e4e645 (patch) | |
| tree | 774b8bd433c0dea37d1434a59bf23704efc16373 /public/assets/css/style.css | |
| parent | c692bc90207c4b04771f953ce5924100a1889cae (diff) | |
Add weapon icons to record sheet
Diffstat (limited to 'public/assets/css/style.css')
| -rw-r--r-- | public/assets/css/style.css | 26 |
1 files changed, 12 insertions, 14 deletions
diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 9d5afb5..3e6842f 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -196,8 +196,10 @@ g#grid { transform: rotate(180deg); } -#counter-base { - r: inherit; +.weapon-symbol :not(use[href="#counter-base"]) { + stroke: white; + stroke-width: 0.75; + fill: none; } g.troop-counter-template, g.troop-counter-template use { @@ -306,22 +308,26 @@ button.set-firing-arc img { background-color: white; } -.soldier-record[data-allegiance="attacker"] [slot="troop-number"] svg { +.soldier-record span[slot] { + margin-right: .4em; +} + +.soldier-record[data-allegiance="attacker"] svg { fill: blue; } -.soldier-record[data-allegiance="defender"] [slot="troop-number"] svg { +.soldier-record[data-allegiance="defender"] svg { fill: red; } -.soldier-record [slot="troop-number"] svg { +.soldier-record svg { width: 20px; height: 20px; background-color: initial; vertical-align: middle; } -.soldier-record [slot="troop-number"] svg text { +.soldier-record svg text { fill: white; text-anchor: middle; font-size: 10px; @@ -330,14 +336,6 @@ button.set-firing-arc img { font-family: monospace; } -.soldier-record[data-allegiance="defender"] [slot="troop-number"] img { - fill: red; -} - -.soldier-record[data-allegiance="attacker"] [slot="troop-number"] img { - fill: blue; -} - .soldier-record.selected { background-color: khaki; } |