diff options
| -rw-r--r-- | play.html | 16 | ||||
| -rw-r--r-- | ui.js | 2 |
2 files changed, 9 insertions, 9 deletions
@@ -16,10 +16,10 @@ <script defer src="ui.js"></script> <style> -.grid_center { background-color: #461145; } -.grid_role { background-color: tan; } -.grid_top { background-color: tan; } -.grid_top.your_turn { background-color: orange; } +#grid_center { background-color: #461145; } +#grid_role { background-color: tan; } +#grid_top { background-color: tan; } +#grid_top.your_turn { background-color: orange; } .one .role_name { background-color: salmon; } .two .role_name { background-color: #eb5; } .turn_info { background-color: burlywood; } @@ -262,9 +262,9 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822 <th class="battle_message" colspan=4></th> </table> -<div class="grid_window"> +<div id="grid_window"> - <div class="grid_top"> + <div id="grid_top"> <div class="menu"> <div class="menu_title"><img src="/images/cog.svg"></div> @@ -300,7 +300,7 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822 <div id="exit_button" class="image_button hide" onclick="send_exit()"><img src="/images/exit-door.svg"></div> </div> - <div class="grid_role"> + <div id="grid_role"> <div class="role one"> <div class="role_name"> @@ -327,7 +327,7 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822 <div id="log"></div> - <div class="grid_center"> + <div id="grid_center"> <div id="mapwrap" class="mapwrap"> <div id="map" class="map"> @@ -788,7 +788,7 @@ document.querySelector(".blocks").classList.add(label_style+'-labels'); document.querySelector(".battle").classList.add(label_style+'-labels'); drag_element_with_mouse(".battle", ".battle_header"); -scroll_with_middle_mouse(".grid_center"); +scroll_with_middle_mouse("#grid_center"); init_map_zoom(); init_shift_zoom(); init_client([ "Caesar", "Pompeius" ]); |