diff options
| -rw-r--r-- | play.css | 5 | ||||
| -rw-r--r-- | play.html | 16 |
2 files changed, 8 insertions, 13 deletions
@@ -3,10 +3,9 @@ aside { background-color: silver; } header { background-color: gainsboro; } body.Franks header.your_turn { background-color: #f7de46; /* 50% mix of khaki and gold */ } body.Saracens header.your_turn { background-color: hsl(120, 50%, 70%); } /* 50% hsl mix of darkseagreen and lightgreen */ -#role_Franks .role_name { background-color: khaki; } -#role_Saracens .role_name { background-color: darkseagreen; } +#role_Franks { background-color: khaki; } +#role_Saracens { background-color: darkseagreen; } #turn_info { background-color: gainsboro; } -.role_vp { float: right; } #log { background-color: whitesmoke; } #log div { padding-left: 24px; text-indent: -12px; } @@ -39,19 +39,15 @@ <aside> <div id="roles"> <div class="role" id="role_Franks"> - <div class="role_name"> - Franks - <div class="role_vp" id="frank_vp">VP</div> - <div class="role_user">-</div> - </div> + <div class="role_name">Franks</div> + <div class="role_stat" id="frank_vp">VP</div> + <div class="role_user">-</div> <div class="role_info"><div class="show card card_back" id="frank_card"></div></div> </div> <div class="role" id="role_Saracens"> - <div class="role_name"> - Saracens - <div class="role_vp" id="saracen_vp">VP</div> - <div class="role_user">-</div> - </div> + <div class="role_name">Saracens</div> + <div class="role_stat" id="saracen_vp">VP</div> + <div class="role_user">-</div> <div class="role_info"><div class="show card card_back" id="saracen_card"></div></div> </div> <div id="turn_info">-</div> |