Originally posted by Mitch
View Post
Originally posted by NumNum
View Post
I'll post what I have currently in my CSS
First one is from you which seemed to break after an update,, SEE ABOVE POST::
Code:
/*Glowing PM and Notifications Start*/ .notifications-count { -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite } .notifications-count.h-hide-imp { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none } @-webkit-keyframes glowing { 0% { background-color: #D31F1F; -webkit-box-shadow: 0 0 3px #D31F1F; } 50% { background-color: #851414; -webkit-box-shadow: 0 0 15px #851414; } 100% { background-color: #D31F1F; -webkit-box-shadow: 0 0 3px #D31F1F; } } @-moz-keyframes glowing { 0% { background-color: #D31F1F; -moz-box-shadow: 0 0 3px #D31F1F; } 50% { background-color: #851414; -moz-box-shadow: 0 0 15px #851414; } 100% { background-color: #D31F1F; -moz-box-shadow: 0 0 3px #D31F1F; } } @-o-keyframes glowing { 0% { background-color: #D31F1F; box-shadow: 0 0 3px #D31F1F; } 50% { background-color: #851414; box-shadow: 0 0 15px #851414; } 100% { background-color: #D31F1F; box-shadow: 0 0 3px #D31F1F; } } @keyframes glowing { 0% { background-color: #D31F1F; box-shadow: 0 0 3px #D31F1F; } 50% { background-color: #851414; box-shadow: 0 0 15px #851414; } 100% { background-color: #D31F1F; box-shadow: 0 0 3px #D31F1F; } } /*Glowing PM and Notifications End*/
And the code added from Zoran::
Code:
/* Green Online icon "Glow" vB 5.6.1 - START */ .b-icon { overflow: visible; position: relative; } .b-icon__status--green, .profileContainer .username .vb-icon-status-online:after { background: #0f0; /* Lime, change as needed */ border-radius: 100%; border: 2px solid #fff; box-sizing: border-box; } .b-icon__status--green::after { content: ''; border: 10px solid #f90101; background: transparent; border-radius: 40px; height: 40px; width: 40px; position: absolute; top: -26px; /* you may have to tweak this if you move it from the default position */ left: -26px; /* you may have to tweak this if you move it from the default position */ z-index: 1; opacity: 0; -webkit-animation: glow 3s ease-out infinite; animation: glow 3s ease-out infinite; } @-webkit-keyframes glow { 0% { -webkit-transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); opacity: .1; } 50% { -webkit-transform: scale(.1); opacity: .3; } 75% { -webkit-transform: scale(.5); opacity: .5; } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes glow { 0% { transform: scale(0); opacity: 0; } 25% { transform: scale(0); opacity: .1; } 50% { transform: scale(.1); opacity: .3; } 75% { transform: scale(.5); opacity: .5; } 100% { transform: scale(1); opacity: 0; } } /* Green Online icon "Glow" vB 5.6.1 - END */
Comment