diff options
| author | Tor Andersson <tor@ccxvii.net> | 2022-07-14 20:29:37 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2022-11-17 13:11:25 +0100 |
| commit | 107df9df212cc7d67791618e1b8c34ebbf97aeaa (patch) | |
| tree | 69ae83ffe901ab01621cee4a8816aa98eedebedd /play.html | |
| parent | 397bea71ffd9f30180bf6e446740e8a5e06d3dc6 (diff) | |
| download | rommel-in-the-desert-107df9df212cc7d67791618e1b8c34ebbf97aeaa.tar.gz | |
pursuit fire
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 96 |
1 files changed, 73 insertions, 23 deletions
@@ -105,6 +105,48 @@ header.your_turn { background-color: orange; } border-top: 1px solid black; } +/* PURSUIT FIRE DIALOG */ + +#pursuit { background-color: #d6c4a9; background: url(texture_mountain.png); } +#pursuit_header { background-color: brown; color: gold } +#pursuit_hits { background-color: #c4ab8b; } +#pursuit_message { background-color: #d6c4a9; } + +#pursuit { + position: fixed; + min-width: 524px; /* 6 blocks wide */ + left: 12px; + top: 56px; + z-index: 100; + box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); + border: 1px solid black; + user-select: none; +} + +#pursuit_header { + cursor: move; + padding: 2px 8px; + line-height: 24px; + min-height: 24px; + text-align: center; + font-weight: bold; + border-bottom: 1px solid black; +} + +#pursuit_hits { + padding: 4px; + text-align: center; + border-bottom: 1px solid black; +} + +#pursuit_message { + padding: 2px 8px; + line-height: 24px; + min-height: 24px; + text-align: center; + border-top: 1px solid black; +} + /* TABLES */ table { border-collapse: collapse; font-size: 12px; } @@ -435,30 +477,38 @@ svg .hex.allied_control { </head> <body> - <div id="battle" class="hide"> - <div id="battle_header"></div> - <div id="battle_hits"> - <img class="hits_icon" src="icons/armor.svg"> - <div class="hits_text" id="hits_armor">0</div> - <img class="hits_icon" src="icons/infantry.svg"> - <div class="hits_text" id="hits_infantry">0</div> - <img class="hits_icon" src="icons/motorized_antitank_old.svg"> - <div class="hits_text" id="hits_antitank">0</div> - <img class="hits_icon" src="icons/artillery.svg"> - <div class="hits_text" id="hits_artillery">0</div> - </div> - <div class="battle_line" id="battle_line_1"></div> - <div class="battle_line" id="battle_line_2"></div> - <div class="battle_line" id="battle_line_3"></div> - <div class="battle_line" id="battle_line_4"></div> - <div id="battle_buttons"> - <button id="target_armor_button" onclick="send_action('armor')">Armor</button> - <button id="target_infantry_button" onclick="send_action('infantry')">Infantry</button> - <button id="target_antitank_button" onclick="send_action('antitank')">Anti-tank</button> - <button id="target_artillery_button" onclick="send_action('artillery')">Artillery</button> - </div> - <div id="battle_message"></div> +<div id="battle" class="hide"> + <div id="battle_header"></div> + <div id="battle_hits"> + <img class="hits_icon" src="icons/armor.svg"> + <div class="hits_text" id="hits_armor">0</div> + <img class="hits_icon" src="icons/infantry.svg"> + <div class="hits_text" id="hits_infantry">0</div> + <img class="hits_icon" src="icons/motorized_antitank_old.svg"> + <div class="hits_text" id="hits_antitank">0</div> + <img class="hits_icon" src="icons/artillery.svg"> + <div class="hits_text" id="hits_artillery">0</div> </div> + <div class="battle_line" id="battle_line_1"></div> + <div class="battle_line" id="battle_line_2"></div> + <div class="battle_line" id="battle_line_3"></div> + <div class="battle_line" id="battle_line_4"></div> + <div id="battle_buttons"> + <button id="target_armor_button" onclick="send_action('armor')">Armor</button> + <button id="target_infantry_button" onclick="send_action('infantry')">Infantry</button> + <button id="target_antitank_button" onclick="send_action('antitank')">Anti-tank</button> + <button id="target_artillery_button" onclick="send_action('artillery')">Artillery</button> + </div> + <div id="battle_message"></div> +</div> + +<div id="pursuit" class="hide"> + <div id="pursuit_header">Pursuit Fire: $NAME</div> + <div id="pursuit_hits">0 hits</div> + <div class="battle_line" id="pursuit_line_1"></div> + <div class="battle_line" id="pursuit_line_2"></div> + <div id="pursuit_message"></div> +</div> <header> <div id="toolbar"> |