Welcome!

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

SignUp Now!

Решено Как создать Краска куратора на CSS-класс

Статус
В этой теме нельзя размещать новые ответы.
Решение
pivnoy
General Larlov написал(а):
Посмотреть вложение 26689
Нажмите для раскрытия...
CSS: 
.userBanner--curatorPurple {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: #9676F5 !important;
border: 1px solid #B19BFF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(150, 118, 245, 0.45) !important;
}
Сортировка по дате Сортировка по голосам
pivnoy

pivnoy

Янв
227
66
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
General Larlov написал(а):
Сяб
Нажмите для раскрытия...
CSS: 
userBanner.userBanner--curatorPurple,
.userBanner--curatorPurple {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: #9676F5 !important;
    border: 1px solid #B19BFF !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
    box-shadow: 0 0 8px rgba(150, 118, 245, 0.45) !important;
}
 
Последнее редактирование модератором:
Позитивный голос 0 Негативный голос
VoinDrakona

VoinDrakona

Июл
36
3
Пользователь
General Larlov написал(а):
Сяб
Нажмите для раскрытия...
Ладно куратора те уже дали так что на екстра лесс блесс раши

Extra.less: 
@-webkit-keyframes flash-1 {

    0%,
    100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2)
    }
}

@keyframes flash-1 {

    0%,
    100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2)
    }
}

@-webkit-keyframes flash-2 {

    0%,
    100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px #0ff
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2)
    }
}

@keyframes flash-2 {

    0%,
    100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px #0ff
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2)
    }
}

@-webkit-keyframes flash-3 {

    0%,
    100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2)
    }
}

@keyframes flash-3 {

    0%,
    100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2)
    }
}

.test,
.vlad,
.dr,
.glavsled,
.zamglavsled,
.glavsledopg,
.zamglavsledopg,
.zamglavsledadm,
.glavsledadm,
.lider,
.kur,
.rykvod,
.pomtech,
.server2a,
.server3l,
.server3a,
.server4a,
.server2l,
.ban,
.specadm,
.moroz,
.modr,
.vklad,
.dima,
.legenda,
.legend,
.gltest,
.sist,
.mlmoder,
.stmoder,
.zgta,
.forum,
.techadm,
.adm,
.stadm,
.razrab,
.tpshka,
.tester,
.glavadm,
.kk,
.dir,
.gm,
.server1a,
.server1l,
.zga,
.prmanager,
.stsostav {
    color: #fff;
    border: 2px solid;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: default;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: all .2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-height: 28px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    margin: 0 2px 3px 0;
    line-height: 1.2;
    backdrop-filter: none
}

.glavsled,
.zamglavsled,
.glavsledopg,
.zamglavsledopg,
.glavsledadm,
.zamglavsledadm {
    padding: 5px 8px;
    font-size: 0.65rem;
    letter-spacing: 0.3px;
    min-height: 26px
}

.userBanner {
    margin: 0 3px 4px 0 !important
}

.server4a,
.tpshka,
.legenda,
.tester,
.kk,
.gltest {
    color: #000;
    text-shadow: none
}

.vlad::before,
.dr::before,
.legenda::before,
.glavsled::before,
.glavsledopg::before,
.zamglavsledadm::before,
.zamglavsled::before,
.zamglavsledopg::before,
.glavsledadm::before,
.lider::before,
.kur::before,
.rykvod::before,
.pomtech::before,
.server2a::before,
.server3l::before,
.server3a::before,
.server4a::before,
.server2l::before,
.ban::before,
.specadm::before,
.moroz::before,
.modr::before,
.vklad::before,
.dima::before,
.legend::before,
.gltest::before,
.sist::before,
.mlmoder::before,
.stmoder::before,
.zgta::before,
.techadm::before,
.adm::before,
.stadm::before,
.razrab::before,
.tpshka::before,
.tester::before,
.glavadm::before,
.kk::before,
.dir::before,
.forum::before .gm::before,
.legenda::before,
.server1a::before,
.server1l::before,
.zga::before,
.prmanager::before,
.stsostav::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 35%;
    right: 35%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.9) 70%, transparent 100%);
    border-radius: 1px;
    opacity: 0.8
}

.server4a::before,
.tpshka::before,
.legenda::before,
.tester::before,
.kk::before,
.gltest::before {
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 70%, transparent 100%)
}

.vlad::after,
.dr::after,
.legenda::after,
.glavsledopg::after,
.zamglavsledadm::after,
.zamglavsled::after,
.zamglavsledopg::after,
.glavsledadm::after,
.lider::after,
.kur::after,
.rykvod::after,
.pomtech::after,
.server2a::after,
.server3l::after,
.server3a::after,
.server4a::after,
.server2l::after,
.ban::after,
.specadm::after,
.moroz::after,
.modr::after,
.vklad::after,
.dima::after,
.legend::after,
.gltest::after,
.sist::after,
.mlmoder::after,
.stmoder::after,
.zgta::after,
.techadm::after,
.adm::after,
.stadm::after,
.razrab::after,
.tpshka::after,
.tester::after,
.glavadm::after,
.kk::after,
.dir::after,
.forum::after,
.gm::after,
.server1a::after,
.server1l::after,
.zga::after,
.prmanager::after,
.stsostav::after {
    margin-left: 5px;
    text-shadow: none;
    font-size: 0.8em;
    animation: subtleTwinkle 2.5s ease-in-out infinite
}

@keyframes subtleTwinkle {

    0%,
    100% {
        opacity: 0.9;
        transform: scale(1)
    }

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

.vlad:hover,
.dr:hover,
.legenda:hover,
.glavsled:hover,
.glavsledopg:hover,
.zamglavsledadm::hover,
.zamglavsled:hover,
.zamglavsledopg:hover,
.glavsledadm:hover,
.lider:hover,
.kur:hover,
.rykvod:hover,
.pomtech:hover,
.server2a:hover,
.server3l:hover,
.server3a:hover,
.server4a:hover,
.server2l:hover,
.ban:hover,
.specadm:hover,
.moroz:hover,
.modr:hover,
.forum:hover,
.vklad:hover,
.dima:hover,
.legend:hover,
.gltest:hover,
.sist:hover,
.mlmoder:hover,
.stmoder:hover,
.zgta:hover,
.techadm:hover,
.adm:hover,
.stadm:hover,
.razrab:hover,
.tpshka:hover,
.tester:hover,
.glavadm:hover,
.kk:hover,
.dir:hover,
.gm:hover,
.server1a:hover,
.server1l:hover,
.zga:hover,
.prmanager:hover,
.stsostav:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    filter: brightness(1.05);
    z-index: 1
}

.vlad {
    background: #d80000;
    border-color: #ff4444
}

.glavsled {
    background: #1878FF;
    border-color: #4DA0FF
}

.glavsledopg {
    background: #615af8;
    border-color: #8A84FF
}

.zamglavsled {
    background: #1878FF;
    border-color: #4DA0FF
}

.zamglavsledadm {
    background: #0059f5;
    border-color: #4DA0FF
}

.zamglavsledopg {
    background: #615af8;
    border-color: #8A84FF
}

.glavsledadm {
    background: #0059f5;
    border-color: #4DA0FF
}

.lider {
    background: #59d8ff;
    border-color: #59d8ff
}

.kur {
    background: #c55ae8;
    border-color: #DD88FF
}

.rykvod {
    background: #FFC107;
    border-color: #FFD54F
}

.legenda {
    background: #B0C4DE;
    border-color: #B0C4DE
}

.pomtech {
    background: #FF5722;
    border-color: #FF8A65
}

.server2a {
    background: #2E7D32;
    border-color: #4CAF50
}

.server3l {
    background: #1565C0;
    border-color: #42A5F5
}

.server3a {
    background: #1565C0;
    border-color: #42A5F5
}

.server4a {
    background: #FFC107;
    border-color: #FFD54F;
    border-radius: 25px
}

.server2l {
    background: #2E7D32;
    border-color: #4CAF50
}

.ban {
    background: #424242;
    border-color: #757575
}

.specadm {
    background: #C62828;
    border-color: #EF5350
}

.moroz {
    background: #C62828;
    border-color: #EF5350
}

.modr {
    background: #42A5F5;
    border-color: #90CAF9
}

.vklad {
    background: #3949AB;
    border-color: #5C6BC0
}

.dima {
    background: #E53935;
    border-color: #EF9A9A
}

.legend {
    background: #FFC0CB;
    border-color: #FFC0CB
}

.dr {
    background: #ecff6e;
    border-color: #FFFACD
}

.gltest {
    background: #cf0;
    border-color: #cf0
}

.sist {
    background: #26A69A;
    border-color: #4DB6AC
}

.mlmoder {
    background: #26A69A;
    border-color: #80CBC4
}

.stmoder {
    background: #26A69A;
    border-color: #80CBC4
}

.zgta {
    background: #EC407A;
    border-color: #F48FB1
}

.techadm {
    background: #F4511E;
    border-color: #FF8A65
}

.adm {
    background: #4169e2;
    border-color: #5C6BC0
}

.stadm {
    background: #4169e2;
    border-color: #5C6BC0
}

.razrab {
    background: #C62828;
    border-color: #EF5350
}

.tpshka {
    background: #E3BF8F;
    border-color: #D7CCC8
}

.tester {
    background: #0ff;
    border-color: #0ff
}

.forum {
    background: #8E24AA;
    border-color: #CE93D8
}

.glavadm {
    background: #B71C1C;
    border-color: #EF5350
}

.kk {
    background: #4DB6AC;
    border-color: #80CBC4
}

.dir {
    background: #C62828;
    border-color: #EF5350
}

.gm {
    background: #0288D1;
    border-color: #4FC3F7
}

.server1a {
    background: #C62828;
    border-color: #EF5350
}

.server1l {
    background: #C62828;
    border-color: #EF5350
}

.zga {
    background: #C62828;
    border-color: #EF5350
}

.prmanager {
    background: #5b32be;
    border-color: #CE93D8
}

.stsostav {
    background: #5E35B1;
    border-color: #9575CD
}

.stsostav::after {
    content: '🌟';
    color: #FFE082
}

.glavadm,
.dir,
.prmanager,
.techadm,
.adm,
.stadm,
.razrab,
.legend,
.glavsled,
.glavsledopg,
.zamglavsled,
.zamglavsledadm,
.zamglavsledopg,
.glavsledadm,
.rykvod,
.specadm,
.vlad,
.dima,
.stsostav {
    animation: subtlePulse 4s infinite
}

@keyframes subtlePulse {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.01)
    }
}

@media (max-width:768px) {

    .vlad,
    .forum,
    .glavsled,
    .glavsledopg,
    .zamglavsled,
    .zamglavsledopg,
    .glavsledadm,
    .lider,
    .kur,
    .rykvod,
    .pomtech,
    .server2a,
    .server3l,
    .server3a,
    .server4a,
    .server2l,
    .ban,
    .specadm,
    .moroz,
    .modr,
    .vklad,
    .dima,
    .legend,
    .gltest,
    .sist,
    .mlmoder,
    .stmoder,
    .zgta,
    .techadm,
    .adm,
    .stadm,
    .razrab,
    .tpshka,
    .tester,
    .glavadm,
    .kk,
    .dir,
    .gm,
    .server1a,
    .server1l,
    .zga,
    .prmanager,
    .stsostav {
        font-size: 0.65rem;
        padding: 3px 6px;
        min-height: 24px;
        margin: 0 1px 2px 0
    }

    .glavsled,
    .zamglavsled,
    .glavsledopg,
    .zamglavsledopg,
    .glavsledadm {
        padding: 4px 6px;
        font-size: 0.6rem
    }

    .test,
    .vlad::after,
    .glavsled::after,
    .glavsledopg::after,
    .zamglavsledadm::after,
    .zamglavsled::after,
    .zamglavsledopg::after,
    .glavsledadm::after,
    .lider::after,
    .kur::after,
    .rykvod::after,
    .pomtech::after,
    .server2a::after,
    .server3l::after,
    .server3a::after,
    .server4a::after,
    .server2l::after,
    .ban::after,
    .specadm::after,
    .moroz::after,
    .modr::after,
    .vklad::after,
    .dima::after,
    .legend::after,
    .gltest::after,
    .sist::after,
    .mlmoder::after,
    .stmoder::after,
    .zgta::after,
    .techadm::after,
    .adm::after,
    .stadm::after,
    .razrab::after,
    .tpshka::after,
    .tester::after,
    .forum::after,
    .glavadm::after,
    .kk::after,
    .dir::after,
    .gm::after,
    .server1a::after,
    .server1l::after,
    .zga::after,
    .prmanager::after,
    .stsostav::after {
        display: none
    }

    .test,
    .vlad::before,
    .glavsled::before,
    .glavsledopg::before,
    .zamglavsledadm::before,
    .zamglavsled::before,
    .zamglavsledopg::before,
    .glavsledadm::before,
    .lider::before,
    .kur::before,
    .rykvod::before,
    .pomtech::before,
    .server2a::before,
    .server3l::before,
    .server3a::before,
    .server4a::before,
    .server2l::before,
    .ban::before,
    .specadm::before,
    .moroz::before,
    .modr::before,
    .vklad::before,
    .dima::before,
    .legend::before,
    .gltest::before,
    .sist::before,
    .mlmoder::before,
    .stmoder::before,
    .zgta::before,
    .techadm::before,
    .adm::before,
    .stadm::before,
    .razrab::before,
    .tpshka::before,
    .tester::before,
    .forum::before,
    .glavadm::before,
    .kk::before,
    .dir::before,
    .gm::before,
    .server1a::before,
    .server1l::before,
    .zga::before,
    .prmanager::before,
    .stsostav::before {
        display: none
    }
}

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

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

@media (prefers-color-scheme:dark) {

    .vlad,
    .glavsled,
    .glavsledopg,
    .zamglavsled,
    .zamglavsledopg,
    .zamglavsledadm,
    .glavsledadm,
    .lider,
    .kur,
    .rykvod,
    .pomtech,
    .server2a,
    .server3l,
    .server3a,
    .server4a,
    .server2l,
    .ban,
    .specadm,
    .moroz,
    .modr,
    .vklad,
    .dima,
    .legend,
    .gltest,
    .sist,
    .mlmoder,
    .stmoder,
    .zgta,
    .techadm,
    .adm,
    .stadm,
    .razrab,
    .tpshka,
    .tester,
    .forum,
    .glavadm,
    .kk,
    .dir,
    .gm,
    .server1a,
    .server1l,
    .zga,
    .prmanager,
    .stsostav {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4)
    }
}

@-webkit-keyframes wave {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}

.prefixBall {
    color: #ffffff;
    background: linear-gradient(45deg, #c62828 0%, #e53935 25%, #d32f2f 50%, #f44336 75%, #c62828 100%);
    background-size: 300% 300%;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.3), 0 4px 15px rgba(198, 40, 40, 0.4);
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    animation: gradientFlow 5s ease infinite;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

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

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

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

.prefixBall::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.2), inset 0 0 60px rgba(255, 215, 0, 0.1);
    pointer-events: none
}

.prefixBall::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .3s ease
}

.prefixBall:hover::after {
    opacity: 1;
    animation: shineMove 1.5s ease
}

@keyframes shineMove {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg)
    }

    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg)
    }
}

.prefixBall:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.4), 0 6px 25px rgba(198, 40, 40, 0.6);
    animation-duration: 3s
}

.prefixBall:active {
    transform: translateY(1px) scale(.98)
}

.prefixBall .icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
    animation: iconFloat 3s ease-in-out infinite
}

@keyframes iconFloat {

    0%,
    100% {
        transform: translateY(0) rotate(0deg)
    }

    50% {
        transform: translateY(-3px) rotate(10deg)
    }
}

@media (max-width:650px) {
    .prefixBall {
        font-size: 70%;
        padding: 1px 15px;
        animation-duration: 7s
    }
}

@media (prefers-color-scheme:dark) {
    .prefixBall {
        box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.2), 0 4px 15px rgba(198, 40, 40, 0.6)
    }

    .prefixBall:hover {
        box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.3), 0 6px 25px rgba(198, 40, 40, 0.8)
    }
}

a.bb-code-href-button {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    font-size: 14px;
    border-radius: 16px;
    padding-top: 13px;
    padding-right: 15px;
    padding-bottom: 13px;
    padding-left: 15px;
    font-family: 'Readex Pro', sans-serif;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #7c7771;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    padding: 0px 4px;
    margin: 3px 6px 4px 0;
    border-radius: 2px;
    box-shadow: 1px 1px #dfdfdf, 2px 2px #6c6666
}

a.bb-code-href-button.button--splitTrigger>.button-text {
    border-right-color: #6f6a65
}

a.bb-code-href-button.button--splitTrigger>.button-menu {
    border-left-color: #89847e
}

a.bb-code-href-button:hover,
a.bb-code-href-button:active,
a.bb-code-href-button:focus {
    background-color: #67635e
}

a.bb-code-href-button:before {
    content: "\f360";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a.bb-code-href-button:before {
    padding: 0 4px
}

a.bb-code-href-button:hover {
    color: #b0babc;
    background-color: #504d4a;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

a.bb-code-href-button:hover.button--splitTrigger>.button-text {
    border-right-color: #43403e
}

a.bb-code-href-button:hover.button--splitTrigger>.button-menu {
    border-left-color: #5d5a56
}

a.bb-code-href-button:hover:hover,
a.bb-code-href-button:hover:active,
a.bb-code-href-button:hover:focus {
    background-color: #3b3936
}

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

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

.userBanner.userBanner--staff {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.button.button--cta,
button.button a.button.button--cta {
    color: #fff;
    background: #ff9305;
    border: none;
    border-color: #e14f4d
}

.p-nav-list .p-navEl.is-selected {
    color: #FFC618;
    font-weight: 600;
    background: #42464d
}

.blockMessage.blockMessage--error {
    border-left: 2px solid #c84448;
    background: #2d3238;
    color: #c84448
}

.block-rowMessage.block-rowMessage--warning {
    border-left: 2px solid #dcda54;
    background: #383c42;
    color: white
}

.block-container .uix_newIndicator {
    font-size: 12px;
    color: #fff;
    background: #ff9305;
    border-radius: 4px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px
}

.uix_fabBar .p-title-pageAction .button {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding: 0;
    font-size: 0;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    background: #FFC618;
    color: #fff
}

.test {
    color: #00FF1F;
    background: black;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #008000;
    font-size: 11px;
    font-weight: italic
}

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

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

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

@keyframes username_gradient {
    0% {
        text-shadow: none;
        opacity: 1
    }

    25% {
        text-shadow: 0 0 8px rgba(255, 192, 203, 0.8);
        opacity: 1
    }

    50% {
        text-shadow: 0 0 12px #ffc0cb;
        opacity: 0.8
    }

    75% {
        text-shadow: none;
        opacity: 1
    }

    100% {
        text-shadow: none;
        opacity: 1
    }
}

.pgreen {
    background-image: linear-gradient(150deg, #32cd32, #008000, #32cd32, #228b22);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #32cd32, inset 0 0 10px rgba(50, 205, 50, 0.3);
    position: relative;
    overflow: hidden;
    animation: christmasTree 4s ease infinite
}

@keyframes christmasTree {
    0% {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #32cd32
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0px 0px 12px #32cd32
    }

    100% {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #32cd32
    }
}

.pgreen::before {
    margin-right: 3px;
    animation: treeWobble 2s infinite ease-in-out
}

@keyframes treeWobble {

    0%,
    100% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(-5deg)
    }

    75% {
        transform: rotate(5deg)
    }
}

.gray {
    font-family: 'Inter', 'Roboto', 'Segoe UI', sans-serif;
    background: #64d2d2;
    color: #ffffff !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0 !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    padding: 4.5px 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    min-height: 0 !important
}

.porange {
    background-image: linear-gradient(150deg, #ffbf00, #ff9800, #ffa500, #ff8c00);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ff9800, inset 0 0 8px rgba(255, 152, 0, 0.3);
    animation: mandarinGlow 3s infinite alternate;
    position: relative
}

@keyframes mandarinGlow {
    from {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #ff9800
    }

    to {
        background-position: 100% 50%;
        box-shadow: 0px 0px 15px #ff9800
    }
}

.porange::after {
    content: '🍊';
    margin-left: 3px;
    animation: fruitBounce 1.5s infinite
}

@keyframes fruitBounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-2px)
    }
}

.paqua {
    background-image: linear-gradient(150deg, #03a9f4, #2ebcfc, #00bcd4, #03a9f4);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #03a9f4, inset 0 0 10px rgba(3, 169, 244, 0.2);
    animation: iceFlow 5s linear infinite;
    position: relative
}

@keyframes iceFlow {
    0% {
        background-position: 0% 50%;
        filter: brightness(1)
    }

    50% {
        background-position: 100% 50%;
        filter: brightness(1.2)
    }

    100% {
        background-position: 0% 50%;
        filter: brightness(1)
    }
}

.paqua::before {
    content: '❄️';
    margin-right: 3px;
    animation: snowflakeSpin 4s infinite linear
}

.pred {
    background-image: linear-gradient(150deg, #f00, #b22222, #f44, #c00, #f00);
    background-size: 400% 400%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00, inset 0 0 15px rgba(255, 0, 0, 0.4);
    animation: ballGlow 3s ease-in-out infinite
}

@keyframes ballGlow {

    0%,
    100% {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #f00
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0px 0px 15px #f00, 0px 0px 25px #f44
    }
}

.pred::after {
    content: '🔴';
    margin-left: 3px;
    font-size: 10px;
    animation: shineReflect 2s infinite
}

@keyframes shineReflect {

    0%,
    100% {
        opacity: 0.7
    }

    50% {
        opacity: 1
    }
}

.ypred {
    background-image: linear-gradient(150deg, #ffe218, #ffc018, #ffd700, #ffa500, #ffc018);
    background-size: 300% 300%;
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ffc018, inset 0 0 10px rgba(255, 193, 7, 0.4);
    animation: goldFire 2s infinite alternate;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)
}

@keyframes goldFire {
    from {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #ffc018
    }

    to {
        background-position: 100% 50%;
        box-shadow: 0px 0px 12px #ffc018, 0px 0px 20px #ffd700
    }
}

.ypred::before {
    content: '✨';
    margin-right: 3px;
    animation: sparkleTwinkle 1s infinite alternate
}

.bpred {
    background-image: linear-gradient(150deg, #1844ff, #186fff, #1e88e5, #0d47a1, #1844ff);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #1844ff, inset 0 0 10px rgba(24, 68, 255, 0.3);
    animation: nightSky 6s ease infinite;
    position: relative;
    overflow: hidden
}

@keyframes nightSky {
    0% {
        background-position: 0% 50%;
        filter: brightness(1)
    }

    50% {
        background-position: 100% 50%;
        filter: brightness(1.1)
    }

    100% {
        background-position: 0% 50%;
        filter: brightness(1)
    }
}

.bpred::after {
    content: '⭐';
    margin-left: 3px;
    font-size: 10px;
    animation: starTwinkle 1.5s infinite alternate
}

@keyframes starTwinkle {
    from {
        opacity: 0.3;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1.1)
    }
}

[class^="p"] {
    transition: all .3s ease;
    position: relative;
    overflow: hidden
}

[class^="p"]:hover {
    transform: translateY(-2px)
}

[class^="p"]:hover::before {
    animation-duration: 1s
}

[class^="p"]:hover::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 4px;
    height: 4px;
    background: white;
    border-radius: 50%;
    animation: snowFallMini 1s linear;
    box-shadow: 0 0 3px #fff, 0 0 6px #fff;
    pointer-events: none
}

@keyframes snowFallMini {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }

    100% {
        transform: translateY(20px) rotate(180deg);
        opacity: 0
    }
}

@media (max-width:650px) {

    .pgreen,
    .porange,
    .paqua,
    .pred,
    .ypred,
    .bpred {
        font-size: 60%;
        padding: 2px 5px
    }
}

[class^="p"]::before {
    display: inline-block;
    transition: all .3s ease
}

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

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

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

body div:has(> a[href*="webmachine-technologies"]),
body div:has(> a[href*="dohtheme"]) {
    display: none !important
}

.blockMessage {
    background-color: #242424 !important;
    border-color: #333333 !important;
    color: #cccccc !important
}

.block-rowMessage.block-rowMessage--warning.block-rowMessage--iconic {
    background-color: #242424 !important;
    border-color: #333333 !important;
    color: #e5b355 !important
}

.block-rowMessage.block-rowMessage--warning.block-rowMessage--iconic p,
.block-rowMessage.block-rowMessage--warning.block-rowMessage--iconic span {
    color: #e5b355 !important
}

.p-body-sidebar.is-active {
    display: flex;
    flex-direction: column
}
 
Позитивный голос 0 Негативный голос
pivnoy

pivnoy

Янв
227
66
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
VoinDrakona написал(а):
Ладно куратора те уже дали так что на екстра лесс блесс раши

Extra.less: 
@-webkit-keyframes flash-1 {

    0%,
    100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2)
    }
}

@keyframes flash-1 {

    0%,
    100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2)
    }
}

@-webkit-keyframes flash-2 {

    0%,
    100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px #0ff
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2)
    }
}

@keyframes flash-2 {

    0%,
    100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px #0ff
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2)
    }
}

@-webkit-keyframes flash-3 {

    0%,
    100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2)
    }
}

@keyframes flash-3 {

    0%,
    100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2)
    }
}

.test,
.vlad,
.dr,
.glavsled,
.zamglavsled,
.glavsledopg,
.zamglavsledopg,
.zamglavsledadm,
.glavsledadm,
.lider,
.kur,
.rykvod,
.pomtech,
.server2a,
.server3l,
.server3a,
.server4a,
.server2l,
.ban,
.specadm,
.moroz,
.modr,
.vklad,
.dima,
.legenda,
.legend,
.gltest,
.sist,
.mlmoder,
.stmoder,
.zgta,
.forum,
.techadm,
.adm,
.stadm,
.razrab,
.tpshka,
.tester,
.glavadm,
.kk,
.dir,
.gm,
.server1a,
.server1l,
.zga,
.prmanager,
.stsostav {
    color: #fff;
    border: 2px solid;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: default;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: all .2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-height: 28px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    margin: 0 2px 3px 0;
    line-height: 1.2;
    backdrop-filter: none
}

.glavsled,
.zamglavsled,
.glavsledopg,
.zamglavsledopg,
.glavsledadm,
.zamglavsledadm {
    padding: 5px 8px;
    font-size: 0.65rem;
    letter-spacing: 0.3px;
    min-height: 26px
}

.userBanner {
    margin: 0 3px 4px 0 !important
}

.server4a,
.tpshka,
.legenda,
.tester,
.kk,
.gltest {
    color: #000;
    text-shadow: none
}

.vlad::before,
.dr::before,
.legenda::before,
.glavsled::before,
.glavsledopg::before,
.zamglavsledadm::before,
.zamglavsled::before,
.zamglavsledopg::before,
.glavsledadm::before,
.lider::before,
.kur::before,
.rykvod::before,
.pomtech::before,
.server2a::before,
.server3l::before,
.server3a::before,
.server4a::before,
.server2l::before,
.ban::before,
.specadm::before,
.moroz::before,
.modr::before,
.vklad::before,
.dima::before,
.legend::before,
.gltest::before,
.sist::before,
.mlmoder::before,
.stmoder::before,
.zgta::before,
.techadm::before,
.adm::before,
.stadm::before,
.razrab::before,
.tpshka::before,
.tester::before,
.glavadm::before,
.kk::before,
.dir::before,
.forum::before .gm::before,
.legenda::before,
.server1a::before,
.server1l::before,
.zga::before,
.prmanager::before,
.stsostav::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 35%;
    right: 35%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.9) 70%, transparent 100%);
    border-radius: 1px;
    opacity: 0.8
}

.server4a::before,
.tpshka::before,
.legenda::before,
.tester::before,
.kk::before,
.gltest::before {
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 70%, transparent 100%)
}

.vlad::after,
.dr::after,
.legenda::after,
.glavsledopg::after,
.zamglavsledadm::after,
.zamglavsled::after,
.zamglavsledopg::after,
.glavsledadm::after,
.lider::after,
.kur::after,
.rykvod::after,
.pomtech::after,
.server2a::after,
.server3l::after,
.server3a::after,
.server4a::after,
.server2l::after,
.ban::after,
.specadm::after,
.moroz::after,
.modr::after,
.vklad::after,
.dima::after,
.legend::after,
.gltest::after,
.sist::after,
.mlmoder::after,
.stmoder::after,
.zgta::after,
.techadm::after,
.adm::after,
.stadm::after,
.razrab::after,
.tpshka::after,
.tester::after,
.glavadm::after,
.kk::after,
.dir::after,
.forum::after,
.gm::after,
.server1a::after,
.server1l::after,
.zga::after,
.prmanager::after,
.stsostav::after {
    margin-left: 5px;
    text-shadow: none;
    font-size: 0.8em;
    animation: subtleTwinkle 2.5s ease-in-out infinite
}

@keyframes subtleTwinkle {

    0%,
    100% {
        opacity: 0.9;
        transform: scale(1)
    }

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

.vlad:hover,
.dr:hover,
.legenda:hover,
.glavsled:hover,
.glavsledopg:hover,
.zamglavsledadm::hover,
.zamglavsled:hover,
.zamglavsledopg:hover,
.glavsledadm:hover,
.lider:hover,
.kur:hover,
.rykvod:hover,
.pomtech:hover,
.server2a:hover,
.server3l:hover,
.server3a:hover,
.server4a:hover,
.server2l:hover,
.ban:hover,
.specadm:hover,
.moroz:hover,
.modr:hover,
.forum:hover,
.vklad:hover,
.dima:hover,
.legend:hover,
.gltest:hover,
.sist:hover,
.mlmoder:hover,
.stmoder:hover,
.zgta:hover,
.techadm:hover,
.adm:hover,
.stadm:hover,
.razrab:hover,
.tpshka:hover,
.tester:hover,
.glavadm:hover,
.kk:hover,
.dir:hover,
.gm:hover,
.server1a:hover,
.server1l:hover,
.zga:hover,
.prmanager:hover,
.stsostav:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    filter: brightness(1.05);
    z-index: 1
}

.vlad {
    background: #d80000;
    border-color: #ff4444
}

.glavsled {
    background: #1878FF;
    border-color: #4DA0FF
}

.glavsledopg {
    background: #615af8;
    border-color: #8A84FF
}

.zamglavsled {
    background: #1878FF;
    border-color: #4DA0FF
}

.zamglavsledadm {
    background: #0059f5;
    border-color: #4DA0FF
}

.zamglavsledopg {
    background: #615af8;
    border-color: #8A84FF
}

.glavsledadm {
    background: #0059f5;
    border-color: #4DA0FF
}

.lider {
    background: #59d8ff;
    border-color: #59d8ff
}

.kur {
    background: #c55ae8;
    border-color: #DD88FF
}

.rykvod {
    background: #FFC107;
    border-color: #FFD54F
}

.legenda {
    background: #B0C4DE;
    border-color: #B0C4DE
}

.pomtech {
    background: #FF5722;
    border-color: #FF8A65
}

.server2a {
    background: #2E7D32;
    border-color: #4CAF50
}

.server3l {
    background: #1565C0;
    border-color: #42A5F5
}

.server3a {
    background: #1565C0;
    border-color: #42A5F5
}

.server4a {
    background: #FFC107;
    border-color: #FFD54F;
    border-radius: 25px
}

.server2l {
    background: #2E7D32;
    border-color: #4CAF50
}

.ban {
    background: #424242;
    border-color: #757575
}

.specadm {
    background: #C62828;
    border-color: #EF5350
}

.moroz {
    background: #C62828;
    border-color: #EF5350
}

.modr {
    background: #42A5F5;
    border-color: #90CAF9
}

.vklad {
    background: #3949AB;
    border-color: #5C6BC0
}

.dima {
    background: #E53935;
    border-color: #EF9A9A
}

.legend {
    background: #FFC0CB;
    border-color: #FFC0CB
}

.dr {
    background: #ecff6e;
    border-color: #FFFACD
}

.gltest {
    background: #cf0;
    border-color: #cf0
}

.sist {
    background: #26A69A;
    border-color: #4DB6AC
}

.mlmoder {
    background: #26A69A;
    border-color: #80CBC4
}

.stmoder {
    background: #26A69A;
    border-color: #80CBC4
}

.zgta {
    background: #EC407A;
    border-color: #F48FB1
}

.techadm {
    background: #F4511E;
    border-color: #FF8A65
}

.adm {
    background: #4169e2;
    border-color: #5C6BC0
}

.stadm {
    background: #4169e2;
    border-color: #5C6BC0
}

.razrab {
    background: #C62828;
    border-color: #EF5350
}

.tpshka {
    background: #E3BF8F;
    border-color: #D7CCC8
}

.tester {
    background: #0ff;
    border-color: #0ff
}

.forum {
    background: #8E24AA;
    border-color: #CE93D8
}

.glavadm {
    background: #B71C1C;
    border-color: #EF5350
}

.kk {
    background: #4DB6AC;
    border-color: #80CBC4
}

.dir {
    background: #C62828;
    border-color: #EF5350
}

.gm {
    background: #0288D1;
    border-color: #4FC3F7
}

.server1a {
    background: #C62828;
    border-color: #EF5350
}

.server1l {
    background: #C62828;
    border-color: #EF5350
}

.zga {
    background: #C62828;
    border-color: #EF5350
}

.prmanager {
    background: #5b32be;
    border-color: #CE93D8
}

.stsostav {
    background: #5E35B1;
    border-color: #9575CD
}

.stsostav::after {
    content: '🌟';
    color: #FFE082
}

.glavadm,
.dir,
.prmanager,
.techadm,
.adm,
.stadm,
.razrab,
.legend,
.glavsled,
.glavsledopg,
.zamglavsled,
.zamglavsledadm,
.zamglavsledopg,
.glavsledadm,
.rykvod,
.specadm,
.vlad,
.dima,
.stsostav {
    animation: subtlePulse 4s infinite
}

@keyframes subtlePulse {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.01)
    }
}

@media (max-width:768px) {

    .vlad,
    .forum,
    .glavsled,
    .glavsledopg,
    .zamglavsled,
    .zamglavsledopg,
    .glavsledadm,
    .lider,
    .kur,
    .rykvod,
    .pomtech,
    .server2a,
    .server3l,
    .server3a,
    .server4a,
    .server2l,
    .ban,
    .specadm,
    .moroz,
    .modr,
    .vklad,
    .dima,
    .legend,
    .gltest,
    .sist,
    .mlmoder,
    .stmoder,
    .zgta,
    .techadm,
    .adm,
    .stadm,
    .razrab,
    .tpshka,
    .tester,
    .glavadm,
    .kk,
    .dir,
    .gm,
    .server1a,
    .server1l,
    .zga,
    .prmanager,
    .stsostav {
        font-size: 0.65rem;
        padding: 3px 6px;
        min-height: 24px;
        margin: 0 1px 2px 0
    }

    .glavsled,
    .zamglavsled,
    .glavsledopg,
    .zamglavsledopg,
    .glavsledadm {
        padding: 4px 6px;
        font-size: 0.6rem
    }

    .test,
    .vlad::after,
    .glavsled::after,
    .glavsledopg::after,
    .zamglavsledadm::after,
    .zamglavsled::after,
    .zamglavsledopg::after,
    .glavsledadm::after,
    .lider::after,
    .kur::after,
    .rykvod::after,
    .pomtech::after,
    .server2a::after,
    .server3l::after,
    .server3a::after,
    .server4a::after,
    .server2l::after,
    .ban::after,
    .specadm::after,
    .moroz::after,
    .modr::after,
    .vklad::after,
    .dima::after,
    .legend::after,
    .gltest::after,
    .sist::after,
    .mlmoder::after,
    .stmoder::after,
    .zgta::after,
    .techadm::after,
    .adm::after,
    .stadm::after,
    .razrab::after,
    .tpshka::after,
    .tester::after,
    .forum::after,
    .glavadm::after,
    .kk::after,
    .dir::after,
    .gm::after,
    .server1a::after,
    .server1l::after,
    .zga::after,
    .prmanager::after,
    .stsostav::after {
        display: none
    }

    .test,
    .vlad::before,
    .glavsled::before,
    .glavsledopg::before,
    .zamglavsledadm::before,
    .zamglavsled::before,
    .zamglavsledopg::before,
    .glavsledadm::before,
    .lider::before,
    .kur::before,
    .rykvod::before,
    .pomtech::before,
    .server2a::before,
    .server3l::before,
    .server3a::before,
    .server4a::before,
    .server2l::before,
    .ban::before,
    .specadm::before,
    .moroz::before,
    .modr::before,
    .vklad::before,
    .dima::before,
    .legend::before,
    .gltest::before,
    .sist::before,
    .mlmoder::before,
    .stmoder::before,
    .zgta::before,
    .techadm::before,
    .adm::before,
    .stadm::before,
    .razrab::before,
    .tpshka::before,
    .tester::before,
    .forum::before,
    .glavadm::before,
    .kk::before,
    .dir::before,
    .gm::before,
    .server1a::before,
    .server1l::before,
    .zga::before,
    .prmanager::before,
    .stsostav::before {
        display: none
    }
}

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

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

@media (prefers-color-scheme:dark) {

    .vlad,
    .glavsled,
    .glavsledopg,
    .zamglavsled,
    .zamglavsledopg,
    .zamglavsledadm,
    .glavsledadm,
    .lider,
    .kur,
    .rykvod,
    .pomtech,
    .server2a,
    .server3l,
    .server3a,
    .server4a,
    .server2l,
    .ban,
    .specadm,
    .moroz,
    .modr,
    .vklad,
    .dima,
    .legend,
    .gltest,
    .sist,
    .mlmoder,
    .stmoder,
    .zgta,
    .techadm,
    .adm,
    .stadm,
    .razrab,
    .tpshka,
    .tester,
    .forum,
    .glavadm,
    .kk,
    .dir,
    .gm,
    .server1a,
    .server1l,
    .zga,
    .prmanager,
    .stsostav {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4)
    }
}

@-webkit-keyframes wave {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}

.prefixBall {
    color: #ffffff;
    background: linear-gradient(45deg, #c62828 0%, #e53935 25%, #d32f2f 50%, #f44336 75%, #c62828 100%);
    background-size: 300% 300%;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.3), 0 4px 15px rgba(198, 40, 40, 0.4);
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    animation: gradientFlow 5s ease infinite;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

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

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

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

.prefixBall::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    box-shadow: inset 0 0 40px rgba(255, 255, 255, 0.2), inset 0 0 60px rgba(255, 215, 0, 0.1);
    pointer-events: none
}

.prefixBall::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .3s ease
}

.prefixBall:hover::after {
    opacity: 1;
    animation: shineMove 1.5s ease
}

@keyframes shineMove {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg)
    }

    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg)
    }
}

.prefixBall:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.4), 0 6px 25px rgba(198, 40, 40, 0.6);
    animation-duration: 3s
}

.prefixBall:active {
    transform: translateY(1px) scale(.98)
}

.prefixBall .icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
    animation: iconFloat 3s ease-in-out infinite
}

@keyframes iconFloat {

    0%,
    100% {
        transform: translateY(0) rotate(0deg)
    }

    50% {
        transform: translateY(-3px) rotate(10deg)
    }
}

@media (max-width:650px) {
    .prefixBall {
        font-size: 70%;
        padding: 1px 15px;
        animation-duration: 7s
    }
}

@media (prefers-color-scheme:dark) {
    .prefixBall {
        box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.2), 0 4px 15px rgba(198, 40, 40, 0.6)
    }

    .prefixBall:hover {
        box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.3), 0 6px 25px rgba(198, 40, 40, 0.8)
    }
}

a.bb-code-href-button {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    font-size: 14px;
    border-radius: 16px;
    padding-top: 13px;
    padding-right: 15px;
    padding-bottom: 13px;
    padding-left: 15px;
    font-family: 'Readex Pro', sans-serif;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #7c7771;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    padding: 0px 4px;
    margin: 3px 6px 4px 0;
    border-radius: 2px;
    box-shadow: 1px 1px #dfdfdf, 2px 2px #6c6666
}

a.bb-code-href-button.button--splitTrigger>.button-text {
    border-right-color: #6f6a65
}

a.bb-code-href-button.button--splitTrigger>.button-menu {
    border-left-color: #89847e
}

a.bb-code-href-button:hover,
a.bb-code-href-button:active,
a.bb-code-href-button:focus {
    background-color: #67635e
}

a.bb-code-href-button:before {
    content: "\f360";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a.bb-code-href-button:before {
    padding: 0 4px
}

a.bb-code-href-button:hover {
    color: #b0babc;
    background-color: #504d4a;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

a.bb-code-href-button:hover.button--splitTrigger>.button-text {
    border-right-color: #43403e
}

a.bb-code-href-button:hover.button--splitTrigger>.button-menu {
    border-left-color: #5d5a56
}

a.bb-code-href-button:hover:hover,
a.bb-code-href-button:hover:active,
a.bb-code-href-button:hover:focus {
    background-color: #3b3936
}

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

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

.userBanner.userBanner--staff {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.button.button--cta,
button.button a.button.button--cta {
    color: #fff;
    background: #ff9305;
    border: none;
    border-color: #e14f4d
}

.p-nav-list .p-navEl.is-selected {
    color: #FFC618;
    font-weight: 600;
    background: #42464d
}

.blockMessage.blockMessage--error {
    border-left: 2px solid #c84448;
    background: #2d3238;
    color: #c84448
}

.block-rowMessage.block-rowMessage--warning {
    border-left: 2px solid #dcda54;
    background: #383c42;
    color: white
}

.block-container .uix_newIndicator {
    font-size: 12px;
    color: #fff;
    background: #ff9305;
    border-radius: 4px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px
}

.uix_fabBar .p-title-pageAction .button {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding: 0;
    font-size: 0;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    background: #FFC618;
    color: #fff
}

.test {
    color: #00FF1F;
    background: black;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #008000;
    font-size: 11px;
    font-weight: italic
}

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

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

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

@keyframes username_gradient {
    0% {
        text-shadow: none;
        opacity: 1
    }

    25% {
        text-shadow: 0 0 8px rgba(255, 192, 203, 0.8);
        opacity: 1
    }

    50% {
        text-shadow: 0 0 12px #ffc0cb;
        opacity: 0.8
    }

    75% {
        text-shadow: none;
        opacity: 1
    }

    100% {
        text-shadow: none;
        opacity: 1
    }
}

.pgreen {
    background-image: linear-gradient(150deg, #32cd32, #008000, #32cd32, #228b22);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #32cd32, inset 0 0 10px rgba(50, 205, 50, 0.3);
    position: relative;
    overflow: hidden;
    animation: christmasTree 4s ease infinite
}

@keyframes christmasTree {
    0% {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #32cd32
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0px 0px 12px #32cd32
    }

    100% {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #32cd32
    }
}

.pgreen::before {
    margin-right: 3px;
    animation: treeWobble 2s infinite ease-in-out
}

@keyframes treeWobble {

    0%,
    100% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(-5deg)
    }

    75% {
        transform: rotate(5deg)
    }
}

.gray {
    font-family: 'Inter', 'Roboto', 'Segoe UI', sans-serif;
    background: #64d2d2;
    color: #ffffff !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0 !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    padding: 4.5px 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    min-height: 0 !important
}

.porange {
    background-image: linear-gradient(150deg, #ffbf00, #ff9800, #ffa500, #ff8c00);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ff9800, inset 0 0 8px rgba(255, 152, 0, 0.3);
    animation: mandarinGlow 3s infinite alternate;
    position: relative
}

@keyframes mandarinGlow {
    from {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #ff9800
    }

    to {
        background-position: 100% 50%;
        box-shadow: 0px 0px 15px #ff9800
    }
}

.porange::after {
    content: '🍊';
    margin-left: 3px;
    animation: fruitBounce 1.5s infinite
}

@keyframes fruitBounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-2px)
    }
}

.paqua {
    background-image: linear-gradient(150deg, #03a9f4, #2ebcfc, #00bcd4, #03a9f4);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #03a9f4, inset 0 0 10px rgba(3, 169, 244, 0.2);
    animation: iceFlow 5s linear infinite;
    position: relative
}

@keyframes iceFlow {
    0% {
        background-position: 0% 50%;
        filter: brightness(1)
    }

    50% {
        background-position: 100% 50%;
        filter: brightness(1.2)
    }

    100% {
        background-position: 0% 50%;
        filter: brightness(1)
    }
}

.paqua::before {
    content: '❄️';
    margin-right: 3px;
    animation: snowflakeSpin 4s infinite linear
}

.pred {
    background-image: linear-gradient(150deg, #f00, #b22222, #f44, #c00, #f00);
    background-size: 400% 400%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00, inset 0 0 15px rgba(255, 0, 0, 0.4);
    animation: ballGlow 3s ease-in-out infinite
}

@keyframes ballGlow {

    0%,
    100% {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #f00
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0px 0px 15px #f00, 0px 0px 25px #f44
    }
}

.pred::after {
    content: '🔴';
    margin-left: 3px;
    font-size: 10px;
    animation: shineReflect 2s infinite
}

@keyframes shineReflect {

    0%,
    100% {
        opacity: 0.7
    }

    50% {
        opacity: 1
    }
}

.ypred {
    background-image: linear-gradient(150deg, #ffe218, #ffc018, #ffd700, #ffa500, #ffc018);
    background-size: 300% 300%;
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ffc018, inset 0 0 10px rgba(255, 193, 7, 0.4);
    animation: goldFire 2s infinite alternate;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)
}

@keyframes goldFire {
    from {
        background-position: 0% 50%;
        box-shadow: 0px 0px 6px #ffc018
    }

    to {
        background-position: 100% 50%;
        box-shadow: 0px 0px 12px #ffc018, 0px 0px 20px #ffd700
    }
}

.ypred::before {
    content: '✨';
    margin-right: 3px;
    animation: sparkleTwinkle 1s infinite alternate
}

.bpred {
    background-image: linear-gradient(150deg, #1844ff, #186fff, #1e88e5, #0d47a1, #1844ff);
    background-size: 300% 300%;
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #1844ff, inset 0 0 10px rgba(24, 68, 255, 0.3);
    animation: nightSky 6s ease infinite;
    position: relative;
    overflow: hidden
}

@keyframes nightSky {
    0% {
        background-position: 0% 50%;
        filter: brightness(1)
    }

    50% {
        background-position: 100% 50%;
        filter: brightness(1.1)
    }

    100% {
        background-position: 0% 50%;
        filter: brightness(1)
    }
}

.bpred::after {
    content: '⭐';
    margin-left: 3px;
    font-size: 10px;
    animation: starTwinkle 1.5s infinite alternate
}

@keyframes starTwinkle {
    from {
        opacity: 0.3;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1.1)
    }
}

[class^="p"] {
    transition: all .3s ease;
    position: relative;
    overflow: hidden
}

[class^="p"]:hover {
    transform: translateY(-2px)
}

[class^="p"]:hover::before {
    animation-duration: 1s
}

[class^="p"]:hover::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 4px;
    height: 4px;
    background: white;
    border-radius: 50%;
    animation: snowFallMini 1s linear;
    box-shadow: 0 0 3px #fff, 0 0 6px #fff;
    pointer-events: none
}

@keyframes snowFallMini {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }

    100% {
        transform: translateY(20px) rotate(180deg);
        opacity: 0
    }
}

@media (max-width:650px) {

    .pgreen,
    .porange,
    .paqua,
    .pred,
    .ypred,
    .bpred {
        font-size: 60%;
        padding: 2px 5px
    }
}

[class^="p"]::before {
    display: inline-block;
    transition: all .3s ease
}

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

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

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

body div:has(> a[href*="webmachine-technologies"]),
body div:has(> a[href*="dohtheme"]) {
    display: none !important
}

.blockMessage {
    background-color: #242424 !important;
    border-color: #333333 !important;
    color: #cccccc !important
}

.block-rowMessage.block-rowMessage--warning.block-rowMessage--iconic {
    background-color: #242424 !important;
    border-color: #333333 !important;
    color: #e5b355 !important
}

.block-rowMessage.block-rowMessage--warning.block-rowMessage--iconic p,
.block-rowMessage.block-rowMessage--warning.block-rowMessage--iconic span {
    color: #e5b355 !important
}

.p-body-sidebar.is-active {
    display: flex;
    flex-direction: column
}
Нажмите для раскрытия...
а зачем тут extra.less bless russia?
 
Позитивный голос 0 Негативный голос
General Larlov

General Larlov

Дек
10
0
Пользователь
pivnoy написал(а):
userBanner.userBanner--curatorPurple,
.userBanner--curatorPurple {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: #9676F5 !important;
border: 1px solid #B19BFF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(150, 118, 245, 0.45) !
important;
}
Нажмите для раскрытия...
Мне именно на CSS-класс
 
Позитивный голос 0 Негативный голос
pivnoy

pivnoy

Янв
227
66
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
General Larlov написал(а):
Посмотреть вложение 26689
Нажмите для раскрытия...
CSS: 
.userBanner--curatorPurple {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: #9676F5 !important;
border: 1px solid #B19BFF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(150, 118, 245, 0.45) !important;
}
 
Последнее редактирование модератором:
Позитивный голос 0 Негативный голос
Решение
General Larlov

General Larlov

Дек
10
0
Пользователь
pivnoy написал(а):
userBanner--curatorPurple

.userBanner--curatorPurple {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: #9676F5 !important;
border: 1px solid #B19BFF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(150, 118, 245, 0.45) !important;
}
Нажмите для раскрытия...
В вк напиши мне https://m.vk.com/vladmir_funtikov
 
Позитивный голос 0 Негативный голос
General Larlov

General Larlov

Дек
10
0
Пользователь
pivnoy написал(а):
userBanner--curatorPurple

.userBanner--curatorPurple {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: #9676F5 !important;
border: 1px solid #B19BFF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(150, 118, 245, 0.45) !important;
}
Нажмите для раскрытия...
Получилось спасибо большое
 
Позитивный голос -1 Негативный голос
Статус
В этой теме нельзя размещать новые ответы.
Сверху