| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-23 14:59:27 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-23 14:59:27 -0700 |
| commit | 6ea86c77f56a26bcbb1c90c46e035385791e7ef9 (patch) | |
| tree | d5d513113d77381d7be5024a0bb7c4cf9fe1f196 /style.css | |
| parent | e9d104f07823a6165315938ce48cf3d14465fe17 (diff) | |
Think I got it working with boxes instead of text??
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 50 |
1 files changed, 47 insertions, 3 deletions
@@ -82,15 +82,39 @@ line.ruler { margin: 0; } -.soldier-record p.damage span { + +label span { display: inline-block; + width: 10px; + height: 10px; + border: 1px solid black; } -.soldier-record p.damage span input { +.damage-selector.clear { + background-color: white; +} + +.damage-selector.bruise { + background-color: orange; +} + +.damage-selector.lethal { + background-color: red; +} + +label { display: block; } -input { +/* .soldier-record p.damage span { + display: inline-block; +} + +.soldier-record p.damage span input { + display: block; +} */ + +/* input { border: none; outline: 2px solid deeppink; } @@ -141,6 +165,26 @@ input:checked + label + input + label { input { position: absolute; opacity: 0; +} */ + +label span { + border-color: red; +} + +label:first-of-type span { + border-color: black; +} + +label:has(input:checked) span { + border-color: red; +} + +label:has(+ label input:checked) span { + border-color: red; +} + +label:has(input:checked) + label span { + border-color: black; } image#img1 { |