diff options
| -rw-r--r-- | play.css | 6 | ||||
| -rw-r--r-- | play.html | 10 |
2 files changed, 10 insertions, 6 deletions
@@ -88,7 +88,11 @@ body header.fascist.your_turn { background-color: hsl(30, 35%, 65%); } /* PANELS */ -.panel:has(.panel_body:empty) { +.panel.autohide:has(.panel_body:empty) { + display: none; +} + +body.Observer #hand_panel { display: none; } @@ -48,12 +48,12 @@ </div> </div> - <div class="panel fascist"> + <div class="autohide panel fascist"> <div class="panel_header">Fascist Cards</div> <div id="fascist_cards" class="panel_body"></div> </div> - <div class="panel trash"> + <div class="autohide panel trash"> <div class="panel_header">Trash</div> <div id="trash" class="panel_body"></div> </div> @@ -64,17 +64,17 @@ </div> <div id="player_areas"> - <div id="player_area_a" class="panel anarchist"> + <div id="player_area_a" class="autohide panel anarchist"> <div class="panel_header">Anarchist Tableau</div> <div id="tableau_a" class="panel_body"></div> <div id="tokens_a" class="token_pool"></div> </div> - <div id="player_area_c" class="panel communist"> + <div id="player_area_c" class="autohide panel communist"> <div class="panel_header">Communist Tableau</div> <div id="tableau_c" class="panel_body"></div> <div id="tokens_c" class="token_pool"></div> </div> - <div id="player_area_m" class="panel moderate"> + <div id="player_area_m" class="autohide panel moderate"> <div class="panel_header">Moderate Tableau</div> <div id="tableau_m" class="panel_body"></div> <div id="tokens_m" class="token_pool"></div> |