From a23387b5b7c1f87242ed66e08268dfb4a9c0a376 Mon Sep 17 00:00:00 2001 From: nsensfel Date: Fri, 22 Jun 2018 18:37:27 +0200 Subject: ... --- src/battlemap/www/style.css | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) (limited to 'src/battlemap/www/style.css') diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css index 532ab88..7d4ba53 100644 --- a/src/battlemap/www/style.css +++ b/src/battlemap/www/style.css @@ -47,9 +47,13 @@ display: flex; flex-flow: row; - justify-content: space-evenly; + justify-content: space-between; } +.battlemap-help .battlemap-character-card +{ + width: 30%; +} .battlemap-container { @@ -270,7 +274,7 @@ border-radius: 5px; z-index: 0; top: -100%; - transition: width 0.3s ease-out; + transition: width 1s ease-out; } .battlemap-character-card-health, @@ -384,6 +388,13 @@ animation-iteration-count: infinite; } +.battlemap-end-turn-button +{ + animation-name: reverse-brown-alarm-bg; + animation-duration: 2s; + animation-iteration-count: infinite; +} + .battlemap-character-portrait:hover { cursor: pointer; @@ -771,6 +782,12 @@ 100% {background-color: #917C6F;} } +@keyframes reverse-brown-alarm-bg { + 0% {background-color: #917C6F;} + 50% {background-color: #502D16;} + 100% {background-color: #917C6F;} +} + @keyframes blue-alarm-bg { 0% {background-color: rgba(0,0,255,0.2);} 25% {background-color: rgba(0,0,255,0.8);} -- cgit v1.2.3-70-g09d2