Makes active characters blink.

1 files changed, 13 insertions, 0 deletions

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);}