Баннеры crmp online new 2026

Browns · 22 Фев 2026

heartless · 22 Фев 2026

мне кажется это не тот раздел и их уже сливали

Browns · 22 Фев 2026

heartless написал(а):
мне кажется это не тот раздел и их уже сливали

Их ещё не сливали

Sanya292728 · 23 Фев 2026

Можешь суда скинуть extra.less
Суда пожалуйста

23 Фев 2026

Sanya292728 написал(а):
Можешь суда скинуть extra.less
Суда пожалуйста

Держи

Код:

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

.razrab,.stadm,.redadmin,.admin,.Gladmin,.ZGadmin,.osnovatel,.super,.rykproekta,.mlmoder,.stmod,.moder,.soskags,.soskazgs,.teh,.ga,.lider,.kur,.vkteam,.zablok,.user,.sledfrac,.grand,.black,.sueta,.hassle,.project,.sponsor,.spec,.zrpice,.furmangroup,.furmanvip,.crmp,.respachegroup,.admforum,.zrykproektaall,.kolowrat,.emptys,.megumyy,.amerima,.malboro {
    color: #fff;
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background-size: 400% 400%;
    animation: gradientShift 6s ease-in-out infinite;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    box-shadow: 0 6px 20px rgba(0,0,0,0.45);
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.razrab:hover,.stadm:hover,.redadmin:hover,.admin:hover,.Gladmin:hover,.ZGadmin:hover,.osnovatel:hover,.super:hover,.rykproekta:hover,.mlmoder:hover,.stmod:hover,.moder:hover,.soskags:hover,.soskazgs:hover,.teh:hover,.ga:hover,.lider:hover,.kur:hover,.vkteam:hover,.user:hover,.zablok:hover,.sledfrac:hover,.grand:hover,.black:hover,.sueta:hover,.hassle:hover,.project:hover,.sponsor:hover,.spec:hover,.zrpice:hover,.furmangroup:hover,.furmanvip:hover,.crmp:hover,.respachegroup:hover,.admforum:hover,.zrykproektaall:hover,.kolowrat:hover,.emptys:hover,.megumyy:hover,.amerima:hover,.malboro:hover,.dagovsky:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

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

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

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

.super {
    background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85, #ffe000);
    background-size: 500% 500%;
    animation: superflow 5s linear infinite;
    box-shadow: 0 0 30px rgba(255,0,128,0.85)
}

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

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

.razrab {
    background: linear-gradient(135deg, #ff2cdf, #7a00ff, #00c6ff);
    box-shadow: 0 0 20px rgba(255,44,223,0.7)
}

.stadm {
    background: linear-gradient(135deg, #005eff, #00b4ff);
    box-shadow: 0 0 18px rgba(0,180,255,0.7)
}

.redadmin {
    background: linear-gradient(135deg, #8b0000, #f03, #ff6a6a);
    box-shadow: 0 0 18px rgba(255,0,0,0.7)
}

.admin {
    background: linear-gradient(135deg, #7f00ff, #c300ff);
    box-shadow: 0 0 18px rgba(150,0,255,0.6)
}

.Gladmin {
    background: linear-gradient(135deg, #00ff7f, #00c853);
    box-shadow: 0 0 18px rgba(0,255,127,0.7)
}

.ZGadmin {
    background: linear-gradient(135deg, #00ffd5, #00bfa5);
    box-shadow: 0 0 18px rgba(0,255,213,0.6)
}

.osnovatel {
    background: linear-gradient(135deg, #ffb347, #ffd700);
    box-shadow: 0 0 22px rgba(255,215,0,0.8)
}

.rykproekta {
    background: linear-gradient(135deg, #ff1e1e, #8b0000);
    box-shadow: 0 0 20px rgba(255,30,30,0.8)
}

.mlmoder {
    background: linear-gradient(135deg, #00f2ff, #00ffa2)
}

.stmod {
    background: linear-gradient(135deg, #3a7bd5, #00d2ff)
}

.moder {
    background: linear-gradient(135deg, #00c853, #aeea00)
}

.soskags {
    background: linear-gradient(135deg, #0fc, #43e97b)
}

.soskazgs {
    background: linear-gradient(135deg, #6a11cb, #2575fc)
}

.teh {
    background: linear-gradient(135deg, #ff512f, #f09819)
}

.ga {
    background: linear-gradient(135deg, #00ff85, #00b09b)
}

.lider {
    background: linear-gradient(135deg, #ffd700, #ff8c00)
}

.kur {
    background: linear-gradient(135deg, #ff4ecd, #6a00ff)
}

.vkteam {
    background: linear-gradient(135deg, #1e90ff, #6a5acd)
}

.user {
    background: linear-gradient(135deg, #2b2b2b, #000)
}

.zablok {
    background: linear-gradient(135deg, #000, #3b0000);
    color: #ff4d4d
}

.sledfrac {
    background: linear-gradient(135deg, #1e3c72, #2a5298)
}

.grand {
    background: linear-gradient(135deg, #d4a373, #b8860b)
}

.black {
    background: linear-gradient(135deg, #500, #000)
}

.sueta {
    background: linear-gradient(135deg, #7f7f7f, #b5b5b5);
    color: #ffffff
}

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

.project {
    background: linear-gradient(135deg, #c300ff, #7f00ff)
}

.sponsor {
    background: linear-gradient(135deg, #4b0082, #7b68ee)
}

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

.zrpice {
    background: linear-gradient(135deg, #2b0000, #8b0000, #ff1a1a, #000, #1a1a1a, #ff1a1a, #8b0000);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.kolowrat {
    background: linear-gradient(270deg, #f00, #ff4500, #ffae00, #ff0, #ffae00, #ff4500, #f00);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.megumyy {
    background: linear-gradient(270deg, #2e004f, #8a2be2, #f0f, #4b0082, #1a0033, #ff69b4, #9400d3);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.amerima {
    background: linear-gradient(270deg, #b31942, #fff, #0a3161, #fff, #b31942);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.malboro {
    background: linear-gradient(270deg, #f00, #fff, #f00, #fff);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.emptys {
    background: linear-gradient(270deg, #000, #2b2b2b, #5a5a5a, #9a9a9a, #5a5a5a, #2b2b2b, #000);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.furmangroup {
    background: linear-gradient(135deg, #ff9a9e, #fad0c4, #fbc2eb)
}

.furmanvip {
    background: linear-gradient(135deg, #00c6ff, #7f00ff, #f0c)
}

.crmp {
    background: linear-gradient(135deg, #0ff, #f0f, #4b0082)
}

.respachegroup {
    background: linear-gradient(135deg, #f00, #000)
}

.admforum {
    background: linear-gradient(135deg, #ff512f, #ff9f00);
    box-shadow: 0 0 22px rgba(255,120,0,0.8)
}

.zrykproektaall {
    background: linear-gradient(135deg, #ff512f, #ff9f00);
    box-shadow: 0 0 22px rgba(255,60,0,0.8)
}

.username--style90 {
    color: #ffaf38;
    font-weight: bold;
    text-shadow: #c0f 1px 1px 10px;
    border-raduis: 10px;
    border-radius: 8px;
    background: linear-gradient(270deg, #f00, #6e48aa, #9d50bb, #f00, #9932cc, #b0284d, #497fff, #9400d3, #f00, #7442c8, #8a2be2, #f00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 900% 20%;
    color: #1000f2;
    animation: AnimNic 10s ease infinite
}

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

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

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

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 3px 6px;
    text-align: center;
    border-radius: 6px;
    letter-spacing: 0.5px;
    background-size: 300% 300%;
    animation: liquidColors 6s ease-in-out infinite,glowFlow 6s ease-in-out infinite
}

.label.v {
    background-image: linear-gradient(-45deg, #ff1e1e, #ff4d4d, #c00, #f33);
    --glow1: #ff4d4d;
    --glow2: #f00
}

.label.ras {
    background-image: linear-gradient(-45deg, #04f, #6e84ff, #001faa, #5570ff);
    --glow1: #6e84ff;
    --glow2: #04f
}

.label.otk {
    background-image: linear-gradient(-45deg, #0a0, #5e7, #070, #3c5);
    --glow1: #5e7;
    --glow2: #0a0
}

.label.rasm {
    background-image: linear-gradient(-45deg, #e70, #ffb066, #b50, #f93);
    --glow1: #ffb066;
    --glow2: #e70
}

.label.inf {
    background-image: linear-gradient(-45deg, #fb0, #ffe066, #d49a00, #fc3);
    --glow1: #ffe066;
    --glow2: #fb0
}

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

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

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

@keyframes glowFlow {
    0% {
        box-shadow: 0 0 2px var(--glow1),0 0 4px var(--glow2)
    }

    50% {
        box-shadow: 0 0 4px var(--glow2),0 0 6px var(--glow1)
    }

    100% {
        box-shadow: 0 0 2px var(--glow1),0 0 4px var(--glow2)
    }
}

.dagovsky {
    padding: 6px 12px 8px;
    border-radius: 12px;
    border: 2px solid #8a2be2;
    font-size: 13px;
    line-height: 1;
    position: relative;
    transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
    background: linear-gradient(45deg, #8a2be2 0%, #4b0082 20%, #000 40%, #9400d3 60%, #8a2be2 80%, #4b0082 100%);
    background-size: 400% 400%;
    box-shadow: 0 0 12px rgba(138,43,226,0.7),0 0 25px rgba(148,0,211,0.5),inset 0 0 8px rgba(0,0,0,0.7);
    color: white !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.9),0 0 6px rgba(138,43,226,0.8);
    letter-spacing: 0.8px;
    animation: dag-flow 6s linear infinite,dag-glow 3s ease-in-out infinite alternate
}

.dagovsky::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 14px;
    background: linear-gradient(45deg, #9d00ff, #8a2be2, #9400d3, #4b0082);
    background-size: 400% 400%;
    z-index: -1;
    animation: dag-border 4s linear infinite;
    opacity: 0.6;
    filter: blur(6px)
}

.dagovsky::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 10px;
    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);
    z-index: 1;
    pointer-events: none
}

.dagovsky:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 0 20px rgba(138,43,226,0.9),0 0 35px rgba(148,0,211,0.7),0 0 50px rgba(75,0,130,0.5),inset 0 0 10px rgba(0,0,0,0.8);
    animation-duration: 4s,2s;
    border-color: #9d00ff
}

@keyframes dag-flow {
    0% {
        background-position: 0% 50%
    }

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

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

@keyframes dag-glow {
    0% {
        box-shadow: 0 0 12px rgba(138,43,226,0.7),0 0 25px rgba(148,0,211,0.5),inset 0 0 8px rgba(0,0,0,0.7)
    }

    100% {
        box-shadow: 0 0 15px rgba(138,43,226,0.8),0 0 30px rgba(148,0,211,0.6),0 0 45px rgba(75,0,130,0.4),inset 0 0 10px rgba(0,0,0,0.8)
    }
}

@keyframes dag-border {
    0% {
        background-position: 0% 0%;
        opacity: 0.5
    }

    50% {
        background-position: 100% 100%;
        opacity: 0.7
    }

    100% {
        background-position: 0% 0%;
        opacity: 0.5
    }
}

.dagovsky span {
    position: relative;
    z-index: 2
}

fieldset.pf-offtop {
    padding: 6px 12px 8px;
    border-radius: 12px;
    border: 3px solid #ffd700;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    transition: background .3s ease
}

fieldset.pf-offtop legend {
    font-weight: 600;
    padding: 2px 8px;
    margin-left: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #ffd700;
    background-color: rgba(255,215,0,0.2);
    transition: background-color .3s ease,font-size .3s ease
}

fieldset.pf-offtop:hover legend {
    font-size: 15px;
    background-color: rgba(255,215,0,0.25)
}

fieldset.pf-offtop p {
    margin: 0
}

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

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

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

.node {
    transition: all .3s ease;
    cursor: pointer
}

.node:hover {
    transform: scale(1.01);
    box-shadow: 0 0 15px rgba(255,107,0,0.7),0 5px 15px rgba(0,0,0,0.1);
    z-index: 10;
    outline: 2px solid rgba(255,107,0,0.8);
    outline-offset: 2px
}

.node.archive-node:hover {
    background-color: rgba(0,123,255,0.1);
    border-color: #007bff;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(0,123,255,0.2)
}

.node.new-node:hover {
    background-color: rgba(40,167,69,0.1);
    border-color: #28a745;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(40,167,69,0.2)
}

.node.themes-node:hover {
    background-color: rgba(255,193,7,0.1);
    border-color: #ffc107;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(255,193,7,0.2)
}

.node.messages-node:hover {
    background-color: rgba(220,53,69,0.1);
    border-color: #dc3545;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(220,53,69,0.2)
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(255,107,0,0.5)
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(255,107,0,0.8)
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(255,107,0,0.5)
    }
}

@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(255,107,0,0.5)
    }

    50% {
        box-shadow: 0 0 20px rgba(255,107,0,0.9),0 0 30px rgba(255,107,0,0.6)
    }

    100% {
        box-shadow: 0 0 5px rgba(255,107,0,0.5)
    }
}

.node-active {
    animation: pulse 2s infinite
}

.node-active:hover {
    animation: none;
    box-shadow: 0 0 25px rgba(255,107,0,0.9),0 5px 20px rgba(0,0,0,0.15);
    outline: 3px solid rgba(255,107,0,0.9)
}

.node-glow:hover {
    animation: glow 1.5s infinite
}

.node-content {
    transition: all .3s ease
}

.node:hover .node-content {
    color: #ff6b00;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(255,107,0,0.3)
}

.burial-bureau-node:hover {
    transform: scale(1.03);
    background-color: rgba(108,117,125,0.1);
    border-color: #6c757d;
    box-shadow: 0 0 25px rgba(255,107,0,0.8),0 8px 25px rgba(0,0,0,0.15);
    outline: 2px solid rgba(255,107,0,0.7)
}

.burial-bureau-node:hover .node-content {
    color: #ff8533;
    text-shadow: 0 0 10px rgba(255,107,0,0.4)
}

.node-intense-glow:hover {
    box-shadow: 0 0 30px rgba(255,107,0,0.9),0 0 40px rgba(255,107,0,0.5),0 5px 20px rgba(0,0,0,0.2);
    outline: 3px solid rgba(255,107,0,0.9);
    outline-offset: 3px
}

.dark-theme .node:hover {
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(255,255,255,0.1)
}

.node:hover .dark-theme .node-content {
    color: #ff944d;
    text-shadow: 0 0 10px rgba(255,107,0,0.5)
}

.node-premium {
    position: relative
}

.node-premium:hover:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, rgba(255,107,0,0.8), rgba(255,165,0,0.8), rgba(255,107,0,0.8));
    border-radius: inherit;
    z-index: -1;
    animation: rotate-gradient 3s linear infinite
}

@keyframes rotate-gradient {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.p-body,.p-pageWrapper {
    animation: xfFadeIn .7s ease-out
}

@keyframes xfFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.username {
    cursor: pointer;
    position: relative;
    transition: color .25s ease,text-shadow .25s ease,transform .15s ease
}

.username:hover {
    color: #ff2a2a;
    text-shadow: 0 0 6px rgba(255,42,42,0.6)
}

.username:active {
    transform: scale(.95)
}

.btn {
    --fancy-button-gradient-0: #ff8a00;
    --fancy-button-gradient-50: #ff6a00;
    --fancy-button-gradient-100: #ff4500;
    --fancy-button-inner-shadow-top: rgba(255,220,180,0.35);
    --fancy-button-inner-shadow-top-lg: rgba(120,40,0,0.18);
    --fancy-button-inner-shadow-bottom: rgba(255,180,90,0.45);
    --fancy-button-shine-top: #ffe1b5;
    --fancy-button-shine-bottom: #ffd28a;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    text-shadow: 0px .5px .5px rgba(0,0,0,0.25);
    padding: 0;
    margin: 0;
    appearance: none;
    border: none;
    outline: none;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
    border-radius: 25px;
    color: #fff;
    background-image: linear-gradient(to bottom, var(--fancy-button-gradient-0) 0%, var(--fancy-button-gradient-50) 50%, var(--fancy-button-gradient-100) 100%);
    box-shadow: 0px 6px 16px rgba(120,40,0,0.35),0px 3px 8px rgba(120,40,0,0.25),0px 1px 3px var(--fancy-button-inner-shadow-top-lg),inset 0px 1px 2px var(--fancy-button-inner-shadow-top),inset 0px -2px 4px var(--fancy-button-inner-shadow-bottom);
    height: 40px;
    width: 60%
}

.btn:before,.btn:after {
    content: "";
    position: absolute;
    border-radius: inherit;
    will-change: transform
}

.btn:before {
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--fancy-button-shine-top);
    width: 96px;
    height: 6px;
    top: -3px;
    opacity: 0.6;
    filter: blur(6px);
    transition: opacity .25s
}

.btn:after {
    inset: 0;
    background-size: cover;
    z-index: 2;
    opacity: 0.3;
    mix-blend-mode: overlay;
    pointer-events: none
}

.btn span {
    display: block;
    padding: 12px 24px;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(to bottom, var(--fancy-button-shine-top), transparent 8px);
    background-position: 0 -6px;
    background-repeat: no-repeat;
    z-index: 1
}

.btn span:before,.btn span:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background-color: var(--fancy-button-shine-bottom);
    transition: opacity .25s,transform .25s;
    will-change: transform
}

.btn span:before {
    width: 92px;
    height: 15px;
    bottom: -4px;
    opacity: 0.75;
    filter: blur(6px)
}

.btn span:after {
    width: 112px;
    height: 1px;
    bottom: 0;
    opacity: 0.9;
    filter: blur(1px)
}

.btn:hover span:before {
    opacity: 0.8
}

.btn:hover span:before {
    transform: translateX(-50%) scale(1.25)
}

.btn:hover span:after {
    opacity: 1
}

.label.ojd {
    background-image: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 45%, #262626 55%, #4a4a4a 100%);
    --glow1: #999;
    --glow2: #222;
    border: 1px solid #444;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5)
}

fieldset.svg-offtop {
    background: rgba(242,244,255,0.04);
    border: 1px solid #ff8e00;
    border-left-width: 3px;
    padding: 5px 10px 10px;
    border-radius: 2px
}

fieldset.svg-offtop legend {
    color: #fefefe;
    font-weight: 500;
    padding: 0 5px;
    margin-left: 10px;
    transition: font-size .5s ease-out .3s
}

fieldset.svg-offtop p {
    font-size: 13px;
    color: #bfc0c4;
    margin: 0
}

fieldset:hover legend {
    font-size: 20%
}

Sanya292728 · 23 Фев 2026

Спасибо это в extraless вставлять

heartless · 23 Фев 2026

Sanya292728 написал(а):
Спасибо это в extraless вставлять

да

Sanya292728 · 23 Фев 2026

А как такие же префиксы сделать

Sanya292728 · 23 Фев 2026

А почему стало так

Sanya292728 · 23 Фев 2026

А где такой же стиль взять как у него оранжевый что краски работабт

heartless · 23 Фев 2026

Sanya292728 написал(а):
А почему стало так

в админ панеле, когда зашел в 'группы пользователей' находишь строчку:
"Другой, использующий своё имя CSS-класса"

далее смотришь, что тебе нужно. если это например ".venezuela" то вводишь в это поле просто "venezuela"

Sanya292728 · 23 Фев 2026

Щас попробую

Sanya292728 · 23 Фев 2026

Серовно

23 Фев 2026

Sanya292728 написал(а):
Серовно

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

Код

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻' написал(а):

Держи

Код:

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

.razrab,.stadm,.redadmin,.admin,.Gladmin,.ZGadmin,.osnovatel,.super,.rykproekta,.mlmoder,.stmod,.moder,.soskags,.soskazgs,.teh,.ga,.lider,.kur,.vkteam,.zablok,.user,.sledfrac,.grand,.black,.sueta,.hassle,.project,.sponsor,.spec,.zrpice,.furmangroup,.furmanvip,.crmp,.respachegroup,.admforum,.zrykproektaall,.kolowrat,.emptys,.megumyy,.amerima,.malboro {
    color: #fff;
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background-size: 400% 400%;
    animation: gradientShift 6s ease-in-out infinite;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    box-shadow: 0 6px 20px rgba(0,0,0,0.45);
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.razrab:hover,.stadm:hover,.redadmin:hover,.admin:hover,.Gladmin:hover,.ZGadmin:hover,.osnovatel:hover,.super:hover,.rykproekta:hover,.mlmoder:hover,.stmod:hover,.moder:hover,.soskags:hover,.soskazgs:hover,.teh:hover,.ga:hover,.lider:hover,.kur:hover,.vkteam:hover,.user:hover,.zablok:hover,.sledfrac:hover,.grand:hover,.black:hover,.sueta:hover,.hassle:hover,.project:hover,.sponsor:hover,.spec:hover,.zrpice:hover,.furmangroup:hover,.furmanvip:hover,.crmp:hover,.respachegroup:hover,.admforum:hover,.zrykproektaall:hover,.kolowrat:hover,.emptys:hover,.megumyy:hover,.amerima:hover,.malboro:hover,.dagovsky:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

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

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

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

.super {
    background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85, #ffe000);
    background-size: 500% 500%;
    animation: superflow 5s linear infinite;
    box-shadow: 0 0 30px rgba(255,0,128,0.85)
}

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

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

.razrab {
    background: linear-gradient(135deg, #ff2cdf, #7a00ff, #00c6ff);
    box-shadow: 0 0 20px rgba(255,44,223,0.7)
}

.stadm {
    background: linear-gradient(135deg, #005eff, #00b4ff);
    box-shadow: 0 0 18px rgba(0,180,255,0.7)
}

.redadmin {
    background: linear-gradient(135deg, #8b0000, #f03, #ff6a6a);
    box-shadow: 0 0 18px rgba(255,0,0,0.7)
}

.admin {
    background: linear-gradient(135deg, #7f00ff, #c300ff);
    box-shadow: 0 0 18px rgba(150,0,255,0.6)
}

.Gladmin {
    background: linear-gradient(135deg, #00ff7f, #00c853);
    box-shadow: 0 0 18px rgba(0,255,127,0.7)
}

.ZGadmin {
    background: linear-gradient(135deg, #00ffd5, #00bfa5);
    box-shadow: 0 0 18px rgba(0,255,213,0.6)
}

.osnovatel {
    background: linear-gradient(135deg, #ffb347, #ffd700);
    box-shadow: 0 0 22px rgba(255,215,0,0.8)
}

.rykproekta {
    background: linear-gradient(135deg, #ff1e1e, #8b0000);
    box-shadow: 0 0 20px rgba(255,30,30,0.8)
}

.mlmoder {
    background: linear-gradient(135deg, #00f2ff, #00ffa2)
}

.stmod {
    background: linear-gradient(135deg, #3a7bd5, #00d2ff)
}

.moder {
    background: linear-gradient(135deg, #00c853, #aeea00)
}

.soskags {
    background: linear-gradient(135deg, #0fc, #43e97b)
}

.soskazgs {
    background: linear-gradient(135deg, #6a11cb, #2575fc)
}

.teh {
    background: linear-gradient(135deg, #ff512f, #f09819)
}

.ga {
    background: linear-gradient(135deg, #00ff85, #00b09b)
}

.lider {
    background: linear-gradient(135deg, #ffd700, #ff8c00)
}

.kur {
    background: linear-gradient(135deg, #ff4ecd, #6a00ff)
}

.vkteam {
    background: linear-gradient(135deg, #1e90ff, #6a5acd)
}

.user {
    background: linear-gradient(135deg, #2b2b2b, #000)
}

.zablok {
    background: linear-gradient(135deg, #000, #3b0000);
    color: #ff4d4d
}

.sledfrac {
    background: linear-gradient(135deg, #1e3c72, #2a5298)
}

.grand {
    background: linear-gradient(135deg, #d4a373, #b8860b)
}

.black {
    background: linear-gradient(135deg, #500, #000)
}

.sueta {
    background: linear-gradient(135deg, #7f7f7f, #b5b5b5);
    color: #ffffff
}

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

.project {
    background: linear-gradient(135deg, #c300ff, #7f00ff)
}

.sponsor {
    background: linear-gradient(135deg, #4b0082, #7b68ee)
}

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

.zrpice {
    background: linear-gradient(135deg, #2b0000, #8b0000, #ff1a1a, #000, #1a1a1a, #ff1a1a, #8b0000);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.kolowrat {
    background: linear-gradient(270deg, #f00, #ff4500, #ffae00, #ff0, #ffae00, #ff4500, #f00);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.megumyy {
    background: linear-gradient(270deg, #2e004f, #8a2be2, #f0f, #4b0082, #1a0033, #ff69b4, #9400d3);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.amerima {
    background: linear-gradient(270deg, #b31942, #fff, #0a3161, #fff, #b31942);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.malboro {
    background: linear-gradient(270deg, #f00, #fff, #f00, #fff);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.emptys {
    background: linear-gradient(270deg, #000, #2b2b2b, #5a5a5a, #9a9a9a, #5a5a5a, #2b2b2b, #000);
    background-size: 400% 400%;
    animation: AnimNic 10s ease infinite
}

.furmangroup {
    background: linear-gradient(135deg, #ff9a9e, #fad0c4, #fbc2eb)
}

.furmanvip {
    background: linear-gradient(135deg, #00c6ff, #7f00ff, #f0c)
}

.crmp {
    background: linear-gradient(135deg, #0ff, #f0f, #4b0082)
}

.respachegroup {
    background: linear-gradient(135deg, #f00, #000)
}

.admforum {
    background: linear-gradient(135deg, #ff512f, #ff9f00);
    box-shadow: 0 0 22px rgba(255,120,0,0.8)
}

.zrykproektaall {
    background: linear-gradient(135deg, #ff512f, #ff9f00);
    box-shadow: 0 0 22px rgba(255,60,0,0.8)
}

.username--style90 {
    color: #ffaf38;
    font-weight: bold;
    text-shadow: #c0f 1px 1px 10px;
    border-raduis: 10px;
    border-radius: 8px;
    background: linear-gradient(270deg, #f00, #6e48aa, #9d50bb, #f00, #9932cc, #b0284d, #497fff, #9400d3, #f00, #7442c8, #8a2be2, #f00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 900% 20%;
    color: #1000f2;
    animation: AnimNic 10s ease infinite
}

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

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

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

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 3px 6px;
    text-align: center;
    border-radius: 6px;
    letter-spacing: 0.5px;
    background-size: 300% 300%;
    animation: liquidColors 6s ease-in-out infinite,glowFlow 6s ease-in-out infinite
}

.label.v {
    background-image: linear-gradient(-45deg, #ff1e1e, #ff4d4d, #c00, #f33);
    --glow1: #ff4d4d;
    --glow2: #f00
}

.label.ras {
    background-image: linear-gradient(-45deg, #04f, #6e84ff, #001faa, #5570ff);
    --glow1: #6e84ff;
    --glow2: #04f
}

.label.otk {
    background-image: linear-gradient(-45deg, #0a0, #5e7, #070, #3c5);
    --glow1: #5e7;
    --glow2: #0a0
}

.label.rasm {
    background-image: linear-gradient(-45deg, #e70, #ffb066, #b50, #f93);
    --glow1: #ffb066;
    --glow2: #e70
}

.label.inf {
    background-image: linear-gradient(-45deg, #fb0, #ffe066, #d49a00, #fc3);
    --glow1: #ffe066;
    --glow2: #fb0
}

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

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

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

@keyframes glowFlow {
    0% {
        box-shadow: 0 0 2px var(--glow1),0 0 4px var(--glow2)
    }

    50% {
        box-shadow: 0 0 4px var(--glow2),0 0 6px var(--glow1)
    }

    100% {
        box-shadow: 0 0 2px var(--glow1),0 0 4px var(--glow2)
    }
}

.dagovsky {
    padding: 6px 12px 8px;
    border-radius: 12px;
    border: 2px solid #8a2be2;
    font-size: 13px;
    line-height: 1;
    position: relative;
    transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
    background: linear-gradient(45deg, #8a2be2 0%, #4b0082 20%, #000 40%, #9400d3 60%, #8a2be2 80%, #4b0082 100%);
    background-size: 400% 400%;
    box-shadow: 0 0 12px rgba(138,43,226,0.7),0 0 25px rgba(148,0,211,0.5),inset 0 0 8px rgba(0,0,0,0.7);
    color: white !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.9),0 0 6px rgba(138,43,226,0.8);
    letter-spacing: 0.8px;
    animation: dag-flow 6s linear infinite,dag-glow 3s ease-in-out infinite alternate
}

.dagovsky::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 14px;
    background: linear-gradient(45deg, #9d00ff, #8a2be2, #9400d3, #4b0082);
    background-size: 400% 400%;
    z-index: -1;
    animation: dag-border 4s linear infinite;
    opacity: 0.6;
    filter: blur(6px)
}

.dagovsky::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 10px;
    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);
    z-index: 1;
    pointer-events: none
}

.dagovsky:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 0 20px rgba(138,43,226,0.9),0 0 35px rgba(148,0,211,0.7),0 0 50px rgba(75,0,130,0.5),inset 0 0 10px rgba(0,0,0,0.8);
    animation-duration: 4s,2s;
    border-color: #9d00ff
}

@keyframes dag-flow {
    0% {
        background-position: 0% 50%
    }

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

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

@keyframes dag-glow {
    0% {
        box-shadow: 0 0 12px rgba(138,43,226,0.7),0 0 25px rgba(148,0,211,0.5),inset 0 0 8px rgba(0,0,0,0.7)
    }

    100% {
        box-shadow: 0 0 15px rgba(138,43,226,0.8),0 0 30px rgba(148,0,211,0.6),0 0 45px rgba(75,0,130,0.4),inset 0 0 10px rgba(0,0,0,0.8)
    }
}

@keyframes dag-border {
    0% {
        background-position: 0% 0%;
        opacity: 0.5
    }

    50% {
        background-position: 100% 100%;
        opacity: 0.7
    }

    100% {
        background-position: 0% 0%;
        opacity: 0.5
    }
}

.dagovsky span {
    position: relative;
    z-index: 2
}

fieldset.pf-offtop {
    padding: 6px 12px 8px;
    border-radius: 12px;
    border: 3px solid #ffd700;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    transition: background .3s ease
}

fieldset.pf-offtop legend {
    font-weight: 600;
    padding: 2px 8px;
    margin-left: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #ffd700;
    background-color: rgba(255,215,0,0.2);
    transition: background-color .3s ease,font-size .3s ease
}

fieldset.pf-offtop:hover legend {
    font-size: 15px;
    background-color: rgba(255,215,0,0.25)
}

fieldset.pf-offtop p {
    margin: 0
}

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

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

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

.node {
    transition: all .3s ease;
    cursor: pointer
}

.node:hover {
    transform: scale(1.01);
    box-shadow: 0 0 15px rgba(255,107,0,0.7),0 5px 15px rgba(0,0,0,0.1);
    z-index: 10;
    outline: 2px solid rgba(255,107,0,0.8);
    outline-offset: 2px
}

.node.archive-node:hover {
    background-color: rgba(0,123,255,0.1);
    border-color: #007bff;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(0,123,255,0.2)
}

.node.new-node:hover {
    background-color: rgba(40,167,69,0.1);
    border-color: #28a745;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(40,167,69,0.2)
}

.node.themes-node:hover {
    background-color: rgba(255,193,7,0.1);
    border-color: #ffc107;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(255,193,7,0.2)
}

.node.messages-node:hover {
    background-color: rgba(220,53,69,0.1);
    border-color: #dc3545;
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(220,53,69,0.2)
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(255,107,0,0.5)
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(255,107,0,0.8)
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(255,107,0,0.5)
    }
}

@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(255,107,0,0.5)
    }

    50% {
        box-shadow: 0 0 20px rgba(255,107,0,0.9),0 0 30px rgba(255,107,0,0.6)
    }

    100% {
        box-shadow: 0 0 5px rgba(255,107,0,0.5)
    }
}

.node-active {
    animation: pulse 2s infinite
}

.node-active:hover {
    animation: none;
    box-shadow: 0 0 25px rgba(255,107,0,0.9),0 5px 20px rgba(0,0,0,0.15);
    outline: 3px solid rgba(255,107,0,0.9)
}

.node-glow:hover {
    animation: glow 1.5s infinite
}

.node-content {
    transition: all .3s ease
}

.node:hover .node-content {
    color: #ff6b00;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(255,107,0,0.3)
}

.burial-bureau-node:hover {
    transform: scale(1.03);
    background-color: rgba(108,117,125,0.1);
    border-color: #6c757d;
    box-shadow: 0 0 25px rgba(255,107,0,0.8),0 8px 25px rgba(0,0,0,0.15);
    outline: 2px solid rgba(255,107,0,0.7)
}

.burial-bureau-node:hover .node-content {
    color: #ff8533;
    text-shadow: 0 0 10px rgba(255,107,0,0.4)
}

.node-intense-glow:hover {
    box-shadow: 0 0 30px rgba(255,107,0,0.9),0 0 40px rgba(255,107,0,0.5),0 5px 20px rgba(0,0,0,0.2);
    outline: 3px solid rgba(255,107,0,0.9);
    outline-offset: 3px
}

.dark-theme .node:hover {
    box-shadow: 0 0 20px rgba(255,107,0,0.8),0 5px 15px rgba(255,255,255,0.1)
}

.node:hover .dark-theme .node-content {
    color: #ff944d;
    text-shadow: 0 0 10px rgba(255,107,0,0.5)
}

.node-premium {
    position: relative
}

.node-premium:hover:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, rgba(255,107,0,0.8), rgba(255,165,0,0.8), rgba(255,107,0,0.8));
    border-radius: inherit;
    z-index: -1;
    animation: rotate-gradient 3s linear infinite
}

@keyframes rotate-gradient {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.p-body,.p-pageWrapper {
    animation: xfFadeIn .7s ease-out
}

@keyframes xfFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.username {
    cursor: pointer;
    position: relative;
    transition: color .25s ease,text-shadow .25s ease,transform .15s ease
}

.username:hover {
    color: #ff2a2a;
    text-shadow: 0 0 6px rgba(255,42,42,0.6)
}

.username:active {
    transform: scale(.95)
}

.btn {
    --fancy-button-gradient-0: #ff8a00;
    --fancy-button-gradient-50: #ff6a00;
    --fancy-button-gradient-100: #ff4500;
    --fancy-button-inner-shadow-top: rgba(255,220,180,0.35);
    --fancy-button-inner-shadow-top-lg: rgba(120,40,0,0.18);
    --fancy-button-inner-shadow-bottom: rgba(255,180,90,0.45);
    --fancy-button-shine-top: #ffe1b5;
    --fancy-button-shine-bottom: #ffd28a;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    text-shadow: 0px .5px .5px rgba(0,0,0,0.25);
    padding: 0;
    margin: 0;
    appearance: none;
    border: none;
    outline: none;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
    border-radius: 25px;
    color: #fff;
    background-image: linear-gradient(to bottom, var(--fancy-button-gradient-0) 0%, var(--fancy-button-gradient-50) 50%, var(--fancy-button-gradient-100) 100%);
    box-shadow: 0px 6px 16px rgba(120,40,0,0.35),0px 3px 8px rgba(120,40,0,0.25),0px 1px 3px var(--fancy-button-inner-shadow-top-lg),inset 0px 1px 2px var(--fancy-button-inner-shadow-top),inset 0px -2px 4px var(--fancy-button-inner-shadow-bottom);
    height: 40px;
    width: 60%
}

.btn:before,.btn:after {
    content: "";
    position: absolute;
    border-radius: inherit;
    will-change: transform
}

.btn:before {
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--fancy-button-shine-top);
    width: 96px;
    height: 6px;
    top: -3px;
    opacity: 0.6;
    filter: blur(6px);
    transition: opacity .25s
}

.btn:after {
    inset: 0;
    background-size: cover;
    z-index: 2;
    opacity: 0.3;
    mix-blend-mode: overlay;
    pointer-events: none
}

.btn span {
    display: block;
    padding: 12px 24px;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(to bottom, var(--fancy-button-shine-top), transparent 8px);
    background-position: 0 -6px;
    background-repeat: no-repeat;
    z-index: 1
}

.btn span:before,.btn span:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background-color: var(--fancy-button-shine-bottom);
    transition: opacity .25s,transform .25s;
    will-change: transform
}

.btn span:before {
    width: 92px;
    height: 15px;
    bottom: -4px;
    opacity: 0.75;
    filter: blur(6px)
}

.btn span:after {
    width: 112px;
    height: 1px;
    bottom: 0;
    opacity: 0.9;
    filter: blur(1px)
}

.btn:hover span:before {
    opacity: 0.8
}

.btn:hover span:before {
    transform: translateX(-50%) scale(1.25)
}

.btn:hover span:after {
    opacity: 1
}

.label.ojd {
    background-image: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 45%, #262626 55%, #4a4a4a 100%);
    --glow1: #999;
    --glow2: #222;
    border: 1px solid #444;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5)
}

fieldset.svg-offtop {
    background: rgba(242,244,255,0.04);
    border: 1px solid #ff8e00;
    border-left-width: 3px;
    padding: 5px 10px 10px;
    border-radius: 2px
}

fieldset.svg-offtop legend {
    color: #fefefe;
    font-weight: 500;
    padding: 0 5px;
    margin-left: 10px;
    transition: font-size .5s ease-out .3s
}

fieldset.svg-offtop p {
    font-size: 13px;
    color: #bfc0c4;
    margin: 0
}

fieldset:hover legend {
    font-size: 20%
}

Вставляешь в extra.less

Где найти extra.less?
Ответ: Панель управления - внешний вид - шаблоны - поисковая строка - extra.less

Потом копируешь код и вставляешь, если у тебя был код в extra.less не этот то удали и вставь этот.

Как зделать баннер?
Ответ: Панель управления - группы и прова - выбираешь/создаёшь группу пользователей.
Листаешь до низу где выбираешь цвет баннера та будет строка - использовать CSS класса нажимаешь и вставляешь туда вот ниже

Код:

вот все CSS слова которые можно вставлять!
razrab
stadm
redadmin
admin
Gladmin
ZGadmin
osnovatel
super
rykproekta
mlmoder
stmod
moder
soskags
soskazgs
teh
ga
lider
kur
vkteam
zablok
user
sledfrac
*//сервера//*:
grand
black
sueta
hassle
*//продолжение ролей администрации//*
project
sponsor
spec
zrpice
*//семьи//*
furmangroup
furmanvip
crmp
respachegroup
*//чисто главы//*
admforum
zrykproektaall
*//семьи #2/*
kolowrat
emptys
megumyy
amerima
malboro

Надеюсь помог

23 Фев 2026

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻' написал(а):
Напиши одним сообщением и еще бы скриншоты приложи чем помочь помогу, если тебе нужно чтобы у тебя отображались баннеры то держи;

Код

Вставляешь в extra.less

Где найти extra.less?
Ответ: Панель управления - внешний вид - шаблоны - поисковая строка - extra.less

Потом копируешь код и вставляешь, если у тебя был код в extra.less не этот то удали и вставь этот.

Как зделать баннер?
Ответ: Панель управления - группы и прова - выбираешь/создаёшь группу пользователей.
Листаешь до низу где выбираешь цвет баннера та будет строка - использовать CSS класса нажимаешь и вставляешь туда вот ниже

Код:

вот все CSS слова которые можно вставлять! razrab stadm redadmin admin Gladmin ZGadmin osnovatel super rykproekta mlmoder stmod moder soskags soskazgs teh ga lider kur vkteam zablok user sledfrac *//сервера//*: grand black sueta hassle *//продолжение ролей администрации//* project sponsor spec zrpice *//семьи//* furmangroup furmanvip crmp respachegroup *//чисто главы//* admforum zrykproektaall *//семьи #2/* kolowrat emptys megumyy amerima malboro

Надеюсь помог

Все коды взял у @Browns

Sanya292728 · 23 Фев 2026

23 Фев 2026

Sanya292728 написал(а):
Sps

Реакцию пж

Sanya292728 · 23 Фев 2026

Стой а вот 2 куда вставлятт

23 Фев 2026

Sanya292728 написал(а):
Стой а вот 2 куда вставлятт

Не куда. Там слова и их копируй в вставляй в CSS баннера

23 Фев 2026

Крч щас тутор дам жди буквально 5 минуточек

Поиск

Welcome!

Баннеры crmp online new 2026

Browns

Вложения

heartless

never stress

Browns

Sanya292728

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻'

Осуждён за гениальность или проклят за талант?

Sanya292728

heartless

never stress

Sanya292728

Sanya292728

Вложения

Sanya292728

heartless

never stress

Sanya292728

Sanya292728

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻'

Осуждён за гениальность или проклят за талант?

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻'

Осуждён за гениальность или проклят за талант?

Sanya292728

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻'

Осуждён за гениальность или проклят за талант?

Sanya292728

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻'

Осуждён за гениальность или проклят за талант?

'𝗔𝘀𝘁𝗿𝗮𝗹' '𝗚𝗲𝗻𝘁𝗹𝗲𝗺𝗮𝗻'

Осуждён за гениальность или проклят за талант?