From ac82f3dcd2fd25106a08640641f80fc9e7b5f7d1 Mon Sep 17 00:00:00 2001
From: Felix Favre <gnomus@gnomus.de>
Date: Sun, 7 Dec 2014 21:02:22 +0100
Subject: animation for alert messages

---
 themes/base.less | 78 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)

(limited to 'themes')

diff --git a/themes/base.less b/themes/base.less
index 1af68866..9cba002c 100644
--- a/themes/base.less
+++ b/themes/base.less
@@ -42,3 +42,81 @@ body {
     outline: none;
   }
 }
+
+.messages span.text-danger {
+  animation: pulse 1s infinite;
+  -webkit-animation: pulse 1s infinite;
+  -moz-animation: pulse 1s infinite;
+}
+
+@keyframes pulse {
+  0% {
+     transform: rotate(0deg);
+  }
+  10% {
+     transform: rotate(5deg) translateY(-2px);
+  }
+  20% {
+     transform: rotate(-5deg);
+  }
+    30% {
+     transform: rotate(5deg) translateY(-2px);;
+  }
+    40% {
+     transform: rotate(-5deg);
+  }
+    50% {
+     transform: rotate(0deg) translateY(-2px);
+  }
+  75% {
+    transform: rotate(0deg) translateY(0px);
+  }
+}
+
+@-webkit-keyframes pulse {
+  0% {
+     transform: rotate(0deg);
+  }
+  10% {
+     transform: rotate(5deg) translateY(-2px);
+  }
+  20% {
+     transform: rotate(-5deg);
+  }
+    30% {
+     transform: rotate(5deg) translateY(-2px);
+  }
+    40% {
+     transform: rotate(-5deg);
+  }
+    50% {
+     transform: rotate(0deg) translateY(-2px);
+  }
+  75% {
+    transform: rotate(0deg) translateY(0px);
+  }
+}
+
+@-moz-keyframes pulse {
+  0% {
+     transform: rotate(0deg);
+  }
+  10% {
+     transform: rotate(5deg) translateY(-2px);
+  }
+  20% {
+     transform: rotate(-5deg);
+  }
+    30% {
+     transform: rotate(5deg) translateY(-2px);
+  }
+    40% {
+     transform: rotate(-5deg);
+  }
+    50% {
+     transform: rotate(0deg) translateY(-2px);
+  }
+  75% {
+    transform: rotate(0deg) translateY(0px);
+  }
+}
-- 
cgit v1.2.3-54-g00ecf