diff options
Diffstat (limited to 'land-and-freedom.css')
-rw-r--r-- | land-and-freedom.css | 46 |
1 files changed, 43 insertions, 3 deletions
diff --git a/land-and-freedom.css b/land-and-freedom.css index 09c834b..0fb77dc 100644 --- a/land-and-freedom.css +++ b/land-and-freedom.css @@ -26,6 +26,10 @@ main { background-image: url(images/map100.png); } } +#current_events .card:last-child { + transform: scale(1.2); +} + /* CURRENT CARD */ #turn_info { border-bottom: 1px solid black; @@ -133,6 +137,10 @@ main { min-height: 260px; } +.panel_body[data-active=inactive] { + display: none; +} + .panel_header { color: floralwhite; user-select: none; @@ -142,18 +150,41 @@ main { background-color: red; } -#hand_header { +#player_area_header { background-color: #273b09; + display: flex; + border-bottom: none; +} +#player_area_header .player_area_tab { + cursor: pointer; + width: 25%; + border-bottom: 2px solid #333; + border-left: 1px solid #333; + border-right: 1px solid #333; +} +#player_area_header .player_area_tab[data-active=active] { + width: 25%; + background-color: #58641d; + border-bottom: none; +} +#player_area_header #hand_tab { + border-left: none; +} +#player_area_header #trash_tab { + border-right: none; } +#player_area_header[data-faction-id=a], .panel_header[data-faction-id=a] { background-color: rgb(93, 89, 106); } +#player_area_header[data-faction-id=c], .panel_header[data-faction-id=c] { background-color: rgb(237, 36, 27); } +#player_area_header[data-faction-id=m], .panel_header[data-faction-id=m] { background-color: rgb(134, 44, 97); } @@ -661,6 +692,15 @@ main { background-size: 100% 100%; } +#log .faction_token { + display: inline-block; + width: 25px; + height: 25px; + border-radius: 2px; + vertical-align: middle; + margin: 0px 1px; +} + #glory .faction_token { position: absolute; width: 34px; @@ -710,7 +750,7 @@ main { .front.action, .medallion.action, .standee.action { - box-shadow: 0 0 0 3px white; + box-shadow: 0 0 0 3px yellow; } .blank_marker.action { @@ -724,7 +764,7 @@ main { .front.action:hover, .medallion.action:hover, .standee.action:hover { - box-shadow: 0 0 0 3px yellow; + box-shadow: 0 0 0 3px blue; } .blank_marker.action:hover { |