crusader: Fix attacker when storming.

1 files changed, 21 insertions, 12 deletions

diff --git a/play.html b/play.html
index c444ac3..18c1dec 100644
--- a/play.html
+++ b/play.html
@@ -227,21 +227,32 @@ body.shift .block.known:hover {
 
 /* BATTLE BOARD */
 
-.battle { background-color: darkgray; }
+.battle { background-color: tan; }
 .battle .battle_message { background-color: gainsboro; }
 .battle .battle_header { background-color: #224467; color: white; font-weight: bold; }
-.battle .battle_separator { background-color: #224467; }
-.battle_line.enemy .battle_menu_list { min-height: 0; }
-.battle_line > td > div { min-width: 800px; }
+#EC .battle_menu_list { min-height: 0; }
+.battle_line > td { min-width: 800px; }
 
 .battle td { border: none; }
 #FA, #FB, #FC, #FD, #FR, #EA, #EB, #EC, #ER { margin: 0px; padding: 5px; }
 .battle .battle_menu { margin: 10px 5px; }
 
-#FR, #ER { background-color: mediumseagreen; }
-#FA, #EA { background-color: darkseagreen; }
-#FB, #EB { background-color: darkgray; }
-#FC, #EC { background-color: gray; }
+#FC { min-height: 110px; }
+#EC { min-height: 80px; }
+#FC, #EC {
+	background-color: gray;
+	margin-left: auto;
+	margin-right: auto;
+	border-top: 5px dashed tan;
+}
+#FC.c0, #EC.c0 { display: none; }
+#FC.c1, #EC.c1 { width: 90px; display: block; }
+#FC.c2, #EC.c2 { width: 180px; display: block; }
+#FC.c3, #EC.c3 { width: 270px; display: block; }
+#FC.c4, #EC.c4 { width: 360px; display: block; }
+
+#ER { background-image: linear-gradient(to bottom, skyblue, tan); min-height: 40px; }
+#FR { background-image: linear-gradient(to bottom, tan, darkseagreen); min-height: 40px; }
 
 /* CARD AND BLOCK IMAGES */
 
@@ -337,10 +348,8 @@ body.shift .block.known:hover {
 <th class="battle_header" colspan=4></th>
 <tr class="battle_reserves enemy"><td><div id="ER"></div></td>
 <tr class="battle_line enemy"><td><div id="EC"></div></td>
-<tr class="battle_line enemy"><td><div id="EB"></div></td>
-<tr class="battle_line enemy"><td><div id="EA"></div></td>
-<tr class="battle_line friendly"><td><div id="FA"></div></td>
-<tr class="battle_line friendly"><td><div id="FB"></div></td>
+<tr class="battle_line enemy"><td><div id="EF"></div></td>
+<tr class="battle_line friendly"><td><div id="FF"></div></td>
 <tr class="battle_line friendly"><td><div id="FC"></div></td>
 <tr class="battle_reserves friendly"><td><div id="FR"></div></td>
 <tr>