Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Все ксс коды на данный момент в CRMP ONLINE

Фев
50
30
Пользователь
extra.less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 10px;
    padding: 5.3px 7.3px;
    border: .5mm ridge rgba(255,255,255,0.4);
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

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

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

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

.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8);
    box-shadow: #f819a7 1px 1px 10px
}

.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
    box-shadow: #a0522d 1px 1px 10px
}

.stadm {
    background-image: linear-gradient(270deg, #06f, #04b);
    box-shadow: #06f 1px 1px 10px
}

.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1);
    box-shadow: #49cc2c 1px 1px 10px
}

.kot {
    background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    box-shadow: #8b0000 1px 1px 10px
}

.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3);
    box-shadow: #06f 1px 1px 10px
}

.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000);
    box-shadow: #f00 1px 1px 10px
}

.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151);
    box-shadow: #bcbbbb 1px 1px 10px
}

.sledfrac {
    background-image: linear-gradient(270deg, #33f, #120a8f);
    box-shadow: #33f 1px 1px 10px
}

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

.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8);
    box-shadow: #80c3df 1px 1px 10px
}

.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc);
    box-shadow: #f819a7 1px 1px 10px
}

.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
    box-shadow: #01a72c 1px 1px 10px
}

.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black;
    box-shadow: #feea10 1px 1px 10px
}

.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa);
    box-shadow: #32cd32 1px 1px 10px
}

.osnovakp {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%;
    box-shadow: #04b 1px 1px 10px
}

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

.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a);
    box-shadow: #da0 1px 1px 10px
}

.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff);
    box-shadow: #497fff 1px 1px 10px
}

.zablok {
    background-image: linear-gradient(270deg, #000);
    box-shadow: #000 1px 1px 10px
}

.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c);
    box-shadow: #6b8e23 1px 1px 10px
}

.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00);
    box-shadow: #ff4500 1px 1px 10px
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e);
    box-shadow: #f4a460 1px 1px 10px
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000);
    box-shadow: #dc143c 1px 1px 10px
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513);
    box-shadow: #808080 1px 1px 10px
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00);
    box-shadow: #ffd700 1px 1px 10px
}

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff);
    box-shadow: #ff69b4 1px 1px 10px
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4);
    box-shadow: #c71585 1px 1px 10px
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6);
    box-shadow: #9370db 1px 1px 10px
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
    box-shadow: #d600c1 1px 1px 10px
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179);
    box-shadow: #ff5b00 1px 1px 10px
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2);
    box-shadow: #6a5acd 1px 1px 10px
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c);
    box-shadow: #f00 1px 1px 10px
}

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10);
    box-shadow: #feea10 1px 1px 10px
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21);
    box-shadow: #5ade21 1px 1px 10px
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524);
    box-shadow: #4bb524 1px 1px 10px
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00);
    box-shadow: #f00 1px 1px 10px
}

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

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

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
    box-shadow: #ff6745 1px 1px 10px
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
    box-shadow: #e785ff 1px 1px 10px
}

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

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

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
    box-shadow: #992572 1px 1px 10px
}

.respachegroup {
    background-image: linear-gradient(270deg, #f00, #000);
    box-shadow: #f00 1px 1px 10px
}

.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
}

.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)
}

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

.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)
}

.userBanner--wagnersex {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--winstongroup {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #7442c8, #9400d3, #000080, #f0f);
    background-size: 900% 900%;
    text-transform: uppercase;
    font-style: Hight;
    font-size: 87%;
    border-radius: 30px;
    text-align: center;
    padding: 1px 10px 3px;
    animation: AnimBanner 5s ease infinite
}

.userBanner--shontakers {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--gosharespach {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #f00, #00f, #f00, #00f, #f00, #00f, #f00, #00f);
    background-size: 900% 900%
}

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

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

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

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

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

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

@keyframes wagnerPhoto {
    0%,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)
    }

    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)
    }
}

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

    50% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1.04)
    }
}

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

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

    100% {
        background-position: 0% 50%
    }
}
Держите, тут есть ксс коды личных красок таких личностей Shon_Takers,Kasper, George Respache,Kasper2.0,Maga_Dagovsky, Dragon_Furman,Platon_Pluxury,Durov,Ice,Kot. Также уточню то что там краски покупают криво и им дают ксс код специального администратора и цветной ник тоже по другому.
 
@viovit_dev
Апр
1,586
986
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Shon_Takers,Kasper, George Respache,Kasper2.0,Maga_Dagovsky, Dragon_Furman,Platon_Pluxury,Durov,Ice,Kot.
OFFTOP


окей, следующий вопрос, это кто?

 
Последнее редактирование модератором:
Фев
50
30
Пользователь
OFFTOP


@viovit, так,Сократ местный,половина людей руководителями были,одни нет на CRMP ONLINE.

 
Последнее редактирование модератором:
@viovit_dev
Апр
1,586
986
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
@viovit, так,Сократ местный,половина людей руководителями были,одни нет на CRMP ONLINE.
OFFTOP


кто кто кто? братан, ты форумы перепутал, у нас тут не форум фанатов крмп онлайна, давай ка на 180 градусов разворот
у нас тут форум по павн программированию если че

 
Последнее редактирование модератором:
never stress
Дек
617
429
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
просто скопировал то, что примерно было. avatar - это тоже роли(краски/баннеры)? прост не знаю, у нас наверно форум копирок, которые даже не смотрят, что копируют(
 
Апр
456
145
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

где ты увидел css,это баннеры вайновских а css это окрашивание ников и тд.



OFFTOP

и да,css crmp online мне кажется у каждого 2 есть

 
Июл
894
1,188
Пользователь
css это окрашивание ников
OFFTOP


1774374780224.png

вырвать бы нахрен руки тому долбаёбу который первый начал прикручивать к общепринятым терминам свои ярлыки "ну патамушта же так удобна блять", группы это у нас роли будут потому что мы тупые и не видим разницы между дискордом и форумным движком, CSS это у нас цвет ников...

самое жалкое что только можно увидеть когда дебилы начинают косить под умных и в итоге выглядят ещё большими дебилами... пойду залечу на какой не будь форум по майнкрафту и буду пояснять там всё по своему потому что нихрена в их понятиях не разбираюсь

после этого действия РНК по блокировке всего на свете выглядит уже не таким глупым, нахрена вам тот интернет если вы всё равно им пользоваться не умеете

 
Авг
87
14
Пользователь
extra.less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 10px;
    padding: 5.3px 7.3px;
    border: .5mm ridge rgba(255,255,255,0.4);
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

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

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

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

.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8);
    box-shadow: #f819a7 1px 1px 10px
}

.durov {
    background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
    box-shadow: #a0522d 1px 1px 10px
}

.stadm {
    background-image: linear-gradient(270deg, #06f, #04b);
    box-shadow: #06f 1px 1px 10px
}

.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1);
    box-shadow: #49cc2c 1px 1px 10px
}

.kot {
    background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    box-shadow: #8b0000 1px 1px 10px
}

.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3);
    box-shadow: #06f 1px 1px 10px
}

.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000);
    box-shadow: #f00 1px 1px 10px
}

.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151);
    box-shadow: #bcbbbb 1px 1px 10px
}

.sledfrac {
    background-image: linear-gradient(270deg, #33f, #120a8f);
    box-shadow: #33f 1px 1px 10px
}

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

.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8);
    box-shadow: #80c3df 1px 1px 10px
}

.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc);
    box-shadow: #f819a7 1px 1px 10px
}

.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
    box-shadow: #01a72c 1px 1px 10px
}

.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black;
    box-shadow: #feea10 1px 1px 10px
}

.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa);
    box-shadow: #32cd32 1px 1px 10px
}

.osnovakp {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%;
    box-shadow: #04b 1px 1px 10px
}

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

.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a);
    box-shadow: #da0 1px 1px 10px
}

.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff);
    box-shadow: #497fff 1px 1px 10px
}

.zablok {
    background-image: linear-gradient(270deg, #000);
    box-shadow: #000 1px 1px 10px
}

.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c);
    box-shadow: #6b8e23 1px 1px 10px
}

.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00);
    box-shadow: #ff4500 1px 1px 10px
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e);
    box-shadow: #f4a460 1px 1px 10px
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000);
    box-shadow: #dc143c 1px 1px 10px
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513);
    box-shadow: #808080 1px 1px 10px
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00);
    box-shadow: #ffd700 1px 1px 10px
}

.lunar {
    background-image: linear-gradient(270deg, #ff69b4, #d16aff);
    box-shadow: #ff69b4 1px 1px 10px
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4);
    box-shadow: #c71585 1px 1px 10px
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6);
    box-shadow: #9370db 1px 1px 10px
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
    box-shadow: #d600c1 1px 1px 10px
}

.stkot {
    background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179);
    box-shadow: #ff5b00 1px 1px 10px
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2);
    box-shadow: #6a5acd 1px 1px 10px
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c);
    box-shadow: #f00 1px 1px 10px
}

.osnovatel {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10);
    box-shadow: #feea10 1px 1px 10px
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21);
    box-shadow: #5ade21 1px 1px 10px
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524);
    box-shadow: #4bb524 1px 1px 10px
}

.rykproekta {
    background-image: linear-gradient(270deg, #8b006d, #f00);
    box-shadow: #f00 1px 1px 10px
}

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

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

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
    box-shadow: #ff6745 1px 1px 10px
}

.furmangroup {
    background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
    box-shadow: #e785ff 1px 1px 10px
}

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

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

.dagovsky {
    background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
    box-shadow: #992572 1px 1px 10px
}

.respachegroup {
    background-image: linear-gradient(270deg, #f00, #000);
    box-shadow: #f00 1px 1px 10px
}

.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
}

.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)
}

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

.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)
}

.userBanner--wagnersex {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--winstongroup {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #7442c8, #9400d3, #000080, #f0f);
    background-size: 900% 900%;
    text-transform: uppercase;
    font-style: Hight;
    font-size: 87%;
    border-radius: 30px;
    text-align: center;
    padding: 1px 10px 3px;
    animation: AnimBanner 5s ease infinite
}

.userBanner--shontakers {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--gosharespach {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #f00, #00f, #f00, #00f, #f00, #00f, #f00, #00f);
    background-size: 900% 900%
}

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

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

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

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

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

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

@keyframes wagnerPhoto {
    0%,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)
    }

    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)
    }
}

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

    50% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1.04)
    }
}

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

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

    100% {
        background-position: 0% 50%
    }
}
Держите, тут есть ксс коды личных красок таких личностей Shon_Takers,Kasper, George Respache,Kasper2.0,Maga_Dagovsky, Dragon_Furman,Platon_Pluxury,Durov,Ice,Kot. Также уточню то что там краски покупают криво и им дают ксс код специального администратора и цветной ник тоже по другому.
Могу одно сказать, что у crmp online extra.less больше чем на 1.5к строк.
 
Сверху