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

---
 public/css/theme0.css | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++
 public/css/theme1.css | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 148 insertions(+)

(limited to 'public')

diff --git a/public/css/theme0.css b/public/css/theme0.css
index bd12e97a..bc9079fe 100644
--- a/public/css/theme0.css
+++ b/public/css/theme0.css
@@ -6337,3 +6337,77 @@ a#shifts td.collides:hover {
 .messages a:focus {
   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);
+  }
+}
diff --git a/public/css/theme1.css b/public/css/theme1.css
index 27bffa74..9d590ebb 100644
--- a/public/css/theme1.css
+++ b/public/css/theme1.css
@@ -6360,6 +6360,80 @@ a#shifts td.collides:hover {
 .messages a:focus {
   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);
+  }
+}
 .text-primary,
 .text-primary:hover {
   color: #428bca;
-- 
cgit v1.2.3-54-g00ecf