Модификация Анимированное уведомление о новой теме в категории XenForo (Модификация)

Шаблоны - Extra Less и прописываем этот код

.node.node--forum.node--unread .node-title a:after, .node.node--link.node--unread .node-title a:after, .node.node--page.node--unread .node-title a:after, .node.node--category.node--unread .node-title a:after {
    .m-faBase();
    .m-faContent(@fa-var-bells);
    color: @xf-borderColorAccentContent;
    font-size: 20px;
    margin: 0 0 -1px 10px;
    animation: newIndicator 2s ease-out infinite;
    transition: .3s all linear;
}

@-webkit-keyframes newIndicator {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    70% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    60% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
 
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}