added subtle glowing css animation to unread notification icon

v1.18.x
psychobunny 12 years ago
parent f1547a7b1f
commit 1c08ca54c5

@ -444,14 +444,33 @@ body .navbar .nodebb-inline-block {
padding-bottom:20px; padding-bottom:20px;
} }
.dropdown-toggle { .dropdown-toggle {
i { i {
font-size: 12px; 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 { &.active {
color: #558; color: #558;
text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf; 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;
} }
} }
} }

Loading…
Cancel
Save