diff options
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 33 |
1 files changed, 21 insertions, 12 deletions
@@ -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> |