Баннеры для групп пользователей как на нашем форуме

[Lucifer Dev]

.userBanner,
.message-userBanner.userBanner {
    padding: 3px 10px;
    border-radius: 7px;
    font-family: sans-serif;
    border: none;
    user-select: none;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    text-align: left
}

.admin {
    color: #fff;
    background: #ff0000;
    box-shadow: #f00 1px 1px 10px
}

.glmoder {
    color: #fff;
    background: #0000ff;
    box-shadow: #00f 1px 1px 10px
}

.blocked {
    color: #fff;
    background: #3b3b3b;
    box-shadow: #3b3b3b 1px 1px 10px
}

.moder {
    color: #fff;
    background: #1E90FF;
    box-shadow: #1e90ff 1px 1px 10px
}

.premium {
    color: #fff;
    background: #ffa500;
    box-shadow: #ffa500 1px 1px 10px
}

.advanced {
    color: #fff;
    background: #3333ff;
    box-shadow: #33f 1px 1px 10px
}

.expert {
    color: #fff;
    background: #8b00ff;
    box-shadow: #8b00ff 1px 1px 10px
}

.redaktor {
    color: #000;
    background: #99ff99;
    box-shadow: #9f9 1px 1px 10px
}

.partner {
    color: #fff;
    background: #7442c8;
    box-shadow: #7442c8 1px 1px 10px
}

.user {
    color: #fff;
    background: #808080
}

.org {
    color: #fff;
    background: #40E0D0;
    box-shadow: #40e0d0 1px 1px 10px
}

.org {
    color: #fff;
    background: #40E0D0;
    box-shadow: #40e0d0 1px 1px 10px
}

.sponsor {
    color: #cd00cd;
    background: rgba(205, 0, 205, 0.3)
}

.razrab {
    color: #801818;
    background: rgba(128, 24, 24, 0.3)
}

Пример:

 

[FaklorВерифицированный профиль]

Ох, исходный код. Забыл убрать второй баннер организации

 

[COLTON]

Нормик.

 

[nixilingВерифицированный профиль]

Классно