From c06ee5ae724b8bf3d79f0f873aa46857a4d58249 Mon Sep 17 00:00:00 2001
From: nsensfel <SpamShield0@noot-noot.org>
Date: Mon, 28 May 2018 16:53:11 +0200
Subject: Makes active characters blink.

---
 src/battlemap/www/style.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'src/battlemap/www/style.css')

diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index 20c1da6..c8b15c1 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -214,6 +214,13 @@
    flex-wrap: wrap;
 }
 
+.battlemap-characters-element-active
+{
+   animation-name: brown-alarm-bg;
+   animation-duration: 2s;
+   animation-iteration-count: infinite;
+}
+
 .battlemap-character-portrait:hover
 {
    cursor: pointer;
@@ -422,6 +429,12 @@
     100% {background-color: rgba(255,0,0,0.25);}
 }
 
+@keyframes brown-alarm-bg {
+    0% {background-color: #917C6F;}
+    75% {background-color: #AC9D93}
+    100% {background-color: #917C6F;}
+}
+
 @keyframes blue-alarm-bg {
     0% {background-color: rgba(0,0,255,0.25);}
     75% {background-color: rgba(0,0,255,1);}
-- 
cgit v1.2.3-70-g09d2