diff options
author | Jakob Odersky <jodersky@gmail.com> | 2015-03-27 22:57:13 +0100 |
---|---|---|
committer | Jakob Odersky <jodersky@gmail.com> | 2015-03-27 22:57:13 +0100 |
commit | e47400b340fc9533058cfaf1ce0b695d9f9bd0eb (patch) | |
tree | 8d2c46db8b94cc14f08c3490109118c35218c5c6 | |
parent | 18d586b51795475e261ec7583c73b9e78757656a (diff) | |
download | mavigator-e47400b340fc9533058cfaf1ce0b695d9f9bd0eb.tar.gz mavigator-e47400b340fc9533058cfaf1ce0b695d9f9bd0eb.tar.bz2 mavigator-e47400b340fc9533058cfaf1ce0b695d9f9bd0eb.zip |
provide animation for critical alerts
-rw-r--r-- | vfd-main/public/stylesheets/main.css | 34 |
1 files changed, 34 insertions, 0 deletions
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 |