Use ID instead of class for battle dialog.

1 files changed, 8 insertions, 12 deletions

diff --git a/play.html b/play.html
index e5ae252..916c401 100644
--- a/play.html
+++ b/play.html
@@ -29,10 +29,6 @@
 #log .bs { background-color: lightsteelblue; }
 #log .br { font-style: italic; text-decoration: underline; }
 
-.battle_header { background-color: silver; }
-.battle_message { background-color: silver; }
-.battle_separator { background-color: silver; }
-
 .hand {
 	min-height: 300px;
 }
@@ -124,7 +120,7 @@ body.shift .block.known:hover {
 	z-index: 100;
 }
 
-.battle div.block {
+#battle div.block {
 	position: relative;
 }
 
@@ -175,10 +171,10 @@ div.block {
 
 /* BATTLE BOARD */
 
-.battle { background-color: silver; }
-.battle .battle_message { background-color: lightsteelblue; }
-.battle .battle_header { background-color: steelblue; color: white; font-weight: bold; }
-.battle .battle_separator { background-color: steelblue; }
+#battle { background-color: silver; }
+#battle_message { background-color: lightsteelblue; }
+#battle_header { background-color: steelblue; color: white; font-weight: bold; }
+.battle_separator { background-color: steelblue; }
 
 .battle_reserves > td > div { height: 75px; padding: 5px; }
 .battle_a_cell > div { min-width: 180px; padding: 5px 10px; }
@@ -278,9 +274,9 @@ div.block {
 <form id="chat_form" action=""><input id="chat_input" autocomplete="off"></form>
 </div>
 
-<table class="battle">
+<table id="battle">
 <tr>
-<th class="battle_header" colspan=4></th>
+<th id="battle_header" colspan=4></th>
 <tr class="battle_reserves enemy">
 <td colspan=4><div id="ER"></div></td>
 <tr class="battle_line enemy">
@@ -298,7 +294,7 @@ div.block {
 <tr class="battle_reserves friendly">
 <td colspan=4><div id="FR"></div></td>
 <tr>
-<th class="battle_message" colspan=4></th>
+<th id="battle_message" colspan=4></th>
 </table>
 
 <div id="grid_window">