From a48aaeb6a1d27f70a4758c63b4108f987775ca02 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Fri, 9 Jul 2021 13:19:50 +0200 Subject: crusader: Improved castle graphic and layout. Left-align blocks in castle to clearly show how much room is left. Remove towers from the graphic - it just looks weird and takes too much vertical space. --- play.html | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) (limited to 'play.html') diff --git a/play.html b/play.html index 14ea4a8..9835b28 100644 --- a/play.html +++ b/play.html @@ -263,11 +263,21 @@ body.shift .block.known:hover { background-repeat: no-repeat; padding: 0; height: 107px; - padding-top: 53px; + padding-top: 33px; border-bottom: 5px solid dimgray; - filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5)); + filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.5)); + justify-content: left; } +#FC.c1 .battle_menu:first-child { margin-left: 30px; } +#FC.c2 .battle_menu:first-child { margin-left: 25px; } +#FC.c3 .battle_menu:first-child { margin-left: 20px; } +#FC.c4 .battle_menu:first-child { margin-left: 15px; } +#EC.c1 .battle_menu:first-child { margin-left: 30px; } +#EC.c2 .battle_menu:first-child { margin-left: 25px; } +#EC.c3 .battle_menu:first-child { margin-left: 20px; } +#EC.c4 .battle_menu:first-child { margin-left: 15px; } + #FC.c0, #EC.c0 { display: none; } #FC.c1, #EC.c1 { background-image: url('castle_1.svg'); width: 140px; } #FC.c2, #EC.c2 { background-image: url('castle_2.svg'); width: 220px; } -- cgit v1.2.3