diff options
| author | Tor Andersson <tor@ccxvii.net> | 2023-10-08 12:45:42 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-10-08 23:02:03 +0200 |
| commit | fa93dc1cbb185bab17da9c09d6c2c08fefb2e99c (patch) | |
| tree | 9c795adab354659eea91a5d044793b5bd4854380 /play.css | |
| parent | 111988c6d409029a1a27e20ebb9a4e2c90bcfeab (diff) | |
| download | time-of-crisis-fa93dc1cbb185bab17da9c09d6c2c08fefb2e99c.tar.gz | |
Add tinted militia and reduced legions as option (on by default).
Make it easier to see what is what in a mixed stack than just the
tiny combat strength number.
Diffstat (limited to 'play.css')
| -rw-r--r-- | play.css | 23 |
1 files changed, 21 insertions, 2 deletions
@@ -9,6 +9,9 @@ header.your_turn { background-color: orange; } #turn_info { background-color: gainsboro; } .role_vp { float: right; } +.checked::before { content: "\2714 " } +.unchecked::before { content: "\2714 "; color:transparent; } + body.Observer #hand_panel, body.Observer #draw_panel, body.Observer #discard_panel { display: none; } @@ -311,8 +314,8 @@ body.p2 #npg_galatia { display: block } .blue.action { box-shadow: 0 0 0 1px #113854, 0 0 0 4px white; } .yellow.action { box-shadow: 0 0 0 1px #553a00, 0 0 0 4px white; } .green.action { box-shadow: 0 0 0 1px #033600, 0 0 0 4px white; } -.legion.action { box-shadow: 0 0 0 1px #434343, 0 0 0 4px white; } -.militia.action { box-shadow: 0 0 0 1px #434343, 0 0 0 4px white; } +.legion.action { box-shadow: 0 0 0 1px #434343, 0 0 0 4px white !important; } +.militia.action { box-shadow: 0 0 0 1px #434343, 0 0 0 4px white !important; } .alamanni.action { box-shadow: 0 0 0 1px #393204, 0 0 0 4px white; } .franks.action { box-shadow: 0 0 0 1px #1d323a, 0 0 0 4px white; } @@ -520,6 +523,22 @@ body.shift .shapur.inactive { background-image: url(images/shapur.png) } .red.breakaway { background-image: url(images/red_breakaway.svg) } .yellow.breakaway { background-image: url(images/yellow_breakaway.svg) } +/* TINTED UNITS */ + +body.tint .militia { + background-color: #f3ddbd; + background-image: url(images/militia_tint.png); + border-color: #fffcdb #b8a385 #b8a385 #fffcdb; + box-shadow: 0 0 0 1px #4c3b1f, 1px 2px 4px #0008; +} + +body.tint .legion.reduced { + background-color: #f4cccd; + background-image: url(images/legion_reduced_tint.png); + border-color: #fff4f5 #ba9596 #ba9596 #fff4f5; + box-shadow: 0 0 0 1px #503133, 1px 2px 4px #0008; +} + /* CARDS */ #card_tip { |