ищу код баннеров

Vonkis · Сегодня в 06:13

ищу код баннера крм онлайн 2026 года

Vonkis · Сегодня в 06:14

OFFTOP

extra.less фулл пожайлуста

Spolzer · Сегодня в 06:17

Vonkis написал(а):
OFFTOP
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, #04b, #bb0, #a00);
  background-size:900% 900%
}
.userBanner.sixseven {
  background-image:linear-gradient(270deg, #f00, #ffa500, #ff8c00)
}
.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.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, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}
.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
}
.fa-check-circle:before {
  content:"\00a0\00a0\00a0\00a0";
  background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.25%206.75%202.25%202.25%205.25-5.25%22%20fill%3D%22none%22%20stroke%3D%22%235c9ce6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E) no-repeat 0;
  display:inline;
  position:relative;
  width:15px
}
.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%
  }
}
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%
}

Vonkis · Сегодня в 06:31

что делать если вставил в екстра лесс но они не работают

Vonkis · Сегодня в 06:33

@Spolzer

Поиск

Welcome!

ищу код баннеров

Vonkis

Vonkis

Spolzer

До дня пива -1 день

Vonkis

Vonkis