Решено Баннеры KING RUSSIA 2025

WERZZZP · Понедельник в 18:17

Дайте, баннеры новые с Кинг раша

Dev Cold · Понедельник в 18:21

Код:

.forum,.glavadm,.kk,.dir,.server1a,.server1l,.zga,.prmanager,.f5,.f6,.f7,.f8,.f9,.f4,.f3,.f2,.f1,.moroz,.modr,.vklad,.sliva,.legend,.gltest,.sist,.mlmoder,.stmoder,.zgta,.techadm,.adm,.stadm,.razrab,.dima,.vlad,.glavsled,.zamglavsled,.lider,.kur,.rykvod,.userBanner.userBanner--staff,.pomtech,.server2a,.server3l,.server3a,.server4a,.server2l,.ban,.specadm {
    color: rgba(255,255,255,0.95);
    border: none;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: default;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-height: 30px;
    margin: 0 4px 5px 0;
    line-height: 1.2;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(30,30,40,0.65) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.1);
    border: 1.5px solid;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3)
}

.forum::after,.glavadm::after,.kk::after,.dir::after,.server1a::after,.server1l::after,.zga::after,.prmanager::after,.f5::after,.f6::after,.f7::after,.f8::after,.f9::after,.f4::after,.f3::after,.f2::after,.f1::after,.moroz::after,.modr::after,.vklad::after,.sliva::after,.legend::after,.gltest::after,.sist::after,.mlmoder::after,.stmoder::after,.zgta::after,.techadm::after,.adm::after,.stadm::after,.razrab::after,.dima::after,.vlad::after,.glavsled::after,.zamglavsled::after,.lider::after,.kur::after,.rykvod::after,.userBanner.userBanner--staff::after,.pomtech::after,.server2a::after,.server3l::after,.server3a::after,.server4a::after,.server2l::after,.ban::after,.specadm::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0.9;
    filter: blur(.5px);
    animation: neonPulse 3s ease-in-out infinite
}

@keyframes neonPulse {
    0%,100% {
        opacity: 0.6;
        transform: scale(.9)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }
}

.forum:hover,.glavadm:hover,.kk:hover,.dir:hover,.server1a:hover,.server1l:hover,.zga:hover,.prmanager:hover,.f5:hover,.f6:hover,.f7:hover,.f8:hover,.f9:hover,.f4:hover,.f3:hover,.f2:hover,.f1:hover,.moroz:hover,.modr:hover,.vklad:hover,.sliva:hover,.legend:hover,.gltest:hover,.sist:hover,.mlmoder:hover,.stmoder:hover,.zgta:hover,.techadm:hover,.adm:hover,.stadm:hover,.razrab:hover,.dima:hover,.vlad:hover,.glavsled:hover,.zamglavsled:hover,.lider:hover,.kur:hover,.rykvod:hover,.userBanner.userBanner--staff:hover,.pomtech:hover,.server2a:hover,.server3l:hover,.server3a:hover,.server4a:hover,.server2l:hover,.ban:hover,.specadm:hover {
    transform: translateY(-2px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.1),0 0 15px currentColor,inset 0 1px 0 rgba(255,255,255,0.2);
    z-index: 10
}

.forum {
    border-color: #C266FF;
    box-shadow: 0 0 10px rgba(194,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.forum::after {
    background: #C266FF;
    box-shadow: 0 0 8px #c266ff
}

.glavadm {
    border-color: #00FF88;
    box-shadow: 0 0 10px rgba(0,255,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.glavadm::after {
    background: #00FF88;
    box-shadow: 0 0 8px #0f8
}

.kk {
    border-color: #00F0FF;
    box-shadow: 0 0 10px rgba(0,240,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.kk::after {
    background: #00F0FF;
    box-shadow: 0 0 8px #00f0ff
}

.dir {
    border-color: #FF3366;
    box-shadow: 0 0 10px rgba(255,51,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.dir::after {
    background: #FF3366;
    box-shadow: 0 0 8px #f36
}

.server1a {
    border-color: #FF3333;
    box-shadow: 0 0 10px rgba(255,51,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server1a::after {
    background: #FF3333;
    box-shadow: 0 0 8px #f33
}

.server1l {
    border-color: #FF5555;
    box-shadow: 0 0 10px rgba(255,85,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server1l::after {
    background: #FF5555;
    box-shadow: 0 0 8px #f55
}

.zga {
    border-color: #6AFF7A;
    box-shadow: 0 0 10px rgba(106,255,122,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.zga::after {
    background: #6AFF7A;
    box-shadow: 0 0 8px #6aff7a
}

.prmanager {
    border-color: #FFAA33;
    box-shadow: 0 0 10px rgba(255,170,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.prmanager::after {
    background: #FFAA33;
    box-shadow: 0 0 8px #fa3
}

.f5 {
    border-color: #FF66AA;
    box-shadow: 0 0 10px rgba(255,102,170,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f5::after {
    background: #FF66AA;
    box-shadow: 0 0 8px #f6a
}

.f6 {
    border-color: #FFD700;
    box-shadow: 0 0 10px rgba(255,215,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #FFFFFF
}

.f6::after {
    background: #FFD700;
    box-shadow: 0 0 8px #ffd700
}

.f7 {
    border-color: #FF9933;
    box-shadow: 0 0 10px rgba(255,153,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f7::after {
    background: #FF9933;
    box-shadow: 0 0 8px #f93
}

.f8 {
    border-color: #44FF77;
    box-shadow: 0 0 10px rgba(68,255,119,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f8::after {
    background: #44FF77;
    box-shadow: 0 0 8px #4f7
}

.f9 {
    border-color: #55FF88;
    box-shadow: 0 0 10px rgba(85,255,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f9::after {
    background: #55FF88;
    box-shadow: 0 0 8px #5f8
}

.f4 {
    border-color: #66FF99;
    box-shadow: 0 0 10px rgba(102,255,153,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f4::after {
    background: #66FF99;
    box-shadow: 0 0 8px #6f9
}

.f3 {
    border-color: #888;
    box-shadow: 0 0 10px rgba(136,136,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f3::after {
    background: #888;
    box-shadow: 0 0 8px #888
}

.f2 {
    border-color: #66FFFF;
    box-shadow: 0 0 10px rgba(102,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #222
}

.f2::after {
    background: #66FFFF;
    box-shadow: 0 0 8px #6ff
}

.f1 {
    border-color: #CC66FF;
    box-shadow: 0 0 10px rgba(204,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f1::after {
    background: #CC66FF;
    box-shadow: 0 0 8px #c6f
}

.moroz {
    border-color: #66CCFF;
    box-shadow: 0 0 10px rgba(102,204,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.moroz::after {
    background: #66CCFF;
    box-shadow: 0 0 8px #6cf
}

.modr {
    border-color: #FF99CC;
    box-shadow: 0 0 10px rgba(255,153,204,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.modr::after {
    background: #FF99CC;
    box-shadow: 0 0 8px #f9c
}

.vklad {
    border-color: #6688FF;
    box-shadow: 0 0 10px rgba(102,136,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.vklad::after {
    background: #6688FF;
    box-shadow: 0 0 8px #68f
}

.sliva {
    border-color: #FF77AA;
    box-shadow: 0 0 10px rgba(255,119,170,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.sliva::after {
    background: #FF77AA;
    box-shadow: 0 0 8px #f7a
}

.legend {
    border-color: #D966FF;
    box-shadow: 0 0 10px rgba(217,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.legend::after {
    background: #D966FF;
    box-shadow: 0 0 8px #d966ff
}

.gltest {
    border-color: #FFFF66;
    box-shadow: 0 0 10px rgba(255,255,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #222
}

.gltest::after {
    background: #FFFF66;
    box-shadow: 0 0 8px #ff6
}

.sist {
    border-color: #66E0FF;
    box-shadow: 0 0 10px rgba(102,224,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.sist::after {
    background: #66E0FF;
    box-shadow: 0 0 8px #66e0ff
}

.mlmoder {
    border-color: #77DDFF;
    box-shadow: 0 0 10px rgba(119,221,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.mlmoder::after {
    background: #77DDFF;
    box-shadow: 0 0 8px #7df
}

.stmoder {
    border-color: #88EEFF;
    box-shadow: 0 0 10px rgba(136,238,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.stmoder::after {
    background: #88EEFF;
    box-shadow: 0 0 8px #8ef
}

.zgta {
    border-color: #FF88CC;
    box-shadow: 0 0 10px rgba(255,136,204,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.zgta::after {
    background: #FF88CC;
    box-shadow: 0 0 8px #f8c
}

.techadm {
    border-color: #FF8844;
    box-shadow: 0 0 10px rgba(255,136,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.techadm::after {
    background: #FF8844;
    box-shadow: 0 0 8px #f84
}

.adm {
    border-color: #FFCC44;
    box-shadow: 0 0 10px rgba(255,204,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.adm::after {
    background: #FFCC44;
    box-shadow: 0 0 8px #fc4
}

.stadm {
    border-color: #FFDD55;
    box-shadow: 0 0 10px rgba(255,221,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.stadm::after {
    background: #FFDD55;
    box-shadow: 0 0 8px #fd5
}

.razrab {
    border-color: #FF4466;
    box-shadow: 0 0 10px rgba(255,68,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.razrab::after {
    background: #FF4466;
    box-shadow: 0 0 8px #f46
}

.dima {
    border-color: #FF99DD;
    box-shadow: 0 0 10px rgba(255,153,221,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.dima::after {
    background: #FF99DD;
    box-shadow: 0 0 8px #f9d
}

.vlad {
    border-color: #FF3355;
    box-shadow: 0 0 10px rgba(255,51,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.vlad::after {
    background: #FF3355;
    box-shadow: 0 0 8px #f35
}

.glavsled {
    border-color: #4477FF;
    box-shadow: 0 0 10px rgba(68,119,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.glavsled::after {
    background: #4477FF;
    box-shadow: 0 0 8px #47f
}

.zamglavsled {
    border-color: #5588FF;
    box-shadow: 0 0 10px rgba(85,136,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.zamglavsled::after {
    background: #5588FF;
    box-shadow: 0 0 8px #58f
}

.lider {
    border-color: #FFEE66;
    box-shadow: 0 0 10px rgba(255,238,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.lider::after {
    background: #FFEE66;
    box-shadow: 0 0 8px #fe6
}

.kur {
    border-color: #AA88FF;
    box-shadow: 0 0 10px rgba(170,136,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.kur::after {
    background: #AA88FF;
    box-shadow: 0 0 8px #a8f
}

.rykvod {
    border-color: #FF2244;
    box-shadow: 0 0 10px rgba(255,34,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.rykvod::after {
    background: #FF2244;
    box-shadow: 0 0 8px #f24
}

.userBanner.userBanner--staff {
    border-color: #FF5555;
    box-shadow: 0 0 10px rgba(255,85,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.userBanner.userBanner--staff::after {
    background: #FF5555;
    box-shadow: 0 0 8px #f55
}

.pomtech {
    border-color: #FF9966;
    box-shadow: 0 0 10px rgba(255,153,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.pomtech::after {
    background: #FF9966;
    box-shadow: 0 0 8px #f96
}

.server2a {
    border-color: #44FF44;
    box-shadow: 0 0 10px rgba(68,255,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server2a::after {
    background: #44FF44;
    box-shadow: 0 0 8px #4f4
}

.server3l {
    border-color: #4477FF;
    box-shadow: 0 0 10px rgba(68,119,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server3l::after {
    background: #4477FF;
    box-shadow: 0 0 8px #47f
}

.server3a {
    border-color: #6699FF;
    box-shadow: 0 0 10px rgba(102,153,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server3a::after {
    background: #6699FF;
    box-shadow: 0 0 8px #69f
}

.server4a {
    border-color: #FFFF44;
    box-shadow: 0 0 10px rgba(255,255,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #222
}

.server4a::after {
    background: #FFFF44;
    box-shadow: 0 0 8px #ff4
}

.server2l {
    border-color: #66FF66;
    box-shadow: 0 0 10px rgba(102,255,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server2l::after {
    background: #66FF66;
    box-shadow: 0 0 8px #6f6
}

.ban {
    border-color: #666;
    box-shadow: 0 0 10px rgba(102,102,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.ban::after {
    background: #FF3333;
    box-shadow: 0 0 8px #f33
}

.specadm {
    border-color: #FF3366;
    box-shadow: 0 0 10px rgba(255,51,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.specadm::after {
    background: #FF3366;
    box-shadow: 0 0 8px #f36
}

@media (max-width: 768px) {
    .forum,.glavadm,.kk,.dir,.server1a,.server1l,.zga,.prmanager,.f5,.f6,.f7,.f8,.f9,.f4,.f3,.f2,.f1,.moroz,.modr,.vklad,.sliva,.legend,.gltest,.sist,.mlmoder,.stmoder,.zgta,.techadm,.adm,.stadm,.razrab,.dima,.vlad,.glavsled,.zamglavsled,.lider,.kur,.rykvod,.userBanner.userBanner--staff,.pomtech,.server2a,.server3l,.server3a,.server4a,.server2l,.ban,.specadm {
        font-size:0.6rem;
        padding: 4px 10px;
        min-height: 26px;
        border-radius: 8px;
        margin: 0 2px 3px 0;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px)
    }

    .forum::after,.glavadm::after,.kk::after,.dir::after,.server1a::after,.server1l::after,.zga::after,.prmanager::after,.f5::after,.f6::after,.f7::after,.f8::after,.f9::after,.f4::after,.f3::after,.f2::after,.f1::after,.moroz::after,.modr::after,.vklad::after,.sliva::after,.legend::after,.gltest::after,.sist::after,.mlmoder::after,.stmoder::after,.zgta::after,.techadm::after,.adm::after,.stadm::after,.razrab::after,.dima::after,.vlad::after,.glavsled::after,.zamglavsled::after,.lider::after,.kur::after,.rykvod::after,.userBanner.userBanner--staff::after,.pomtech::after,.server2a::after,.server3l::after,.server3a::after,.server4a::after,.server2l::after,.ban::after,.specadm::after {
        display: none
    }
}

.message .message-user .userBannerWrapper {
    margin-bottom: 6px !important
}

.message .message-user .userBanner {
    margin: 2px 4px 4px 0 !important
}

@media (prefers-color-scheme: dark) {
    .forum,.glavadm,.kk,.dir,.server1a,.server1l,.zga,.prmanager,.f5,.f6,.f7,.f8,.f9,.f4,.f3,.f2,.f1,.moroz,.modr,.vklad,.sliva,.legend,.gltest,.sist,.mlmoder,.stmoder,.zgta,.techadm,.adm,.stadm,.razrab,.dima,.vlad,.glavsled,.zamglavsled,.lider,.kur,.rykvod,.userBanner.userBanner--staff,.pomtech,.server2a,.server3l,.server3a,.server4a,.server2l,.ban,.specadm {
        background:rgba(20,20,30,0.7) !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2)
    }
}

WERZZZP · Понедельник в 18:24

- не, то в низу пример

Dev Cold · Понедельник в 18:25

тогда дай ссылку где именно такие баннера

WERZZZP · Понедельник в 18:26

Dev Cold написал(а):
тогда дай ссылку где именно такие баннера

http://forum.boldrussia.online

Dev Cold · Понедельник в 18:27

абсолютно такие же баннера

Pawn:

.forum,.glavadm,.kk,.dir,.server1a,.server1l,.zga,.prmanager,.f5,.f6,.f7,.f8,.f9,.f4,.f3,.f2,.f1,.moroz,.modr,.vklad,.sliva,.legend,.gltest,.sist,.mlmoder,.stmoder,.zgta,.techadm,.adm,.stadm,.razrab,.dima,.vlad,.glavsled,.zamglavsled,.lider,.kur,.rykvod,.userBanner.userBanner--staff,.pomtech,.server2a,.server3l,.server3a,.server4a,.server2l,.ban,.specadm {
    color: rgba(255,255,255,0.95);
    border: none;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: default;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-height: 30px;
    margin: 0 4px 5px 0;
    line-height: 1.2;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(30,30,40,0.65) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.1);
    border: 1.5px solid;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3)
}

.forum::after,.glavadm::after,.kk::after,.dir::after,.server1a::after,.server1l::after,.zga::after,.prmanager::after,.f5::after,.f6::after,.f7::after,.f8::after,.f9::after,.f4::after,.f3::after,.f2::after,.f1::after,.moroz::after,.modr::after,.vklad::after,.sliva::after,.legend::after,.gltest::after,.sist::after,.mlmoder::after,.stmoder::after,.zgta::after,.techadm::after,.adm::after,.stadm::after,.razrab::after,.dima::after,.vlad::after,.glavsled::after,.zamglavsled::after,.lider::after,.kur::after,.rykvod::after,.userBanner.userBanner--staff::after,.pomtech::after,.server2a::after,.server3l::after,.server3a::after,.server4a::after,.server2l::after,.ban::after,.specadm::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0.9;
    filter: blur(.5px);
    animation: neonPulse 3s ease-in-out infinite
}

.close {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    background-size: 200% 200%;
    animation: gradientShimmer 3s ease infinite;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15);
    background: linear-gradient(150deg, #f00, #b22222);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15),0 0 6px rgba(255,0,0,0.4)
}

.consideration1 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    background-size: 200% 200%;
    animation: gradientShimmer 3s ease infinite;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15);
    background: linear-gradient(150deg, #9e9e9e, #607d8b)
}

.tex {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    background-size: 200% 200%;
    animation: gradientShimmer 3s ease infinite;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15);
    background: linear-gradient(150deg, #3f51b5, #2196f3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15),0 0 6px #00bcd4
}

.open {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    background-size: 200% 200%;
    animation: gradientShimmer 3s ease infinite;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15);
    background: linear-gradient(150deg, #0f0, #32cd32);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15),0 0 6px rgba(0,255,0,0.4)
}

.consideration {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    background-size: 200% 200%;
    animation: gradientShimmer 3s ease infinite;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15);
    background: linear-gradient(150deg, #ffa500, #ff8c00);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2),0 2px 4px rgba(0,0,0,0.15),0 0 6px rgba(255,165,0,0.4)
}

@keyframes neonPulse {
    0%,100% {
        opacity: 0.6;
        transform: scale(.9)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }
}

.forum:hover,.glavadm:hover,.kk:hover,.dir:hover,.server1a:hover,.server1l:hover,.zga:hover,.prmanager:hover,.f5:hover,.f6:hover,.f7:hover,.f8:hover,.f9:hover,.f4:hover,.f3:hover,.f2:hover,.f1:hover,.moroz:hover,.modr:hover,.vklad:hover,.sliva:hover,.legend:hover,.gltest:hover,.sist:hover,.mlmoder:hover,.stmoder:hover,.zgta:hover,.techadm:hover,.adm:hover,.stadm:hover,.razrab:hover,.dima:hover,.vlad:hover,.glavsled:hover,.zamglavsled:hover,.lider:hover,.kur:hover,.rykvod:hover,.userBanner.userBanner--staff:hover,.pomtech:hover,.server2a:hover,.server3l:hover,.server3a:hover,.server4a:hover,.server2l:hover,.ban:hover,.specadm:hover {
    transform: translateY(-2px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.1),0 0 15px currentColor,inset 0 1px 0 rgba(255,255,255,0.2);
    z-index: 10
}

.forum {
    border-color: #C266FF;
    box-shadow: 0 0 10px rgba(194,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.forum::after {
    background: #C266FF;
    box-shadow: 0 0 8px #c266ff
}

.glavadm {
    border-color: #00FF88;
    box-shadow: 0 0 10px rgba(0,255,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.glavadm::after {
    background: #00FF88;
    box-shadow: 0 0 8px #0f8
}

.kk {
    border-color: #00F0FF;
    box-shadow: 0 0 10px rgba(0,240,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.kk::after {
    background: #00F0FF;
    box-shadow: 0 0 8px #00f0ff
}

.dir {
    border-color: #FF3366;
    box-shadow: 0 0 10px rgba(255,51,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.dir::after {
    background: #FF3366;
    box-shadow: 0 0 8px #f36
}

.server1a {
    border-color: #FF3333;
    box-shadow: 0 0 10px rgba(255,51,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server1a::after {
    background: #FF3333;
    box-shadow: 0 0 8px #f33
}

.server1l {
    border-color: #FF5555;
    box-shadow: 0 0 10px rgba(255,85,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server1l::after {
    background: #FF5555;
    box-shadow: 0 0 8px #f55
}

.zga {
    border-color: #6AFF7A;
    box-shadow: 0 0 10px rgba(106,255,122,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.zga::after {
    background: #6AFF7A;
    box-shadow: 0 0 8px #6aff7a
}

.prmanager {
    border-color: #FFAA33;
    box-shadow: 0 0 10px rgba(255,170,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.prmanager::after {
    background: #FFAA33;
    box-shadow: 0 0 8px #fa3
}

.f5 {
    border-color: #FF66AA;
    box-shadow: 0 0 10px rgba(255,102,170,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f5::after {
    background: #FF66AA;
    box-shadow: 0 0 8px #f6a
}

.f6 {
    border-color: #FFD700;
    box-shadow: 0 0 10px rgba(255,215,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #FFFFFF
}

.f6::after {
    background: #FFD700;
    box-shadow: 0 0 8px #ffd700
}

.f7 {
    border-color: #FF9933;
    box-shadow: 0 0 10px rgba(255,153,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f7::after {
    background: #FF9933;
    box-shadow: 0 0 8px #f93
}

.f8 {
    border-color: #44FF77;
    box-shadow: 0 0 10px rgba(68,255,119,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f8::after {
    background: #44FF77;
    box-shadow: 0 0 8px #4f7
}

.f9 {
    border-color: #55FF88;
    box-shadow: 0 0 10px rgba(85,255,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f9::after {
    background: #55FF88;
    box-shadow: 0 0 8px #5f8
}

.f4 {
    border-color: #66FF99;
    box-shadow: 0 0 10px rgba(102,255,153,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f4::after {
    background: #66FF99;
    box-shadow: 0 0 8px #6f9
}

.f3 {
    border-color: #888;
    box-shadow: 0 0 10px rgba(136,136,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f3::after {
    background: #888;
    box-shadow: 0 0 8px #888
}

.f2 {
    border-color: #66FFFF;
    box-shadow: 0 0 10px rgba(102,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #222
}

.f2::after {
    background: #66FFFF;
    box-shadow: 0 0 8px #6ff
}

.f1 {
    border-color: #CC66FF;
    box-shadow: 0 0 10px rgba(204,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.f1::after {
    background: #CC66FF;
    box-shadow: 0 0 8px #c6f
}

.moroz {
    border-color: #66CCFF;
    box-shadow: 0 0 10px rgba(102,204,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.moroz::after {
    background: #66CCFF;
    box-shadow: 0 0 8px #6cf
}

.modr {
    border-color: #FF99CC;
    box-shadow: 0 0 10px rgba(255,153,204,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.modr::after {
    background: #FF99CC;
    box-shadow: 0 0 8px #f9c
}

.vklad {
    border-color: #6688FF;
    box-shadow: 0 0 10px rgba(102,136,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.vklad::after {
    background: #6688FF;
    box-shadow: 0 0 8px #68f
}

.sliva {
    border-color: #FF77AA;
    box-shadow: 0 0 10px rgba(255,119,170,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.sliva::after {
    background: #FF77AA;
    box-shadow: 0 0 8px #f7a
}

.legend {
    border-color: #D966FF;
    box-shadow: 0 0 10px rgba(217,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.legend::after {
    background: #D966FF;
    box-shadow: 0 0 8px #d966ff
}

.gltest {
    border-color: #FFFF66;
    box-shadow: 0 0 10px rgba(255,255,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #222
}

.gltest::after {
    background: #FFFF66;
    box-shadow: 0 0 8px #ff6
}

.sist {
    border-color: #66E0FF;
    box-shadow: 0 0 10px rgba(102,224,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.sist::after {
    background: #66E0FF;
    box-shadow: 0 0 8px #66e0ff
}

.mlmoder {
    border-color: #77DDFF;
    box-shadow: 0 0 10px rgba(119,221,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.mlmoder::after {
    background: #77DDFF;
    box-shadow: 0 0 8px #7df
}

.stmoder {
    border-color: #88EEFF;
    box-shadow: 0 0 10px rgba(136,238,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.stmoder::after {
    background: #88EEFF;
    box-shadow: 0 0 8px #8ef
}

.zgta {
    border-color: #FF88CC;
    box-shadow: 0 0 10px rgba(255,136,204,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.zgta::after {
    background: #FF88CC;
    box-shadow: 0 0 8px #f8c
}

.techadm {
    border-color: #FF8844;
    box-shadow: 0 0 10px rgba(255,136,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.techadm::after {
    background: #FF8844;
    box-shadow: 0 0 8px #f84
}

.adm {
    border-color: #FFCC44;
    box-shadow: 0 0 10px rgba(255,204,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.adm::after {
    background: #FFCC44;
    box-shadow: 0 0 8px #fc4
}

.stadm {
    border-color: #FFDD55;
    box-shadow: 0 0 10px rgba(255,221,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.stadm::after {
    background: #FFDD55;
    box-shadow: 0 0 8px #fd5
}

.razrab {
    border-color: #FF4466;
    box-shadow: 0 0 10px rgba(255,68,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.razrab::after {
    background: #FF4466;
    box-shadow: 0 0 8px #f46
}

.dima {
    border-color: #FF99DD;
    box-shadow: 0 0 10px rgba(255,153,221,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.dima::after {
    background: #FF99DD;
    box-shadow: 0 0 8px #f9d
}

.vlad {
    border-color: #FF3355;
    box-shadow: 0 0 10px rgba(255,51,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.vlad::after {
    background: #FF3355;
    box-shadow: 0 0 8px #f35
}

.glavsled {
    border-color: #4477FF;
    box-shadow: 0 0 10px rgba(68,119,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.glavsled::after {
    background: #4477FF;
    box-shadow: 0 0 8px #47f
}

.zamglavsled {
    border-color: #5588FF;
    box-shadow: 0 0 10px rgba(85,136,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.zamglavsled::after {
    background: #5588FF;
    box-shadow: 0 0 8px #58f
}

.lider {
    border-color: #FFEE66;
    box-shadow: 0 0 10px rgba(255,238,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.lider::after {
    background: #FFEE66;
    box-shadow: 0 0 8px #fe6
}

.kur {
    border-color: #AA88FF;
    box-shadow: 0 0 10px rgba(170,136,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.kur::after {
    background: #AA88FF;
    box-shadow: 0 0 8px #a8f
}

.rykvod {
    border-color: #FF2244;
    box-shadow: 0 0 10px rgba(255,34,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.rykvod::after {
    background: #FF2244;
    box-shadow: 0 0 8px #f24
}

.userBanner.userBanner--staff {
    border-color: #FF5555;
    box-shadow: 0 0 10px rgba(255,85,85,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.userBanner.userBanner--staff::after {
    background: #FF5555;
    box-shadow: 0 0 8px #f55
}

.pomtech {
    border-color: #FF9966;
    box-shadow: 0 0 10px rgba(255,153,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.pomtech::after {
    background: #FF9966;
    box-shadow: 0 0 8px #f96
}

.server2a {
    border-color: #44FF44;
    box-shadow: 0 0 10px rgba(68,255,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server2a::after {
    background: #44FF44;
    box-shadow: 0 0 8px #4f4
}

.server3l {
    border-color: #4477FF;
    box-shadow: 0 0 10px rgba(68,119,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server3l::after {
    background: #4477FF;
    box-shadow: 0 0 8px #47f
}

.server3a {
    border-color: #6699FF;
    box-shadow: 0 0 10px rgba(102,153,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server3a::after {
    background: #6699FF;
    box-shadow: 0 0 8px #69f
}

.server4a {
    border-color: #FFFF44;
    box-shadow: 0 0 10px rgba(255,255,68,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #222
}

.server4a::after {
    background: #FFFF44;
    box-shadow: 0 0 8px #ff4
}

.server2l {
    border-color: #66FF66;
    box-shadow: 0 0 10px rgba(102,255,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.server2l::after {
    background: #66FF66;
    box-shadow: 0 0 8px #6f6
}

.ban {
    border-color: #666;
    box-shadow: 0 0 10px rgba(102,102,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.ban::after {
    background: #FF3333;
    box-shadow: 0 0 8px #f33
}

.specadm {
    border-color: #FF3366;
    box-shadow: 0 0 10px rgba(255,51,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1)
}

.specadm::after {
    background: #FF3366;
    box-shadow: 0 0 8px #f36
}

@media (max-width: 768px) {
    .forum,.glavadm,.kk,.dir,.server1a,.server1l,.zga,.prmanager,.f5,.f6,.f7,.f8,.f9,.f4,.f3,.f2,.f1,.moroz,.modr,.vklad,.sliva,.legend,.gltest,.sist,.mlmoder,.stmoder,.zgta,.techadm,.adm,.stadm,.razrab,.dima,.vlad,.glavsled,.zamglavsled,.lider,.kur,.rykvod,.userBanner.userBanner--staff,.pomtech,.server2a,.server3l,.server3a,.server4a,.server2l,.ban,.specadm {
        font-size:0.6rem;
        padding: 4px 10px;
        min-height: 26px;
        border-radius: 8px;
        margin: 0 2px 3px 0;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px)
    }

    .forum::after,.glavadm::after,.kk::after,.dir::after,.server1a::after,.server1l::after,.zga::after,.prmanager::after,.f5::after,.f6::after,.f7::after,.f8::after,.f9::after,.f4::after,.f3::after,.f2::after,.f1::after,.moroz::after,.modr::after,.vklad::after,.sliva::after,.legend::after,.gltest::after,.sist::after,.mlmoder::after,.stmoder::after,.zgta::after,.techadm::after,.adm::after,.stadm::after,.razrab::after,.dima::after,.vlad::after,.glavsled::after,.zamglavsled::after,.lider::after,.kur::after,.rykvod::after,.userBanner.userBanner--staff::after,.pomtech::after,.server2a::after,.server3l::after,.server3a::after,.server4a::after,.server2l::after,.ban::after,.specadm::after {
        display: none
    }
}

.message .message-user .userBannerWrapper {
    margin-bottom: 6px !important
}

.message .message-user .userBanner {
    margin: 2px 4px 4px 0 !important
}

@media (prefers-color-scheme: dark) {
    .forum,.glavadm,.kk,.dir,.server1a,.server1l,.zga,.prmanager,.f5,.f6,.f7,.f8,.f9,.f4,.f3,.f2,.f1,.moroz,.modr,.vklad,.sliva,.legend,.gltest,.sist,.mlmoder,.stmoder,.zgta,.techadm,.adm,.stadm,.razrab,.dima,.vlad,.glavsled,.zamglavsled,.lider,.kur,.rykvod,.userBanner.userBanner--staff,.pomtech,.server2a,.server3l,.server3a,.server4a,.server2l,.ban,.specadm {
        background:rgba(20,20,30,0.7) !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2)
    }
}

WERZZZP · Понедельник в 18:30

Спасибо, вот итог твои и эти.

WERZZZP · Понедельник в 18:31

Благодарю, решено!
Помогли .

Поиск

Welcome!

Решено Баннеры KING RUSSIA 2025

WERZZZP

Dev Cold

Dev Cold

WERZZZP

Dev Cold

WERZZZP

Dev Cold

WERZZZP

WERZZZP