diff options
Diffstat (limited to 'play.css')
| -rw-r--r-- | play.css | 32 |
1 files changed, 24 insertions, 8 deletions
@@ -26,6 +26,12 @@ header.your_turn { background-color: orange; } min-height: 280px; } +@media (max-width: 800px) { + .hand { + min-width: 1638px; + } +} + .card { background-size: cover; background-repeat: no-repeat; @@ -54,19 +60,27 @@ header.your_turn { background-color: orange; } } .role_info { - overflow: clip; /* clip dropshadow from filter:grayscale() stacking context */ - padding-top: 16px; + overflow: clip; + transition: height 100ms, padding 100ms; + height: 80px; + padding: 12px 0; } .role_info .card { - margin: 0 auto 16px auto; + margin: 0 auto; } -.role_info .card:not(:hover) { - margin: 0 auto; - height: 96px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.role:hover .role_info { + height: 280px; +} + +@media (max-height: 600px) { + .role:not(:hover) .role_info { display: none; } +} + +@media (max-height: 900px) { + #turn_info { display: none; } + .role_info { height: 48px; padding: 8px 0; } } /* MAP */ @@ -196,6 +210,8 @@ div.block { /* BATTLE BOARD */ +#battle { top: 295px; left: 195px; } + #battle { background-color: silver; } #battle_message { background-color: lightsteelblue; } #battle_header { background-color: steelblue; color: white; } |