diff options
| -rw-r--r-- | play.css | 15 | ||||
| -rw-r--r-- | play.html | 18 |
2 files changed, 11 insertions, 22 deletions
@@ -12,8 +12,6 @@ aside { min-width: 220px; } --selected-color: blue; } -.role_vp { float: right; } - .checked::before { content: "\2714 " } .unchecked::before { content: "\2714 "; color:transparent; } @@ -40,16 +38,11 @@ aside { min-width: 220px; } text-indent: -12px; } -.card_info { +#turn_info { position: relative; } -.card_info:hover #deck_size { - visibility: visible; -} - #deck_size { - visibility: hidden; position: absolute; right: 5px; bottom: 3px; @@ -99,12 +92,12 @@ aside { min-width: 220px; } .hand .card { display: none; } .hand .card.show { display: block; } -.card_info { +#turn_info { border-bottom: 1px solid black; padding: 15px 0; } -.card_info .card { +#turn_info .card { width: 120px; height: 168px; border-radius: 8px; @@ -112,7 +105,7 @@ aside { min-width: 220px; } } @media (max-height: 800px) { - .card_info { + #turn_info { display: none; } } @@ -91,20 +91,16 @@ <aside> <div id="roles"> <div class="role" id="role_France"> - <div class="role_name"> - France - <div id="french_hand" class="role_vp">?</div> - <div class="role_user"></div> - </div> + <div class="role_name">France</div> + <div id="french_hand" class="role_stat">?</div> + <div class="role_user"></div> </div> <div class="role" id="role_Britain"> - <div class="role_name"> - Britain - <div id="british_hand" class="role_vp">?</div> - <div class="role_user"></div> - </div> + <div class="role_name">Britain</div> + <div id="british_hand" class="role_stat">?</div> + <div class="role_user"></div> </div> - <div class="card_info"><div id="last_card" class="card show card_back"></div><div id="deck_size">0</div></div> + <div id="turn_info"><div id="last_card" class="card show card_back"></div><div id="deck_size">0</div></div> </div> <div id="log"></div> </aside> |