| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
path: root/damage_block.css
diff options
| author | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-24 16:42:49 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-24 16:42:49 -0700 |
| commit | b5143808d2d907102346413e70aa28641effcacc (patch) | |
| tree | 9a758058ea6634a16b180a4e39f85fe7f4ac2482 /damage_block.css | |
| parent | 1935310fbf26769938a6e9a4008623c7b44fc5a8 (diff) | |
WIP: template work
Diffstat (limited to 'damage_block.css')
| -rw-r--r-- | damage_block.css | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/damage_block.css b/damage_block.css new file mode 100644 index 0000000..46e55a0 --- /dev/null +++ b/damage_block.css @@ -0,0 +1,61 @@ +.damage-selector, .damage-effect-indicator { + width: 20px; + height: 30px; +} + +.damage-selector { + margin: 0; + padding: 0; + border: 1px solid black; + display: inline-block; +} + +.damage-effect-indicator { + position: absolute; + margin: 0; + padding: 0; + display: block; + pointer-events: none; + font-family: monospace; +} + +.damage-selector.clear { + background-color: white; +} + +.damage-selector.bruise { + background-color: orange; +} + +.damage-selector.lethal { + background-color: red; +} + +label input[type="radio"] { + position: absolute; + opacity: 0; + margin: 0; + padding: 0; +} + +label { + display: none; + margin: 0; + padding: 0; +} + +label:first-of-type { + display: block; +} + +label:has(input:checked) { + display: none; +} + +label:has(+ label input:checked) { + display: none; +} + +label:has(input:checked) + label { + display: block; +}
\ No newline at end of file |