Помощь по стилю и красок

[Denis_B]

Можете дать стиль и краски у данного форума

https://forum.keeper-nexus.com/

(Не реклама)

 

[Александри Македонский]

@Denis_B, свой личный

 

[COLTON]

@COLTON, иконки не отображаются

так они и не должны отображаться.

 

[COLTON]

так они и не должны отображаться.

То есть, заходишь на любой хостинг таких картинкой копируешь и вставляешь в текст баннера.

 

[COLTON]

То есть, заходишь на любой хостинг таких картинкой копируешь и вставляешь в текст баннера.

ток с картинкой должно быть

 

['мистер' 'ноунейм']

@'мистер' 'ноунейм',
.fa-pidoras {
display: inline-block;
width: 1em;
height: 1em;
background-image: url(

https://imgur.com/ZnytRLm

background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}

.куда эта?

. fa-pidoras {

display: inline-block;

width: 1em;

height: 1em;

background-image: url(https://imgur.com/ZnytRLm) background-repeat: no-repeat;

vertical-align: middle;

}

 

[Kolpak]

Можете дать стиль

[Kolpak] Arizona RP (Copy)

Внимание! Автор данной копии стиля @Kolpak. В случае загрузки на сторонние ресурсы обязательно указывать наш ресурс aurproject.eu, а также автора стиля — Kolpak. Данная версия стиля была выкуплена для распространения в общий доступ. Для...

pawno-help.ru

Стиль Arizona Role Play

Новый стиль Arizona Role Play 2025 года. Авторы копии: viovit & cold Авторы оригинала: DohTheme & Arizona Games & Gazarov При покупке идут бесплатные обновления на год. Скриншот стиля:

pawno-help.ru

Белая вариация стиля ArizonaRP 2025

Переработал тёмную вариацию в светлую, не могу сказать что она идеальна, но как по мне прикольно смотрится. Переслив разрешен на другие форумы при указании автора слива и ссылки на сам ресурс. Нашли баг? - Напишите в обсуждение

pawno-help.ru

Основа стиля форума, про который вы спрашиваете:

Tiles

Tiles — это уникальная тема для XenForo, построенная на концепции плиток. Она предлагает необычную компоновку узлов, полностью адаптивна и оснащена яркими виджетами. Независимо от того, что вы хотите создать, наша тема содержит всё необходимое...

pawno-help.ru

краски у данного форума

Код будет работать на 2.0, 2.1, 2.2, 2.3. В шаблон extra.less:

.userBanner
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 190px;
    height: 39px;
    padding: 0 16px;
    position: relative;
    transition: all .3s ease;
    border-radius: 14px;
    border: 1.5px solid transparent;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.10);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);

    &::before
    {
        display: inline-block;
        font-size: 15px;
        z-index: 2;
        .m-faBase();
    }

    &::after
    {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 14px;
        pointer-events: none;
        z-index: 1;
    }

    &:hover
    {
        box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.20), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
    }

    &.keeperdev
    {
        background: rgba(66, 13, 13, 0.20);
        border-color: rgba(66, 13, 13, 0.40);
        color: #420d0d;
        font-weight: 700;
        font-size: 13px;
        text-shadow: 0 0 10px;

        &::before
        {
            font-size: 16px;
            .m-faContent(@fa-var-code);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(66, 13, 13, 0.30) 0%, rgba(66, 13, 13, 0.15) 50%, rgba(50, 10, 10, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(66, 13, 13, 0.30);
            border-color: rgba(66, 13, 13, 0.60);
        }
    }

    &.turquoise2
    {
        background: rgba(20, 184, 166, 0.20);
        border-color: rgba(20, 184, 166, 0.40);
        color: #5eead4;
        text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;

        &::after
        {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(20, 184, 166, 0.30);
            border-color: rgba(20, 184, 166, 0.60);
        }
    }

    &.turquoise
    {
        height: 55px;
        background: rgba(20, 184, 166, 0.20);
        border-color: rgba(20, 184, 166, 0.40);
        color: #5eead4;
        text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;

        &::after
        {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(20, 184, 166, 0.30);
            border-color: rgba(20, 184, 166, 0.60);
        }
    }

    &.moderator
    {
        background: rgba(0, 187, 204, 0.20);
        border-color: rgba(0, 187, 204, 0.40);
        color: #6f8d95;
        text-shadow: rgba(0, 187, 204, 0.74) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(0, 187, 204, 0.30) 0%, rgba(0, 187, 204, 0.15) 50%, rgba(0, 150, 163, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(0, 187, 204, 0.30);
            border-color: rgba(0, 187, 204, 0.60);
        }
    }

    &.senior-moderator
    {
        background: rgba(255, 204, 0, 0.20);
        border-color: rgba(255, 204, 0, 0.40);
        color: #c7a21c;
        text-shadow: #ffd738 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-tie);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 204, 0, 0.30) 0%, rgba(255, 204, 0, 0.15) 50%, rgba(199, 162, 28, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 204, 0, 0.30);
            border-color: rgba(255, 204, 0, 0.60);
        }
    }

    &.moderation-watcher
    {
        background: rgba(60, 0, 255, 0.20);
        border-color: rgba(60, 0, 255, 0.40);
        color: #333aff;
        text-shadow: rgba(60, 0, 255, 0.52) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-eye);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(60, 0, 255, 0.30) 0%, rgba(60, 0, 255, 0.15) 50%, rgba(51, 58, 255, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(60, 0, 255, 0.30);
            border-color: rgba(60, 0, 255, 0.60);
        }
    }

    &.special-moderator
    {
        background: rgba(99, 102, 241, 0.20);
        border-color: rgba(99, 102, 241, 0.40);
        color: #a5b4fc;
        text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-star);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(99, 102, 241, 0.30);
            border-color: rgba(99, 102, 241, 0.60);
        }
    }

    &.moderation-curator
    {
        background: rgba(212, 101, 241, 0.20);
        border-color: rgba(212, 101, 241, 0.40);
        color: #d465f1;
        text-shadow: #d867f4 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-check);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(212, 101, 241, 0.30) 0%, rgba(212, 101, 241, 0.15) 50%, rgba(192, 86, 218, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(212, 101, 241, 0.30);
            border-color: rgba(212, 101, 241, 0.60);
        }
    }

    &.deputy-chief-moderator
    {
        background: rgba(136, 180, 0, 0.20);
        border-color: rgba(136, 180, 0, 0.40);
        color: #88b400;
        text-shadow: #b5e133 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-shield-alt);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(136, 180, 0, 0.30) 0%, rgba(136, 180, 0, 0.15) 50%, rgba(109, 144, 0, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(136, 180, 0, 0.30);
            border-color: rgba(136, 180, 0, 0.60);
        }
    }

    &.chief-moderator
    {
        background: rgba(23, 147, 25, 0.20);
        border-color: rgba(23, 147, 25, 0.40);
        color: #179319;
        text-shadow: #179219 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-crown);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(23, 147, 25, 0.30) 0%, rgba(23, 147, 25, 0.15) 50%, rgba(18, 118, 20, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(23, 147, 25, 0.30);
            border-color: rgba(23, 147, 25, 0.60);
        }
    }

    &.event-host
    {
        background: rgba(255, 182, 193, 0.20);
        border-color: rgba(255, 182, 193, 0.40);
        color: #ffb6c1;
        text-shadow: rgba(255, 182, 193, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-microphone);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 182, 193, 0.30) 0%, rgba(255, 182, 193, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 182, 193, 0.30);
            border-color: rgba(255, 182, 193, 0.60);
        }
    }

    &.main-admin
    {
        background: rgba(0, 100, 0, 0.20);
        border-color: rgba(0, 100, 0, 0.40);
        color: #4d9f4d;
        text-shadow: rgba(0, 100, 0, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-shield);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(0, 100, 0, 0.30) 0%, rgba(0, 100, 0, 0.15) 50%, rgba(0, 80, 0, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(0, 100, 0, 0.30);
            border-color: rgba(0, 100, 0, 0.60);
        }
    }

    &.discord-curator
    {
        background: rgba(220, 38, 38, 0.20);
        border-color: rgba(220, 38, 38, 0.40);
        color: #f87171;
        text-shadow: rgba(220, 38, 38, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-comments);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(220, 38, 38, 0.30) 0%, rgba(220, 38, 38, 0.15) 50%, rgba(185, 28, 28, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(220, 38, 38, 0.30);
            border-color: rgba(220, 38, 38, 0.60);
        }
    }

    &.discord-director
    {
        background: rgba(185, 28, 28, 0.20);
        border-color: rgba(185, 28, 28, 0.40);
        color: #ef4444;
        text-shadow: rgba(185, 28, 28, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-crown);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(185, 28, 28, 0.30) 0%, rgba(185, 28, 28, 0.15) 50%, rgba(153, 27, 27, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(185, 28, 28, 0.30);
            border-color: rgba(185, 28, 28, 0.60);
        }
    }

    &.host-director
    {
        background: rgba(255, 192, 203, 0.20);
        border-color: rgba(255, 192, 203, 0.40);
        color: #ffc0cb;
        text-shadow: rgba(255, 192, 203, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-users);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 192, 203, 0.30) 0%, rgba(255, 192, 203, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 192, 203, 0.30);
            border-color: rgba(255, 192, 203, 0.60);
        }
    }

    &.ecosystem-director
    {
        background: rgba(239, 68, 68, 0.20);
        border-color: rgba(239, 68, 68, 0.40);
        color: #fca5a5;
        text-shadow: rgba(239, 68, 68, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-sitemap);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.30) 0%, rgba(239, 68, 68, 0.15) 50%, rgba(220, 38, 38, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(239, 68, 68, 0.30);
            border-color: rgba(239, 68, 68, 0.60);
        }
    }

    &.community
    {
        background: rgba(34, 139, 34, 0.20);
        border-color: rgba(34, 139, 34, 0.40);
        color: #4ade80;
        text-shadow: rgba(34, 139, 34, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-users-cog);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(34, 139, 34, 0.30) 0%, rgba(34, 139, 34, 0.15) 50%, rgba(22, 101, 52, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(34, 139, 34, 0.30);
            border-color: rgba(34, 139, 34, 0.60);
        }
    }

    &.special-moderator-vk
    {
        height: 55px;
        background: rgba(99, 102, 241, 0.20);
        border-color: rgba(99, 102, 241, 0.40);
        color: #a5b4fc;
        text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-star);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(99, 102, 241, 0.30);
            border-color: rgba(99, 102, 241, 0.60);
        }
    }
}

[data-template="thread_view"] .message-userBanner.userBanner,
[data-template="thread_view_type_question"] .message-userBanner.userBanner
{
    width: 170px;
}

.куда эта?

В шаблон extra.less, но у вас он не будет работать, потому что на вашем форуме нет такого класса. Скажите название плагина, который используете для галочки

 

['мистер' 'ноунейм']

[Kolpak] Arizona RP (Copy)

Внимание! Автор данной копии стиля @Kolpak. В случае загрузки на сторонние ресурсы обязательно указывать наш ресурс aurproject.eu, а также автора стиля — Kolpak. Данная версия стиля была выкуплена для распространения в общий доступ. Для...

pawno-help.ru

Стиль Arizona Role Play

Новый стиль Arizona Role Play 2025 года. Авторы копии: viovit & cold Авторы оригинала: DohTheme & Arizona Games & Gazarov При покупке идут бесплатные обновления на год. Скриншот стиля:

pawno-help.ru

Белая вариация стиля ArizonaRP 2025

Переработал тёмную вариацию в светлую, не могу сказать что она идеальна, но как по мне прикольно смотрится. Переслив разрешен на другие форумы при указании автора слива и ссылки на сам ресурс. Нашли баг? - Напишите в обсуждение

pawno-help.ru

Основа стиля форума, про который вы спрашиваете:

Tiles

Tiles — это уникальная тема для XenForo, построенная на концепции плиток. Она предлагает необычную компоновку узлов, полностью адаптивна и оснащена яркими виджетами. Независимо от того, что вы хотите создать, наша тема содержит всё необходимое...

pawno-help.ru

Код будет работать на 2.0, 2.1, 2.2, 2.3. В шаблон extra.less:

.userBanner
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 190px;
    height: 39px;
    padding: 0 16px;
    position: relative;
    transition: all .3s ease;
    border-radius: 14px;
    border: 1.5px solid transparent;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.10);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);

    &::before
    {
        display: inline-block;
        font-size: 15px;
        z-index: 2;
        .m-faBase();
    }

    &::after
    {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 14px;
        pointer-events: none;
        z-index: 1;
    }

    &:hover
    {
        box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.20), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
    }

    &.keeperdev
    {
        background: rgba(66, 13, 13, 0.20);
        border-color: rgba(66, 13, 13, 0.40);
        color: #420d0d;
        font-weight: 700;
        font-size: 13px;
        text-shadow: 0 0 10px;

        &::before
        {
            font-size: 16px;
            .m-faContent(@fa-var-code);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(66, 13, 13, 0.30) 0%, rgba(66, 13, 13, 0.15) 50%, rgba(50, 10, 10, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(66, 13, 13, 0.30);
            border-color: rgba(66, 13, 13, 0.60);
        }
    }

    &.turquoise2
    {
        background: rgba(20, 184, 166, 0.20);
        border-color: rgba(20, 184, 166, 0.40);
        color: #5eead4;
        text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;

        &::after
        {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(20, 184, 166, 0.30);
            border-color: rgba(20, 184, 166, 0.60);
        }
    }

    &.turquoise
    {
        height: 55px;
        background: rgba(20, 184, 166, 0.20);
        border-color: rgba(20, 184, 166, 0.40);
        color: #5eead4;
        text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;

        &::after
        {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(20, 184, 166, 0.30);
            border-color: rgba(20, 184, 166, 0.60);
        }
    }

    &.moderator
    {
        background: rgba(0, 187, 204, 0.20);
        border-color: rgba(0, 187, 204, 0.40);
        color: #6f8d95;
        text-shadow: rgba(0, 187, 204, 0.74) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(0, 187, 204, 0.30) 0%, rgba(0, 187, 204, 0.15) 50%, rgba(0, 150, 163, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(0, 187, 204, 0.30);
            border-color: rgba(0, 187, 204, 0.60);
        }
    }

    &.senior-moderator
    {
        background: rgba(255, 204, 0, 0.20);
        border-color: rgba(255, 204, 0, 0.40);
        color: #c7a21c;
        text-shadow: #ffd738 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-tie);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 204, 0, 0.30) 0%, rgba(255, 204, 0, 0.15) 50%, rgba(199, 162, 28, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 204, 0, 0.30);
            border-color: rgba(255, 204, 0, 0.60);
        }
    }

    &.moderation-watcher
    {
        background: rgba(60, 0, 255, 0.20);
        border-color: rgba(60, 0, 255, 0.40);
        color: #333aff;
        text-shadow: rgba(60, 0, 255, 0.52) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-eye);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(60, 0, 255, 0.30) 0%, rgba(60, 0, 255, 0.15) 50%, rgba(51, 58, 255, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(60, 0, 255, 0.30);
            border-color: rgba(60, 0, 255, 0.60);
        }
    }

    &.special-moderator
    {
        background: rgba(99, 102, 241, 0.20);
        border-color: rgba(99, 102, 241, 0.40);
        color: #a5b4fc;
        text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-star);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(99, 102, 241, 0.30);
            border-color: rgba(99, 102, 241, 0.60);
        }
    }

    &.moderation-curator
    {
        background: rgba(212, 101, 241, 0.20);
        border-color: rgba(212, 101, 241, 0.40);
        color: #d465f1;
        text-shadow: #d867f4 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-check);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(212, 101, 241, 0.30) 0%, rgba(212, 101, 241, 0.15) 50%, rgba(192, 86, 218, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(212, 101, 241, 0.30);
            border-color: rgba(212, 101, 241, 0.60);
        }
    }

    &.deputy-chief-moderator
    {
        background: rgba(136, 180, 0, 0.20);
        border-color: rgba(136, 180, 0, 0.40);
        color: #88b400;
        text-shadow: #b5e133 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-shield-alt);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(136, 180, 0, 0.30) 0%, rgba(136, 180, 0, 0.15) 50%, rgba(109, 144, 0, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(136, 180, 0, 0.30);
            border-color: rgba(136, 180, 0, 0.60);
        }
    }

    &.chief-moderator
    {
        background: rgba(23, 147, 25, 0.20);
        border-color: rgba(23, 147, 25, 0.40);
        color: #179319;
        text-shadow: #179219 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-crown);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(23, 147, 25, 0.30) 0%, rgba(23, 147, 25, 0.15) 50%, rgba(18, 118, 20, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(23, 147, 25, 0.30);
            border-color: rgba(23, 147, 25, 0.60);
        }
    }

    &.event-host
    {
        background: rgba(255, 182, 193, 0.20);
        border-color: rgba(255, 182, 193, 0.40);
        color: #ffb6c1;
        text-shadow: rgba(255, 182, 193, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-microphone);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 182, 193, 0.30) 0%, rgba(255, 182, 193, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 182, 193, 0.30);
            border-color: rgba(255, 182, 193, 0.60);
        }
    }

    &.main-admin
    {
        background: rgba(0, 100, 0, 0.20);
        border-color: rgba(0, 100, 0, 0.40);
        color: #4d9f4d;
        text-shadow: rgba(0, 100, 0, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-shield);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(0, 100, 0, 0.30) 0%, rgba(0, 100, 0, 0.15) 50%, rgba(0, 80, 0, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(0, 100, 0, 0.30);
            border-color: rgba(0, 100, 0, 0.60);
        }
    }

    &.discord-curator
    {
        background: rgba(220, 38, 38, 0.20);
        border-color: rgba(220, 38, 38, 0.40);
        color: #f87171;
        text-shadow: rgba(220, 38, 38, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-comments);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(220, 38, 38, 0.30) 0%, rgba(220, 38, 38, 0.15) 50%, rgba(185, 28, 28, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(220, 38, 38, 0.30);
            border-color: rgba(220, 38, 38, 0.60);
        }
    }

    &.discord-director
    {
        background: rgba(185, 28, 28, 0.20);
        border-color: rgba(185, 28, 28, 0.40);
        color: #ef4444;
        text-shadow: rgba(185, 28, 28, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-user-crown);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(185, 28, 28, 0.30) 0%, rgba(185, 28, 28, 0.15) 50%, rgba(153, 27, 27, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(185, 28, 28, 0.30);
            border-color: rgba(185, 28, 28, 0.60);
        }
    }

    &.host-director
    {
        background: rgba(255, 192, 203, 0.20);
        border-color: rgba(255, 192, 203, 0.40);
        color: #ffc0cb;
        text-shadow: rgba(255, 192, 203, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-users);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(255, 192, 203, 0.30) 0%, rgba(255, 192, 203, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(255, 192, 203, 0.30);
            border-color: rgba(255, 192, 203, 0.60);
        }
    }

    &.ecosystem-director
    {
        background: rgba(239, 68, 68, 0.20);
        border-color: rgba(239, 68, 68, 0.40);
        color: #fca5a5;
        text-shadow: rgba(239, 68, 68, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-sitemap);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.30) 0%, rgba(239, 68, 68, 0.15) 50%, rgba(220, 38, 38, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(239, 68, 68, 0.30);
            border-color: rgba(239, 68, 68, 0.60);
        }
    }

    &.community
    {
        background: rgba(34, 139, 34, 0.20);
        border-color: rgba(34, 139, 34, 0.40);
        color: #4ade80;
        text-shadow: rgba(34, 139, 34, 0.70) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-users-cog);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(34, 139, 34, 0.30) 0%, rgba(34, 139, 34, 0.15) 50%, rgba(22, 101, 52, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(34, 139, 34, 0.30);
            border-color: rgba(34, 139, 34, 0.60);
        }
    }

    &.special-moderator-vk
    {
        height: 55px;
        background: rgba(99, 102, 241, 0.20);
        border-color: rgba(99, 102, 241, 0.40);
        color: #a5b4fc;
        text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;

        &::before
        {
            .m-faContent(@fa-var-star);
        }

        &::after
        {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
        }

        &:hover
        {
            background: rgba(99, 102, 241, 0.30);
            border-color: rgba(99, 102, 241, 0.60);
        }
    }
}

[data-template="thread_view"] .message-userBanner.userBanner,
[data-template="thread_view_type_question"] .message-userBanner.userBanner
{
    width: 170px;
}

Посмотреть вложение 20312


В шаблон extra.less, но у вас он не будет работать, потому что на вашем форуме нет такого класса. Скажите название плагина, который используете для галочки

Я использую -
[MMO] Verified Badge