Сливаю вам фулл extra less Cray Russia актуально 11.7.26

Илья Репин · Суббота в 11:45

extra less:

.userBanner {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 16px 0 42px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.12);
    transition: .25s
}

.userBanner:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.35),0 0 15px rgba(255,255,255,0.15)
}

.userBanner:before {
    content: "";
    position: absolute;
    left: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url("data/assets/logo/5359513247586917006.png") center center / cover no-repeat;
    border: 2px solid rgba(255,255,255,0.25);
    box-shadow: 0 0 8px rgba(255,255,255,0.25)
}

.userBanner:after {
    content: "";
    position: absolute;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-25deg);
    animation: bannerLight 4s infinite
}

@keyframes bannerLight {
    100% {
        left: 170%
    }
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
    background-size: 900% 900%
}

.userBanner.sixseven {
    background-image: linear-gradient(270deg, #f00, #ffa500, #ff8c00)
}

.userBanner.lega {
    background-image: linear-gradient(270deg, #f36, #ff6b3d, #ffd700, #2ecc71, #00bcd4, #9b59b6, #e84393, #6c5ce7, #00cec9, #fd79a8, #fdcb6e, #0984e3, #f36)
}

.userBanner.ogn {
    background-image: linear-gradient(270deg, #ffa500, #f00, #800080)
}

.userBanner.sponsorf {
    color: #000000;
    background-image: linear-gradient(270deg, #e0f7ff, #fff, #a0e0ff, #e0f0ff, #fff, #b3e4ff)
}

.userBanner.borukones {
    background-image: linear-gradient(270deg, #008000, #ffc0cb, #ff0)
}

.userBanner.Lixvizz {
    background-image: linear-gradient(270deg, #ff1493, #ffc0cb, #c71585)
}

.userBanner.takers {
    background-image: linear-gradient(270deg, #1d0101, #4a0000, #b80000, #4a0000, #1d0101) !important;
    background-size: 700% 700% !important;
    animation: AnimBanner 10s ease infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 69% !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    padding: 2px 16px 2px 4px !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 0 12px rgba(255,0,0,0.45) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
    letter-spacing: 0.6px !important;
    box-sizing: border-box !important;
    height: 30px !important;
    transition: transform .2s ease-in-out !important;
    vertical-align: middle;
    line-height: 1
}

.userBanner.takers::before {
    content: '';
    background-image: url('https://i.postimg.cc/FRf3Ss5c/I-HDVhegjz-TTYTk-YGQ24l-mfl-Rcr-V6tpydyt-Z3STk-LDG9p0d-Gp0Bgpht8s-Jyn-FHVKMf-Gvm02VKC7YSz3QZ62xc.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    flex-shrink: 0 !important;
    vertical-align: middle
}

.userBanner.takers:hover {
    transform: scale(1.04) !important
}

.userBanner.zablok {
    background-image: linear-gradient(270deg, #000, #808080, #fff)
}

.userBanner.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.userBanner.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.furman {
    background-image: linear-gradient(270deg, #f00, #ff69b4, #0ff)
}

.userBanner.furmanteam {
    background-image: linear-gradient(270deg, #ff0, #ffa500, #008000)
}

.userBanner.michikatsu {
    background-image: linear-gradient(270deg, #f0f, #800080, #ffc0cb)
}

.userBanner.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #8b008b, #4b0082, #9400d3)
}

.userBanner.ds {
    background-image: linear-gradient(270deg, #0ff, #1e90ff, #0000cd)
}

.userBanner.persona {
    background-image: linear-gradient(270deg, #ff69b4, #ff1493, #f0f)
}

.userBanner.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: white
}

.userBanner.super {
    background-image: linear-gradient(270deg, #ffd700, #ffed4e, #daa520, #b8860b, #8b0000, #c41e3a, #800020, #4b0082, #6a0dad, #9400d3, #191970, #003153, #2e8b57, #50c878, #ffd700)
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
    background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

.userBanner.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

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

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.devilschmo {
    background-image: linear-gradient(270deg, #8b4513, #f0f, #0ff)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.dobryak {
    background-image: linear-gradient(270deg, #ff2400, #ff4d00, #ff6800)
}

.Cybers {
    background-image: linear-gradient(270deg, #800080, #8b008b, #800080)
}

.moderforuma {
    background-image: linear-gradient(270deg, #191970, #00bfff, #0ff)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

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

.founder {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10, #ff8c00)
}

.dominic {
    background-image: linear-gradient(270deg, #ffb3ff, #4d4dff, #8b4513)
}

.rasta {
    background-image: linear-gradient(270deg, #f00, #ff0, #008000)
}

.zamfounder {
    background-image: linear-gradient(270deg, #ffd700, #fff, #ff8c00, #fff);
    text-shadow: 0 1px 3px rgba(0,0,0,0.3)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.takeshka {
    background-image: linear-gradient(270deg, #f0f, #ee82ee, #800080)
}

.ded {
    background-image: linear-gradient(270deg, #f00, #8b0000)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.shumov {
    background: linear-gradient(270deg, #ff1a1a, #f00, #c00, #900, #c00, #f00, #ff1a1a);
    background-size: 400% 400%;
    animation: redFlow 6s ease infinite
}

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

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

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

.ryk {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.sledfrac {
    background-image: linear-gradient(270deg, #0000cd, #00f, #00bfff)
}

.zrp {
    background: linear-gradient(135deg, #dc143c, #cd5c5c, #8b0000);
    background-size: 300% 300%
}

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

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

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

.open {
    background: linear-gradient(145deg, #00c853, #64dd17);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(76,175,80,0.4),inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease
}

.open:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(76,175,80,0.5),inset 0 1px 0 rgba(255,255,255,0.2)
}

.closed {
    background: linear-gradient(145deg, #ff1744, #ff5252);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(244,67,54,0.4),inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease
}

.closed:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(244,67,54,0.5),inset 0 1px 0 rgba(255,255,255,0.2)
}

.info {
    background: linear-gradient(145deg, #2979ff, #448aff);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(33,150,243,0.4),inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease
}

.info:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(33,150,243,0.5),inset 0 1px 0 rgba(255,255,255,0.2)
}

.question {
    background: linear-gradient(145deg, #ff9100, #ffab40);
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 12px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(255,152,0,0.4),inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease
}

.question:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(255,152,0,0.5),inset 0 1px 0 rgba(255,255,255,0.2)
}

.p-header-logo.p-header-logo--image img {
    max-width: 140%;
    max-height: 80px
}

.userBanner.shumovPaint {
    position: relative;
    border: 0 !important;
    color: #fff !important;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 6px;
    overflow: hidden
}

.userBanner.shumovPaint::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, #f00, #b30000, #7a0000, #b30000, #f00);
    background-size: 400% 400%;
    animation: shumovRedFlow 6s ease-in-out infinite;
    z-index: 0
}

.userBanner.shumovPaint span,.userBanner.shumovPaint {
    position: relative;
    z-index: 1
}

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

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

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

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

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

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

.memberTooltip.memberTooltip-userGroup--49572 {
    box-shadow: 0 0 25px #00f
}

.memberTooltip.memberTooltip-userGroup--49572 {
    box-shadow: 0 0 10px #f00;
    animation: rainbow 2s linear infinite
}

@keyframes rainbow {
    0% {
        box-shadow: 0 0 10px #f00
    }

    12.5% {
        box-shadow: 0 0 10px #ff7f00
    }

    25% {
        box-shadow: 0 0 10px #ff0
    }

    37.5% {
        box-shadow: 0 0 10px #0f0
    }

    50% {
        box-shadow: 0 0 10px #0ff
    }

    62.5% {
        box-shadow: 0 0 10px #00f
    }

    75% {
        box-shadow: 0 0 10px #8000ff
    }

    87.5% {
        box-shadow: 0 0 10px #f0f
    }

    100% {
        box-shadow: 0 0 10px #f00
    }
}

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

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

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

.p-navEl-link--test {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--amn1), var(--amn2));
    color: var(--amnText);
    font-weight: 700;
    letter-spacing: .2px;
    text-decoration: none;
    border: 0;
    box-shadow: none;
    background-clip: padding-box;
    transition: transform .15s ease,box-shadow .15s ease,filter .15s ease
}

.p-navEl--test {
    --amn1: #16a249;
    --amn2: #059467;
    --amnText: #fff
}

.userBanner.chapman-team {
    position: relative;
    background: transparent !important;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 5px 16px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    z-index: 0
}

@keyframes chapmanSpin {
    0% {
        background-position: 0% 0%
    }

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

.userBanner.chapman-team::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(90deg, #f00, #fff, #42aaff, #f00);
    background-size: 300% 100%;
    border-radius: 12px;
    z-index: -1;
    animation: slideRightSmooth 2s ease-in-out infinite alternate
}

.userBanner.Sherlock {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 6px;
    padding: 5.3px 7.3px;
    background: linear-gradient(135deg, #00f3ff, #ff00d4, #7000ff, #00f3ff, #ff00d4);
    background-size: 300% 300%;
    animation: AnimBanner 10s ease infinite;
    box-shadow: 0 0 10px #00bfff,0 0 20px rgba(138,43,226,0.6);
    position: relative;
    overflow: visible
}

.userBanner.Sherlock:before {
    content: '';
    background-image: url(https://forum.crmp.online/data/avatars/o/48/48946.jpg?1765984317);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    flex-shrink: 0 !important;
    vertical-align: middle
}

@keyframes slideRightSmooth {
    0% {
        background-position: 0% 0%
    }

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

@keyframes dalaner-rainbow {
    0% {
        background-position: 0% 0%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offCanvasMenu-link[data-nav-id="home"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f015";
    margin-right: 3px;
    color: #fff
}

.offCanvasMenu-link[data-nav-id="home"] {
    font-weight: bold;
    color: #fff !important;
    text-shadow: 1px 1px 10px #fff
}

.p-nav .p-navEl-link[data-nav-id="home"] {
    font-weight: bold;
    color: #fff !important;
    text-shadow: 1px 1px 10px #fff
}

.p-nav .p-navEl-link[data-nav-id="home"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f015";
    margin-right: 6px;
    color: #fff !important
}

.offCanvasMenu-link[data-nav-id="forums"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f15b";
    margin-right: 3px;
    color: #ff8e00
}

.offCanvasMenu-link[data-nav-id="forums"] {
    font-weight: bold;
    color: #ff8e00 !important;
    text-shadow: 1px 1px 10px #ff8e00
}

.p-nav .p-navEl-link[data-nav-id="forums"] {
    font-weight: bold;
    color: #ff8e00 !important;
    text-shadow: 1px 1px 10px #ff8e00
}

.p-nav .p-navEl-link[data-nav-id="forums"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f15b";
    margin-right: 6px;
    color: #ff8e00 !important
}

.offCanvasMenu-link[data-nav-id="whatsNew"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f466";
    margin-right: 3px;
    color: #54ff9f
}

.offCanvasMenu-link[data-nav-id="whatsNew"] {
    font-weight: bold;
    color: #54ff9f !important;
    text-shadow: 1px 1px 10px #54ff9f
}

.p-nav .p-navEl-link[data-nav-id="whatsNew"] {
    font-weight: bold;
    color: #54ff9f !important;
    text-shadow: 1px 1px 10px #54ff9f
}

.p-nav .p-navEl-link[data-nav-id="whatsNew"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f466";
    margin-right: 6px;
    color: #54ff9f !important
}

.offCanvasMenu-link[data-nav-id="members"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f007";
    margin-right: 3px;
    color: transparent;
    background-image: url("https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif");
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none
}

.offCanvasMenu-link[data-nav-id="members"] {
    font-weight: bold;
    color: transparent !important;
    background-image: url("https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif");
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none
}

.p-nav .p-navEl-link[data-nav-id="members"] {
    font-weight: bold;
    color: transparent !important;
    background-image: url("https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif");
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none
}

.p-nav .p-navEl-link[data-nav-id="members"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f007";
    margin-right: 6px;
    color: transparent;
    background-image: url("https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif");
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none
}

.p-nav .p-navEl-link[data-nav-id="members"]+.p-navEl-splitTrigger {
    color: transparent !important;
    background-image: url("https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif");
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none
}

.offCanvasMenu-link[data-nav-id="rules"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    margin-right: 3px;
    color: #f00
}

.offCanvasMenu-link[data-nav-id="rules"] {
    font-weight: bold;
    color: #f00 !important;
    text-shadow: 1px 1px 10px #f00
}

.p-nav .p-navEl-link[data-nav-id="rules"] {
    font-weight: bold;
    color: #f00 !important;
    text-shadow: 1px 1px 10px #f00
}

.p-nav .p-navEl-link[data-nav-id="rules"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    margin-right: 6px;
    color: #f00 !important
}

.offCanvasMenu-link[data-nav-id="shop"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f51e";
    margin-right: 3px;
    color: #ff0
}

.offCanvasMenu-link[data-nav-id="shop"] {
    font-weight: bold;
    color: #ff0 !important;
    text-shadow: 1px 1px 10px #f00
}

.p-nav .p-navEl-link[data-nav-id="shop"] {
    font-weight: bold;
    color: #ff0 !important;
    text-shadow: 1px 1px 10px #f00
}

.p-nav .p-navEl-link[data-nav-id="shop"]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f51e";
    margin-right: 6px;
    color: #ff0 !important
}

.users-block {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 20px;
    max-width: 400px;
    font-family: Arial,sans-serif
}

.overview ul {
    list-style: none;
    padding: 0
}

.overview li {
    padding: 8px 0;
    border-bottom: 1px solid #ddd
}

.overview a {
    color: #0066cc;
    text-decoration: none
}

.overview a:hover {
    text-decoration: underline
}

.search-user input {
    padding: 8px;
    width: 70%;
    border: 1px solid #ccc;
    border-radius: 4px
}

.search-user button {
    padding: 8px 12px;
    background: #0066cc;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.node-title a {
    transition: .3s ease
}

.node-title a:hover {
    color: #ffcc00;
    transform: translateX(5px);
    text-shadow: 0 0 15px #fc0
}

.node {
    position: relative;
    border-top: 4px solid #ff8c00 !important;
    overflow: hidden
}

.node::after {
    content: "";
    position: absolute;
    top: -4px;
    left: -100%;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent, #fff, #ff8c00, #fff, transparent);
    animation: orangeLineMove 2s linear infinite;
    box-shadow: 0 0 10px #ff8c00,0 0 20px #f60
}

@keyframes orangeLineMove {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

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

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

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

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

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

#leaves {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 99999
}

@keyframes fall {
    0% {
        transform: translate3d(0, -60px, 0) rotate(0deg);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    25% {
        transform: translate3d(20px, 25vh, 0) rotate(90deg)
    }

    50% {
        transform: translate3d(-25px, 50vh, 0) rotate(180deg)
    }

    75% {
        transform: translate3d(30px, 75vh, 0) rotate(270deg)
    }

    100% {
        transform: translate3d(-20px, 110vh, 0) rotate(360deg);
        opacity: 0
    }

Dev Cold · Суббота в 16:30

о да, сливать екстра лесс проекта о котором знает полтора землекопа

Dev Cold · Суббота в 16:48

OFFTOP

баннера слиты
стиль слит
префиксы слиты

Поиск

Welcome!

Сливаю вам фулл extra less Cray Russia актуально 11.7.26

Илья Репин

Dev Cold

Dev Cold