From 1c08ca54c540cf4e9dcd17bb29e8871ddfa55747 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Thu, 22 Aug 2013 00:22:05 +0800 Subject: [PATCH] added subtle glowing css animation to unread notification icon --- public/css/style.less | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/public/css/style.less b/public/css/style.less index d361197625..2f4185fadf 100644 --- a/public/css/style.less +++ b/public/css/style.less @@ -444,14 +444,33 @@ body .navbar .nodebb-inline-block { padding-bottom:20px; } + .dropdown-toggle { i { font-size: 12px; + @-webkit-keyframes glow + { + from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;} + 50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;} + to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;} + } + @keyframes glow + { + from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;} + 50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;} + to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;} + } + + &.active { color: #558; + text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf; + -webkit-animation:glow 1.5s infinite linear; + animation:glow 1.5s infinite linear; } + } }