diff options
| -rw-r--r-- | play.css | 25 |
1 files changed, 25 insertions, 0 deletions
@@ -8,6 +8,7 @@ body.United_States header.your_turn { background-color: skyblue; } #role_Tripolitania .role_name { background-color: salmon; } #log { background-color: #eee; } +#log div { padding-left: 20px; text-indent: -12px; } #log .year { background-color: #777; color: white; font-weight: bold; padding:3px; text-align: center; } #log .season { background-color: #ccc; color: #444; font-weight: bold; padding:3px; text-align: center; } #log .raid, .battle { text-decoration: underline; font-style: italic; font-weight: bold; } @@ -18,12 +19,18 @@ body.United_States header.your_turn { background-color: skyblue; } #log .us_tip:hover, #log .tr_tip:hover { text-decoration: underline; } .hand { + display: flex; + flex-wrap: wrap; min-height: 300px; justify-content: left; max-width: 2476px; margin: 15px auto; } +.hand .card { + margin: 10px; +} + .hand_separator { border-bottom: 2px dotted gainsboro; } @@ -31,7 +38,17 @@ body.United_States header.your_turn { background-color: skyblue; } body.Observer #hand_cards { display: none; } body.Observer .hand_separator { display: none; } +.role_vp { + float: right; +} + +.role_info, .card_info { + border-bottom: 1px solid black; +} + .card { + background-size: cover; + background-repeat: no-repeat; width: 250px; height: 350px; border-radius: 12px; @@ -48,6 +65,14 @@ body.Observer .hand_separator { display: none; } transform: none !important; } +.card.enabled { + cursor: pointer; +} + +.card.disabled { + filter: grayscale(100%); +} + .card_info { padding: 10px 0; } |