diff options
| -rw-r--r-- | public/css/theme0.css | 74 | ||||
| -rw-r--r-- | public/css/theme1.css | 74 | ||||
| -rw-r--r-- | themes/base.less | 78 |
3 files changed, 226 insertions, 0 deletions
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; 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); + } +} |