diff options
| -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> |