From e47400b340fc9533058cfaf1ce0b695d9f9bd0eb Mon Sep 17 00:00:00 2001
From: Jakob Odersky <jodersky@gmail.com>
Date: Fri, 27 Mar 2015 22:57:13 +0100
Subject: provide animation for critical alerts

---
 vfd-main/public/stylesheets/main.css | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/vfd-main/public/stylesheets/main.css b/vfd-main/public/stylesheets/main.css
index 072f167..00d3a31 100644
--- a/vfd-main/public/stylesheets/main.css
+++ b/vfd-main/public/stylesheets/main.css
@@ -127,6 +127,8 @@ body {
 .mode.danger {
 	color: #d9534f;
 	text-shadow: 0 0 5px #d9534f;
+	animation: danger-blink 1s linear infinite;
+	-webkit-animation: danger-blink 1s linear infinite;
 }
 
 .mode.warning {
@@ -147,6 +149,8 @@ body {
 .mode.off {
 	color: #eeeeee;
 	text-shadow: none;
+	animation: none;
+	-webkit-animation: none;
 }
 
 /* TODO: Rules below are maybe obsolete and need to be reviewed */
@@ -163,6 +167,7 @@ body {
 	color: rgba(165, 25, 25, 1);
 	animation: heartbeat 2s linear infinite;
 }
+
 @keyframes heartbeat {
 	0% {
 		transform: scale(1);
@@ -179,4 +184,33 @@ body {
 	28% {
 		transform: scale(1);
 	}
+}
+
+@keyframes danger-blink {
+	0% {
+		color: #eeeeee;
+		text-shadow: none;
+	}
+	50% {
+		color: #d9534f;
+		text-shadow: 0 0 5px #d9534f;
+	}
+	100% {
+		color: #eeeeee;
+		text-shadow: none;
+	}
+}
+@-webkit-keyframes danger-blink {
+	0% {
+		color: #eeeeee;
+		text-shadow: none;
+	}
+	50% {
+		color: #d9534f;
+		text-shadow: 0 0 5px #d9534f;
+	}
+	100% {
+		color: #eeeeee;
+		text-shadow: none;
+	}
 }
\ No newline at end of file
-- 
cgit v1.2.3