diff options
author | Tor Andersson <tor@ccxvii.net> | 2023-12-03 23:53:06 +0100 |
---|---|---|
committer | Tor Andersson <tor@ccxvii.net> | 2023-12-04 11:51:00 +0100 |
commit | 303af2723942866b60cb5632625750be126d996d (patch) | |
tree | a9723b28b7f0ac2c5f0ff2c740b5047287344ace | |
parent | d2f1e2090bff133c75c282b820f7fbf9acb81b69 (diff) | |
download | julius-caesar-303af2723942866b60cb5632625750be126d996d.tar.gz |
Update role panel.
-rw-r--r-- | play.css | 7 | ||||
-rw-r--r-- | play.html | 16 |
2 files changed, 9 insertions, 14 deletions
@@ -1,13 +1,12 @@ /* MAIN */ main { background-color: #461145; } -#roles { background-color: tan; } header { background-color: tan; } header.your_turn { background-color: orange; } -#role_Caesar .role_name { background-color: salmon; } -#role_Pompeius .role_name { background-color: #eb5; } +#role_Caesar { background-color: salmon; } +#role_Pompeius { background-color: #eb5; } +.role_info { background-color: tan; } #turn_info { background-color: burlywood; } -.role_vp { float: right; } #log { background-color: wheat; } #log div { padding-left: 20px; text-indent: -12px; } @@ -42,19 +42,15 @@ <aside> <div id="roles"> <div class="role" id="role_Caesar"> - <div class="role_name"> - Caesar - <div class="role_vp" id="caesar_vp">VP</div> - <div class="role_user">-</div> - </div> + <div class="role_name"><span>Caesar</span></div> + <div class="role_stat" id="caesar_vp">VP</div> + <div class="role_user">-</div> <div class="role_info"><div class="show card card_back" id="caesar_card"></div></div> </div> <div class="role" id="role_Pompeius"> - <div class="role_name"> - Pompeius - <div class="role_vp" id="pompeius_vp">VP</div> - <div class="role_user">-</div> - </div> + <div class="role_name"><span>Pompeius</span></div> + <div class="role_stat" id="pompeius_vp">VP</div> + <div class="role_user">-</div> <div class="role_info"><div class="show card card_back" id="pompeius_card"></div></div> </div> <div id="turn_info">-</div> |