diff options
author | Tor Andersson <tor@ccxvii.net> | 2021-12-20 16:41:03 +0100 |
---|---|---|
committer | Tor Andersson <tor@ccxvii.net> | 2023-02-18 12:12:42 +0100 |
commit | 82996f9a86ca92f4df50f33dedc0e73a3412a004 (patch) | |
tree | f377db7465b0909e1921f5aa03361b4225545c03 /play.html | |
parent | bf6c5d7feb7f08c5357389326f85ebb9441446b2 (diff) | |
download | shores-of-tripoli-82996f9a86ca92f4df50f33dedc0e73a3412a004.tar.gz |
Use ID instead of class for grid divs.
Diffstat (limited to 'play.html')
-rw-r--r-- | play.html | 22 |
1 files changed, 11 insertions, 11 deletions
@@ -14,12 +14,12 @@ <script defer src="ui.js"></script> <style> -.grid_center { background-color: slategray; } -.grid_role { background-color: gainsboro; } +#grid_center { background-color: slategray; } +#grid_role { background-color: gainsboro; } .card_info { background-color: silver; } -.grid_top { background-color: silver; } -.Tripolitania .grid_top.your_turn { background-color: salmon; } -.United_States .grid_top.your_turn { background-color: skyblue; } +#grid_top { background-color: silver; } +.Tripolitania #grid_top.your_turn { background-color: salmon; } +.United_States #grid_top.your_turn { background-color: skyblue; } .one .role_name { background-color: skyblue; } .two .role_name { background-color: salmon; } @@ -51,8 +51,8 @@ border-bottom: 2px dotted gainsboro; } -.Observer .grid_center > #hand_cards { display: none; } -.Observer .grid_center > .hand_separator { display: none; } +.Observer #grid_center > #hand_cards { display: none; } +.Observer #grid_center > .hand_separator { display: none; } .card { width: 250px; @@ -294,9 +294,9 @@ body.United_States #popup div.us_always { display: block; } <form class="chat_form" action=""><input id="chat_input" autocomplete="off"></form> </div> -<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> @@ -326,7 +326,7 @@ body.United_States #popup div.us_always { display: block; } <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"> United States @@ -348,7 +348,7 @@ body.United_States #popup div.us_always { display: block; } <div id="log"></div> - <div class="grid_center"> + <div id="grid_center"> <div id="mapwrap" class="mapwrap fit"> <div id="map" class="map"> |