Welcome!

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

SignUp Now!

Слив нового extra less CRMP ONLINE

Апр
8
1
Пользователь
Фулл новый extra less CRMP ONLINE те кто любит просить их банера форума
Extra Less:
.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.Lixvizz {
    background-image: linear-gradient(270deg, #ff1493, #ffc0cb, #c71585)
}

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

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

.userBanner.kforuma {
    background-image: linear-gradient(270deg, #f819a7, #4619f8, #1a0a8c, #0d0668, #2b1bb8, #3c1ad4, #0f0778, #1e1090, #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.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.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)
}

.testaf {
    background-image: linear-gradient(270deg, #4b0082, #9400d3, #f0f)
}

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

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

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

.username--style3:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style9:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

.username--style14:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

.username--style14:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

.username--style193:after {
    font-family: "Font Awesome 5 Pro";
    content: "\2be";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style193:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

.username--style26:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style32:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style192:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style35:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style8:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.username--style39:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style39:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

.username--style3:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style9:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

.username--style14:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style22:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

.username--style26:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

.username--style32:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style118:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style35:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style8:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.username--style39:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style115:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

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

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

.username--style46:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

.username--style54:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

.username--style54:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

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

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


 
Последнее редактирование:
Сверху