Решено Нужен новый extra.less CRMP ONLINE

[Nikita_Manerov]

Добрый вечер, нужен extra.less самый свежий на данный момент как у CRMP ONLINE, будьте добры если у вас имеется extra.less скиньте пожалуйста​

 

[JustAlex]

.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 69%;
    border-radius: 90px 60px 90px 60px;
    padding: 5px 7px;
    background-size: 700% 700%;
    border: .6mm ridge rgba(255,255,255,0.4);
    animation: AnimBanner 10s ease infinite
}

.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: black
}

.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%
    }
}

.pref {
    background-color: #ff0000;
    font-size: 77%;
    color: white;
    border: 3px solid #f00;
    text-align: center;
    border-radius: 6px
}

.pref.otkr {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.otk {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.rech {
    background-color: #f24666;
    border: 3px solid #f24666
}

.pref.inf {
    background-color: #ffbb00;
    border: 3px solid #fb0
}

.pref.zakr {
    background-color: #ff2b2b;
    border: 3px solid #ff2b2b
}

.pref.ras {
    background-color: #0044ff;
    border: 3px solid #04f
}

.pref.prov {
    background-color: #ee7700;
    border: 3px solid #e70
}

.pref.pr {
    background-color: #00bbff;
    border: 3px solid #0bf
}

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

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

.pref {
    background-color: #ff0000;
    font-size: 77%;
    color: white;
    border: 3px solid #f00;
    text-align: center;
    border-radius: 6px
}

.pref.otkr {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.otk {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.rech {
    background-color: #f24666;
    border: 3px solid #f24666
}

.pref.inf {
    background-color: #ffbb00;
    border: 3px solid #fb0
}

.pref.zakr {
    background-color: #ff2b2b;
    border: 3px solid #ff2b2b
}

.pref.ras {
    background-color: #0044ff;
    border: 3px solid #04f
}

.pref.prov {
    background-color: #ee7700;
    border: 3px solid #e70
}

.pref.pr {
    background-color: #00bbff;
    border: 3px solid #0bf
}

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

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

.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
}

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

.username--style1:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style2:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style3:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style4:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style5:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style6:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style8:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style9:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style10:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style12:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style14:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style15:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style16:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style17:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style24:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style26:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style32:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style35:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style38:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style43:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style50:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style70:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style95:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style115:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style118:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style119:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style124:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style131:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style145:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style154:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style162:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style192:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style193:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style199:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style202:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style206:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style211:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style212:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style225:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

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

.username--style225:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.kforuma {
    background-image: linear-gradient(270deg, #f819a7, #4619f8, #1a0a8c, #0d0668, #2b1bb8, #3c1ad4, #0f0778, #1e1090, #f819a7, #4619f8);
    background-size: 400% 100%;
    border-color: rgba(255,0,212,0.6)
}

.testaf {
    background-image: linear-gradient(270deg, #4b0082, #9400d3, #f0f, #4b0082);
    background-size: 300% 100%;
    border-color: rgba(148,0,211,0.6)
}

.dalaner {
    background-image: linear-gradient(270deg, #000, #2f4f4f, #696969, #808080, #a9a9a9, #c0c0c0, #d3d3d3, #dcdcdc, #f5f5f5, #fff, #800000, #8b4513, #a0522d, #a52a2a, #bc8f8f, #cd853f, #d2691e, #d2b48c, #daa520, #deb887, #f4a460, #f5deb3, #ffdead, #ffe4c4, #ffebcd, #fff8dc, #bdb76b, #f0e68c, #eee8aa, #ffdab9, #ffe4b5, #ffefd5, #fafad2, #fffacd, #ffffe0, #ff0, #ffd700, #ffa500, #ff8c00, #ff7f50, #ff6347, #ff4500, #ffa07a, #fa8072, #e9967a, #f08080, #cd5c5c, #dc143c, #b22222, #8b0000, #f00, #ff69b4, #ff1493, #ffb6c1, #ffc0cb, #db7093, #c71585, #800080, #8b008b, #9400d3, #9932cc, #4b0082, #8a2be2, #ba55d3, #9370db, #6a5acd, #483d8b, #da70d6, #dda0dd, #d8bfd8, #ee82ee, #e6e6fa, #f0f, #000080, #00008b, #0000cd, #00f, #191970, #4169e1, #1e90ff, #00bfff, #6495ed, #7b68ee, #87cefa, #87ceeb, #add8e6, #b0c4de, #b0e0e6, #4682b4, #5f9ea0, #00ced1, #48d1cc, #40e0d0, #0ff, #7fffd4, #afeeee, #e0ffff, #006400, #008000, #228b22, #2e8b57, #32cd32, #3cb371, #00fa9a, #00ff7f, #90ee90, #98fb98, #0f0, #7cfc00, #7fff00, #adff2f, #9acd32, #6b8e23, #808000, #556b2f, #8fbc8f, #66cdaa, #20b2aa, #008080, #008b8b, #fff0f5, #ffe4e1, #fffafa, #f0fff0, #f5fffa, #f0ffff, #f0f8ff, #f8f8ff, #fff5ee, #f5f5dc, #fdf5e6, #fffaf0, #fffff0, #faebd7, #faf0e6);
    background-size: 6000% 100%;
    animation: dalaner-rainbow 15s linear infinite;
    border-color: rgba(148,0,211,0.6);
    border-radius: 10px 0px 10px 0px
}

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

И если что тебе в раздел Xenforo, а не в html/css