Поиск префиксов и баннеров CRMP ONLINE

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Пользователь
Регистрация
20 Июн 2025
Сообщения
41
У кого то есть полный код с префиксами крмп онлайна и с фулл баннерами?
 
Заблокированный
Регистрация
11 Май 2025
Сообщения
157
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Префиксы:
CSS:
.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;
    
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
    
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
    
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
    
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
    
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}
Баннера:
CSS:
.userBanner
{
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite;
    
    &.userBanner--staff
    {
        color: #fff;
        border: .6mm ridge rgba(255,255,255,0.2);
        background: linear-gradient(270deg, #04b, #bb0, #a00);
        background-size: 900% 900%
    }
    
    &.gts
    {
        background: #FF0000;
        color: white;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        border-radius: 10px 0px 10px 0px;
        padding: 4px;
        border: none
    }
    
    &.razrab
    {
        background-image: linear-gradient(270deg, #f819a7, #4619f8)
    }
    
    &.stadm {
        background-image: linear-gradient(270deg, #06f, #04b)
    }
    
    &.soskags {
        background-image: linear-gradient(270deg, #49cc2c, #00ced1)
    }
        
    &.soskazgs {
        background-image: linear-gradient(270deg, #06f, #ba55d3)
    }
    
    &.redadmin {
        background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
    }
    
    &.user {
        background-image: linear-gradient(270deg, #bcbbbb, #515151)
   }
        
    &.admin {
        background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
        color: black;
        padding: 5px 8px
    }
        
    &.mlmoder {
        background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
    }
        
    &.stadm {
        background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
    }
    
    &.stmod {
        background-image: linear-gradient(270deg, #f819a7, #0859fc)
    }
        
    &.moder {
        background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
    }
        
    &.osnov {
        background-image: linear-gradient(270deg, #feea10, #ff931e);
        color: black
    }
        
    &.super {
        background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
    }
        
    &.ga {
        background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
    }
        
    &.lider {
        background-image: linear-gradient(270deg, #da0, #f08b9a)
    }
    
    &.kur {
        background-image: linear-gradient(270deg, #b0284d, #497fff)
    }
        
    &.adm {
        background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
    }
        
    &.mod {
        background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
    }
        
    &.teh {
        background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
    }
        
    &.moder {
        background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
    }
        
    &.grand {
        background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
    }
        
    &.black {
        background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
    }
        
    &.sueta {
        background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
    }
        
    &.hassle {
        background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
    }
        
    &.test {
        background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
    }
        
    &.project {
        background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
    }
        
    &.sponsor {
        background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
    }
        
    &.spec {
        background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
    }
        
    &.osnovatel {
        background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
    }
        
    &.Gladmin {
        background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
    }
        
    &.ZGadmin {
        background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
    }
        
    &.rykproekta {
        background-image: linear-gradient(270deg, #8b006d, #f00)
    }
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
 
Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,889
Что за префикс label
Это не префикс, а метка которая относится к префиксам, то есть она задаёт базовые значения для определённого элемента
Чтобы префиксы правильно отображались пишешь в css-класс: ladel v
 
Заблокированный
Регистрация
11 Май 2025
Сообщения
157
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Почему zark не работает?
Потомучто его и нету)
V - закрыто, важно, отказано
otk - открыто одобрено
Ras - проверено
rasm - на рассмотрение
INF - информация
 
Пользователь
Регистрация
15 Июн 2025
Сообщения
116
Почему zark не работает?
CSS:
.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;
    
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
    
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
    
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
    
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
    
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
    
    &.zark /* красный цвет */
    {
        background: #ff0000;
            box-shadow: 0 0 12px #e70
    }
}

Вот тебе и zark, можно было и самому добавить. Цвет по желанию сам поменяешь.
 
Пользователь
Регистрация
13 Ноя 2024
Сообщения
121
CSS:
.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;
   
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
   
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
   
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
   
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
   
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
   
    &.zark /* красный цвет */
    {
        background: #ff0000;
            box-shadow: 0 0 12px #e70
    }
}

Вот тебе и zark, можно было и самому добавить. Цвет по желанию сам поменяешь
Зачем пробел ставить в конце где boz-shadow ты и за этого весь код сломал
 
Регистрация
27 Окт 2024
Сообщения
568
css:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 100px 45px 100px 45px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.userBanner .avatar {
    border-radius: 50%;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    filter: none !important;
    transform: none !important
}

.userBanner .memberHeader-avatar .avatar {
    border-radius: 50%
}

.userBanner .avatar--xxs,.userBanner .avatar--xs,.userBanner .avatar--s,.userBanner .avatar--m,.userBanner .avatar--l,.userBanner .avatar--xl,.userBanner .message-userAvatar .avatar,.userBanner .memberHeader-avatar .avatar {
    box-shadow: none !important;
    border: none !important;
    border-radius: 50%
}

.userBanner .saharok {
    box-shadow: #6e48aa 1px 1px 10px;
    background-image: linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2)
}

.userBanner.wag {
    background: linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;
    background-size: 400% 400% !important;
    animation: wagnerShimmer 3s ease-in-out infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(255,0,0,0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 0 10px rgba(255,0,0,0.7) !important;
    letter-spacing: 1px !important;
    min-height: 22px !important;
    max-height: 24px !important;
    line-height: 1.3 !important
}

@keyframes wagnerShimmer {
    .userBanner 0% {
        background-position: 0% 50%
    }

    .userBanner 50% {
        background-position: 100% 50%
    }

    .userBanner 100% {
        background-position: 0% 50%
    }
}

.userBanner.wag::after {
    content: '';
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);
    animation: wagnerPhoto 3s ease-in-out infinite;
    flex-shrink: 0 !important;
    align-self: center !important;
    filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

@keyframes wagnerPhoto {
    .userBanner 0%,.userBanner 100% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3)
    }

    .userBanner 50% {
        transform: scale(1.12) rotate(6deg);
        box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
    }
}

.userBanner.wag:hover {
    animation: wagnerPulse .5s ease-in-out !important;
    transform: scale(1.04) !important
}

.userBanner.wag:hover::after {
    transform: scale(1.15) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
}

@keyframes wagnerPulse {
    .userBanner 0% {
        transform: scale(1)
    }

    .userBanner 50% {
        transform: scale(1.06)
    }

    .userBanner 100% {
        transform: scale(1.04)
    }
}

@media (max-width: 768px) {
    .userBanner.wag {
        font-size:13px !important;
        padding: 3px 8px !important;
        min-height: 20px !important;
        max-height: 22px !important
    }

    .userBanner.wag::after {
        width: 18px;
        height: 18px;
        margin-left: 6px;
        border-width: 2px
    }
}

--dark .userBanner.wag {
    box-shadow: 0 2px 8px rgba(255,0,0,0.4) !important
}

.userList .userBanner.wag {
    margin: 2px 0 !important
}

.profilePage .userBanner.wag {
    font-size: 14px !important;
    padding: 4px 10px !important;
    margin: 4px 0 !important
}

.userBanner.wag * {
    color: #ffffff !important
}

.userBanner.wag .avatar,.userBanner.wag .userAvatar {
    box-shadow: 0 0 8px rgba(255,0,0,0.5) !important;
    border: 2px solid #f00 !important;
    box-shadow: 0 0 6px rgba(255,0,0,0.4) !important;
    border: 1px solid #f00 !important;
    box-shadow: 0 0 4px rgba(255,0,0,0.3) !important
}

.userBanner.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.userBanner.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
    color: black;
    padding: 5px 8px
}

.userBanner.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.userBanner.super {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
    background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

.userBanner.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff)
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.zrpice {
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.iceteam {
    background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8)
}

.kasper {
    background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6)
}

.furmanvip {
    background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff)
}

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6)
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
 
>_
Заблокированный
Регистрация
17 Июн 2025
Сообщения
2,021
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
css:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 100px 45px 100px 45px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.userBanner .avatar {
    border-radius: 50%;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    filter: none !important;
    transform: none !important
}

.userBanner .memberHeader-avatar .avatar {
    border-radius: 50%
}

.userBanner .avatar--xxs,.userBanner .avatar--xs,.userBanner .avatar--s,.userBanner .avatar--m,.userBanner .avatar--l,.userBanner .avatar--xl,.userBanner .message-userAvatar .avatar,.userBanner .memberHeader-avatar .avatar {
    box-shadow: none !important;
    border: none !important;
    border-radius: 50%
}

.userBanner .saharok {
    box-shadow: #6e48aa 1px 1px 10px;
    background-image: linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2)
}

.userBanner.wag {
    background: linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;
    background-size: 400% 400% !important;
    animation: wagnerShimmer 3s ease-in-out infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(255,0,0,0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 0 10px rgba(255,0,0,0.7) !important;
    letter-spacing: 1px !important;
    min-height: 22px !important;
    max-height: 24px !important;
    line-height: 1.3 !important
}

@keyframes wagnerShimmer {
    .userBanner 0% {
        background-position: 0% 50%
    }

    .userBanner 50% {
        background-position: 100% 50%
    }

    .userBanner 100% {
        background-position: 0% 50%
    }
}

.userBanner.wag::after {
    content: '';
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);
    animation: wagnerPhoto 3s ease-in-out infinite;
    flex-shrink: 0 !important;
    align-self: center !important;
    filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

@keyframes wagnerPhoto {
    .userBanner 0%,.userBanner 100% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3)
    }

    .userBanner 50% {
        transform: scale(1.12) rotate(6deg);
        box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
    }
}

.userBanner.wag:hover {
    animation: wagnerPulse .5s ease-in-out !important;
    transform: scale(1.04) !important
}

.userBanner.wag:hover::after {
    transform: scale(1.15) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
}

@keyframes wagnerPulse {
    .userBanner 0% {
        transform: scale(1)
    }

    .userBanner 50% {
        transform: scale(1.06)
    }

    .userBanner 100% {
        transform: scale(1.04)
    }
}

@media (max-width: 768px) {
    .userBanner.wag {
        font-size:13px !important;
        padding: 3px 8px !important;
        min-height: 20px !important;
        max-height: 22px !important
    }

    .userBanner.wag::after {
        width: 18px;
        height: 18px;
        margin-left: 6px;
        border-width: 2px
    }
}

--dark .userBanner.wag {
    box-shadow: 0 2px 8px rgba(255,0,0,0.4) !important
}

.userList .userBanner.wag {
    margin: 2px 0 !important
}

.profilePage .userBanner.wag {
    font-size: 14px !important;
    padding: 4px 10px !important;
    margin: 4px 0 !important
}

.userBanner.wag * {
    color: #ffffff !important
}

.userBanner.wag .avatar,.userBanner.wag .userAvatar {
    box-shadow: 0 0 8px rgba(255,0,0,0.5) !important;
    border: 2px solid #f00 !important;
    box-shadow: 0 0 6px rgba(255,0,0,0.4) !important;
    border: 1px solid #f00 !important;
    box-shadow: 0 0 4px rgba(255,0,0,0.3) !important
}

.userBanner.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.userBanner.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
    color: black;
    padding: 5px 8px
}

.userBanner.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.userBanner.super {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
    background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

.userBanner.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff)
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.zrpice {
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.iceteam {
    background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8)
}

.kasper {
    background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6)
}

.furmanvip {
    background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff)
}

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6)
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
ему уже давали баннера эти. Зачем копи-пастишь ответ?
 
Сверху