Welcome!

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

SignUp Now!

Ищу екстра лесс

Ушёл
Мар
1,286
3,893
Продавец
Здравствуйте, могли бы дать extra less данного форума? Пожалуйста
CSS:
.userBanner {
    display: inline-block !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    text-align: center !important;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: 1px solid rgba(255,255,255,0.12) !important;
    transition: all .2s ease-in-out
}

.userBanner:hover {
    transform: translateY(-1px);
    filter: brightness(1.1)
}

.userBanner.banner-birthday {
    background-color: #ff00ff;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,0,255,0.85) !important
}

.userBanner.banner-blocked {
    background-color: #616161;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(97,97,97,0.85) !important
}

.userBanner.banner-owner {
    background-color: #D32F2F;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(211,47,47,0.85) !important
}

.userBanner.banner-zam-owner {
    background-color: #D32F2F;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(211,47,47,0.85) !important
}

.userBanner.banner-main-admin-forum {
    background-color: #9C27B0;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(156,39,176,0.85) !important
}

.userBanner.banner-dev {
    background-color: #000000;
    color: #ff0000;
    box-shadow: 0 0 12px rgba(255,0,0,0.85) !important
}

.userBanner.banner-project-lead {
    background-color: #FF0000;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,0,0,0.85) !important
}

.userBanner.banner-tech-lead {
    background-color: #ff4f00;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,79,0,0.85) !important
}

.userBanner.banner-spec-admin {
    background-color: #FF0000;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,0,0,0.85) !important
}

.userBanner.banner-zam-spec-admin {
    background-color: #FF0000;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,0,0,0.85) !important
}

.userBanner.banner-dep-tech-lead {
    background-color: #ff4f00;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,79,0,0.85) !important
}

.userBanner.banner-tech-spec {
    background-color: #FFA500;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,165,0,0.85) !important
}

.userBanner.banner-main-admin {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-main-dep-main-admin {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-dep-main-admin {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-curator-admin {
    background-color: #9400D3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(148,0,211,0.85) !important
}

.userBanner.banner-tech-support {
    background-color: #FFDAB9;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,218,185,0.85) !important
}

.userBanner.banner-test-lead {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-test-main {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-dep-test-lead {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-tester {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-senior-tester {
    background-color: #4DD0E1;
    color: #000000;
    box-shadow: 0 0 12px rgba(77,208,225,0.85) !important
}

.userBanner.banner-dep-mod-main {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-mod-main {
    background-color: #00BFFF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,191,255,0.85) !important
}

.userBanner.banner-senior-admin {
    background-color: #4169E1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(65,105,225,0.85) !important
}

.userBanner.banner-admin {
    background-color: #1E90FF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(65,105,225,0.85) !important
}

.userBanner.banner-ml-admin {
    background-color: #00BFFF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(65,105,225,0.85) !important
}

.userBanner.banner-senior-mod {
    background-color: #66CDAA;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(102,205,170,0.85) !important
}

.userBanner.banner-pr-manager {
    background-color: #480082;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(72,0,130,0.85) !important
}

.userBanner.banner-dep-head-supervisor-ml {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-head-supervisor-ml {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-dep-head-supervisor-opg {
    background-color: #9370DB;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(147,112,219,0.85) !important
}

.userBanner.banner-head-supervisor-opg {
    background-color: #9370DB;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(147,112,219,0.85) !important
}

.userBanner.banner-dep-head-supervisor-goss {
    background-color: #1E90FF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(30,144,255,0.85) !important
}

.userBanner.banner-head-supervisor-goss {
    background-color: #1E90FF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(30,144,255,0.85) !important
}

.userBanner.banner-mod {
    background-color: #66CDAA;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(102,205,170,0.85) !important
}

.userBanner.banner-service-account {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-curator-forum {
    background-color: #0000FF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,0,255,0.85) !important
}

.userBanner.banner-ded-moroz {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-leader {
    background-color: #00FFFF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,255,255,0.85) !important
}

.userBanner.banner-forum-mod {
    background-color: #00FA9A;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,250,154,0.85) !important
}

.userBanner.banner-regular-user {
    background-color: #F3E5F5;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(243,229,245,0.85) !important
}

.userBanner.banner-server-samara {
    background-color: #9C27B0;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(156,39,176,0.85) !important
}

.userBanner.banner-quality-control {
    background-color: #00FFFF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,255,255,0.85) !important
}

.userBanner.banner-test-group {
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 0 12px rgba(255,255,255,0.85) !important
}

.userBanner.banner-razrab {
    position: relative !important;
    overflow: hidden !important;
    background-color: #4c00ff !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    box-shadow: 0 0 12px rgba(76,0,255,0.85) !important;
    z-index: 0 !important
}

.userBanner.banner-razrab {
    position: relative !important;
    overflow: hidden !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    box-shadow: 0 0 12px rgba(76,0,255,0.85) !important;
    z-index: 1 !important
}

.userBanner.banner-razrab::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 400% !important;
    height: 100% !important;
    background: linear-gradient(90deg, #4c00ff, #ff0034, #b3ff00, #00ffcb, #4c00ff) !important;
    background-size: 100% 100% !important;
    animation: bannerLoop 6s linear infinite !important;
    z-index: -1 !important;
    pointer-events: none !important
}

@keyframes bannerLoop {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-75%)
    }
}

.userBanner.banner-project-team {
    background-color: #FFFF00;
    color: #000000;
    box-shadow: 0 0 12px rgba(255,255,0,0.85) !important
}

.userBanner.banner-forum-team {
    background-color: #000000;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,255,255,0.3) !important
}

.userBanner.banner-dep-owner-red {
    background: #141414 !important;
    color: #ff0000 !important;
    border: 1px solid #f00 !important;
    box-shadow: 0 0 15px rgba(255,0,0,0.9) !important;
    font-weight: 900 !important
}

.userBanner.banner-alkash-neo {
    background-color: #00ffff;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(20,133,200,0.85) !important
}

.userBanner,.label {
    border-radius: 20px !important
}

.userBanner.banner-settled {
    background-color: #00e676 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 12px rgba(0,230,118,0.85) !important
}

.userBanner.banner-active-user {
    background-color: #00b0ff !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 0 12px rgba(0,176,255,0.85) !important
}

.userBanner.banner-forum-guru {
    background-color: #aa00ff !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 0 14px rgba(170,0,255,0.9) !important
}

.userBanner.banner-soul-company {
    background-color: #ff9100 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 0 12px rgba(255,145,0,0.85) !important
}

.userBanner.banner-authority {
    background-color: #ff1744 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 0 14px rgba(255,23,68,0.9) !important
}

.userBanner.banner-loyal-user {
    background-color: #ffd700 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 12px rgba(255,215,0,0.85) !important
}

.userBanner.banner-forum-legend {
    background: linear-gradient(135deg, #ff007f, #00f0ff) !important;
    background-size: 200% 200% !important;
    animation: flow-legend 4s ease infinite !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    box-shadow: 0 0 15px rgba(255,0,127,0.8) !important
}

.userBanner.banner-oldfag {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 900 !important;
    box-shadow: 0 0 15px rgba(255,255,255,0.9) !important
}

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

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

    100% {
        background-position: 0% 50%
    }
}
 
Сверху