Закрыто Новые баннеры CRMP ONLINE 2026

Paris Werkalov · Среда в 14:23

На данный момент сливаю для вас новые баннера CRMP ONLINE 2026, на их форуме всё скопировано до мелочей. Сами скриншоты мне делать лень поэтому вот пример, иконки групп можно настроить самим.

жми на реакцию "Мне нравится"

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

unloadmod · Среда в 14:45

Кому интересно, что было в том файле:

пепэц:

@charset "UTF-8"; /********* public:member.less ********/
.memberHeader:before,.memberHeader:after {
    content: " ";
    display: table
}

.memberHeader:after {
    clear: both
}

.memberHeader-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(242,244,255,0.04);
    border-bottom: 1px solid rgba(247,247,247,0.045)
}

.memberHeader--withBanner .memberHeader-main {
    min-height: 250px
}

.memberHeader-mainContent {
    position: relative
}

.memberHeader-avatar {
    position: absolute;
    padding: 10px
}

.memberHeader-content {
    padding: 10px;
    padding-left: 212px
}

.memberHeader-actionTop {
    float: right
}

.memberHeader-name {
    margin: 0;
    margin-top: -.15em;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

.memberHeader--withBanner .memberHeader-name {
    color: white
}

.memberHeader-nameChangeIndicator {
    color: #bfc0c4;
    font-size: 75%
}

.memberHeader-nameChangeIndicator:hover {
    color: #bfc0c4
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator {
    color: #ccc
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator:hover {
    color: #ccc
}

.memberHeader--withBanner .username {
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator .fa-history {
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000
}

.memberHeader--withBanner .memberHeader-blurbContainer {
    color: white;
    background: rgba(0,0,0,0.4);
    border-radius: 4px;
    padding: 6px;
    margin-top: 6px;
    text-shadow: 0 0 1px #000
}

.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb:first-child {
    margin-top: 0
}

.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb .pairs dt,.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb a {
    color: #ccc
}

.memberHeader-banners,.memberHeader-blurb {
    margin-top: 3px
}

.memberHeader-separator {
    margin: 10px 0;
    border: none;
    border-top: 1px solid rgba(247,247,247,0.045)
}

.memberHeader-stats {
    font-size: 17px
}

.memberHeader-stats .pairs.pairs--row {
    min-width: 100px
}

@media (max-width: 650px) {
    .memberHeader-avatar .avatar {
        width:96px;
        height: 96px;
        font-size: 58px
    }

    .memberHeader-content {
        padding-left: 116px
    }
}

@media (max-width: 480px) {
    .memberHeader-avatar {
        display:block;
        position: static;
        float: none;
        padding-bottom: 0;
        text-align: center
    }

    .memberHeader-avatar .avatarWrapper-update {
        font-size: 13px
    }

    .memberHeader-content {
        padding-left: 10px
    }

    .memberHeader-main .memberHeader-content {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        min-height: 0;
        text-align: center
    }

    .memberHeader-name {
        text-align: center;
        margin-top: 0
    }

    .memberHeader-actionTop {
        float: none;
        order: 2;
        margin-top: 3px
    }

    .memberHeader-buttons {
        text-align: center
    }

    .memberHeader-banners,.memberHeader-blurb {
        text-align: inherit
    }
}

.block-tabHeader.block-tabHeader--memberTabs {
    border-bottom: none
}

.memberOverviewBlocks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.memberOverviewBlocks>li {
    width: 33.3%;
    max-width: 100%;
    padding: 6px 10px
}

@media (max-width: 1150px) {
    .memberOverviewBlocks>li {
        width:50%
    }
}

@media (max-width: 580px) {
    .memberOverviewBlocks>li {
        width:100%
    }
}

.memberOverviewBlock {
    display: flex;
    flex-direction: column
}

.memberOverviewBlock-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.memberOverviewBlock-list>li {
    margin: 6px 0
}

.memberOverviewBlock-seeMore {
    background: rgba(242,244,255,0.04);
    border: 1px solid rgba(247,247,247,0.045);
    padding: 3px;
    text-align: center;
    margin-top: auto
}

@media (min-width: 651px) {
    .memberHeader {
        min-height:212px
    }
}

/********* public:extra.less ********/
.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 72%;
    padding: 6px 12px;
    border-radius: 22px 8px;
    letter-spacing: .6px;
    background: linear-gradient(120deg, #7f00ff, #00c6ff, #f0c);
    background-size: 400% 400%;
    animation: AnimBanner 10s ease infinite;
    box-shadow: 0 0 20px rgba(127,0,255,0.7);
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.25);
    position: relative;
    cursor: pointer
}

.userBanner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 2px;
    background: #ff2a2a;
    border-radius: 6px;
    transition: all .35s ease;
    transform: translateX(-50%)
}

.userBanner:hover::after {
    width: 100%
}

.venezuela {
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(120deg, #ffd700, #00f, #f00);
    background-size: 500% 500%;
    box-shadow: 0 8px 28px rgba(255,0,128,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    animation: gradientShift 6s ease-in-out infinite;
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.venezuela:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

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

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

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

.userBanner.userBanner--staff {
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85);
    background-size: 500% 500%;
    box-shadow: 0 8px 28px rgba(255,0,128,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    animation: gradientShift 6s ease-in-out infinite;
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.userBanner.userBanner--staff:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

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

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

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

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

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

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

.username--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bd";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f06d";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style5:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5c0";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style175:before {
    font-family: "Font Awesome 5 Pro";
    content: "\e3c8";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style6:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style8:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f66d";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style9:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style10:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f72e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style11:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style12:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style14:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f43f";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style14:after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('https://i.postimg.cc/15hXHRLp/Picsart-25-05-17-15-14-02-182.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 2px;
    vertical-align: middle
}

.username--style15:after {
    content: "tex";
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: red;
    border-image: initial;
    padding: 0px 4px;
    margin: 0px 5px -3px
}

.username--style15::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f059";
    font-weight: 600;
    display: inline-block;
    margin-right: 1px
}

.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4c4";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style17:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style18:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f121";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style19:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f3ed";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style20:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f747";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style21:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0fb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style22:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style24:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f129";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style25:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5fd";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style26:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f11b";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style32:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f699";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style33:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4fb";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style33:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style35:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f001";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style37:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style38:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f651";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style39:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style41:before,.username--style43:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f135";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style119:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style42:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4fb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style46:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style47:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f82b";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style48:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f072";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style50:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style52:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style54:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f71d";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style55:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style68:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style69:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5ec";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style70:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6eb";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style72:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style73:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2dc";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style90:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style90:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f8f6";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style94:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style95:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style100:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style107:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style111::after {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url('https://i.postimg.cc/RhZpHqZB/Picsart-25-10-12-22-10-08-632.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
    vertical-align: middle
}

.username--style114:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f890";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style116:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style118:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f102";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style123:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f030";
    font-weight: 600;
    display: inline-block;
    margin-right: 5px
}

.username--style124:before {
    font-family: "Font Awesome 5 Pro";

Ну и сам файл

Paris Werkalov · Среда в 14:46

unloadmod написал(а):

Кому интересно, что было в том файле:

пепэц:

@charset "UTF-8"; /********* public:member.less ********/
.memberHeader:before,.memberHeader:after {
    content: " ";
    display: table
}

.memberHeader:after {
    clear: both
}

.memberHeader-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(242,244,255,0.04);
    border-bottom: 1px solid rgba(247,247,247,0.045)
}

.memberHeader--withBanner .memberHeader-main {
    min-height: 250px
}

.memberHeader-mainContent {
    position: relative
}

.memberHeader-avatar {
    position: absolute;
    padding: 10px
}

.memberHeader-content {
    padding: 10px;
    padding-left: 212px
}

.memberHeader-actionTop {
    float: right
}

.memberHeader-name {
    margin: 0;
    margin-top: -.15em;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

.memberHeader--withBanner .memberHeader-name {
    color: white
}

.memberHeader-nameChangeIndicator {
    color: #bfc0c4;
    font-size: 75%
}

.memberHeader-nameChangeIndicator:hover {
    color: #bfc0c4
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator {
    color: #ccc
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator:hover {
    color: #ccc
}

.memberHeader--withBanner .username {
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator .fa-history {
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000
}

.memberHeader--withBanner .memberHeader-blurbContainer {
    color: white;
    background: rgba(0,0,0,0.4);
    border-radius: 4px;
    padding: 6px;
    margin-top: 6px;
    text-shadow: 0 0 1px #000
}

.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb:first-child {
    margin-top: 0
}

.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb .pairs dt,.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb a {
    color: #ccc
}

.memberHeader-banners,.memberHeader-blurb {
    margin-top: 3px
}

.memberHeader-separator {
    margin: 10px 0;
    border: none;
    border-top: 1px solid rgba(247,247,247,0.045)
}

.memberHeader-stats {
    font-size: 17px
}

.memberHeader-stats .pairs.pairs--row {
    min-width: 100px
}

@media (max-width: 650px) {
    .memberHeader-avatar .avatar {
        width:96px;
        height: 96px;
        font-size: 58px
    }

    .memberHeader-content {
        padding-left: 116px
    }
}

@media (max-width: 480px) {
    .memberHeader-avatar {
        display:block;
        position: static;
        float: none;
        padding-bottom: 0;
        text-align: center
    }

    .memberHeader-avatar .avatarWrapper-update {
        font-size: 13px
    }

    .memberHeader-content {
        padding-left: 10px
    }

    .memberHeader-main .memberHeader-content {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        min-height: 0;
        text-align: center
    }

    .memberHeader-name {
        text-align: center;
        margin-top: 0
    }

    .memberHeader-actionTop {
        float: none;
        order: 2;
        margin-top: 3px
    }

    .memberHeader-buttons {
        text-align: center
    }

    .memberHeader-banners,.memberHeader-blurb {
        text-align: inherit
    }
}

.block-tabHeader.block-tabHeader--memberTabs {
    border-bottom: none
}

.memberOverviewBlocks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.memberOverviewBlocks>li {
    width: 33.3%;
    max-width: 100%;
    padding: 6px 10px
}

@media (max-width: 1150px) {
    .memberOverviewBlocks>li {
        width:50%
    }
}

@media (max-width: 580px) {
    .memberOverviewBlocks>li {
        width:100%
    }
}

.memberOverviewBlock {
    display: flex;
    flex-direction: column
}

.memberOverviewBlock-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.memberOverviewBlock-list>li {
    margin: 6px 0
}

.memberOverviewBlock-seeMore {
    background: rgba(242,244,255,0.04);
    border: 1px solid rgba(247,247,247,0.045);
    padding: 3px;
    text-align: center;
    margin-top: auto
}

@media (min-width: 651px) {
    .memberHeader {
        min-height:212px
    }
}

/********* public:extra.less ********/
.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 72%;
    padding: 6px 12px;
    border-radius: 22px 8px;
    letter-spacing: .6px;
    background: linear-gradient(120deg, #7f00ff, #00c6ff, #f0c);
    background-size: 400% 400%;
    animation: AnimBanner 10s ease infinite;
    box-shadow: 0 0 20px rgba(127,0,255,0.7);
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.25);
    position: relative;
    cursor: pointer
}

.userBanner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 2px;
    background: #ff2a2a;
    border-radius: 6px;
    transition: all .35s ease;
    transform: translateX(-50%)
}

.userBanner:hover::after {
    width: 100%
}

.venezuela {
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(120deg, #ffd700, #00f, #f00);
    background-size: 500% 500%;
    box-shadow: 0 8px 28px rgba(255,0,128,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    animation: gradientShift 6s ease-in-out infinite;
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.venezuela:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

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

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

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

.userBanner.userBanner--staff {
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85);
    background-size: 500% 500%;
    box-shadow: 0 8px 28px rgba(255,0,128,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    animation: gradientShift 6s ease-in-out infinite;
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.userBanner.userBanner--staff:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

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

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

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

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

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

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

.username--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bd";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f06d";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style5:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5c0";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style175:before {
    font-family: "Font Awesome 5 Pro";
    content: "\e3c8";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style6:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style8:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f66d";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style9:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style10:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f72e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style11:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style12:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style14:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f43f";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style14:after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('https://i.postimg.cc/15hXHRLp/Picsart-25-05-17-15-14-02-182.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 2px;
    vertical-align: middle
}

.username--style15:after {
    content: "tex";
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: red;
    border-image: initial;
    padding: 0px 4px;
    margin: 0px 5px -3px
}

.username--style15::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f059";
    font-weight: 600;
    display: inline-block;
    margin-right: 1px
}

.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4c4";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style17:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style18:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f121";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style19:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f3ed";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style20:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f747";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style21:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0fb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style22:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style24:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f129";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style25:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5fd";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style26:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f11b";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style32:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f699";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style33:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4fb";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style33:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style35:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f001";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style37:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style38:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f651";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style39:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style41:before,.username--style43:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f135";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style119:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style42:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4fb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style46:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style47:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f82b";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style48:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f072";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style50:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style52:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style54:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f71d";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style55:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style68:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style69:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5ec";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style70:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6eb";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style72:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style73:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2dc";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style90:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style90:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f8f6";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style94:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style95:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style100:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style107:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style111::after {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url('https://i.postimg.cc/RhZpHqZB/Picsart-25-10-12-22-10-08-632.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
    vertical-align: middle
}

.username--style114:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f890";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style116:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style118:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f102";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style123:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f030";
    font-weight: 600;
    display: inline-block;
    margin-right: 5px
}

.username--style124:before {
    font-family: "Font Awesome 5 Pro";

Не от кого не скрываем

молодец что сюда скинул только ты не весь файл скинул

unloadmod · Среда в 14:49

Paris Werkalov написал(а):
ты не весь файл скинул

Потому что там столько лишнего, что аж форум не вытянул такого и пришлось чуть урезать

Paris Werkalov · Среда в 14:50

unloadmod написал(а):
Потому что там столько лишнего, что аж форум не вытянул такого и пришлось чуть урезать

Ну там не только краски там и баннера тем и другие

unloadmod · Среда в 14:51

Paris Werkalov написал(а):
Ну там не только краски там и баннера тем и другие

В чем отличие красок от баннеров и что делают краски

Paris Werkalov · Среда в 14:52

unloadmod написал(а):
В чем отличие красок от баннеров и что делают краски

Не обращай внимания специально для тебя уберу лишние вещи

unloadmod · Среда в 14:52

Paris Werkalov написал(а):
Не обращай внимания специально для тебя уберу лишние вещи

Какие именно?

Поиск

Welcome!

Закрыто Новые баннеры CRMP ONLINE 2026

Paris Werkalov

unloadmod

Вложения

Paris Werkalov

unloadmod

Paris Werkalov

unloadmod

Paris Werkalov

unloadmod