Модификация Анимированный значок «Онлайн»

CSS:

/**** XenForo Animated online icon ****/
.message-avatar-wrapper .message-avatar-online {
    display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0px 0 0 0px;
        background: #fff;
        border: none!important;
        border-radius: 50%!important
}
.message-avatar-wrapper .message-avatar-online:before {
    content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        margin: 1px 0...

Нажмите, чтобы раскрыть...