Welcome!

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

SignUp Now!

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

Vonkis

Vonkis

Дек
122
16
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
ищу код баннера крм онлайн 2026 года
 
Vonkis

Vonkis

Дек
122
16
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

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

 
Sponzhik

Sponzhik

Июн
3,503
3,325
Профессионал
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

Vonkis

Дек
122
16
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
что делать если вставил в екстра лесс но они не работают
 
Vonkis

Vonkis

Дек
122
16
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
@Spolzer
 
hell777

hell777

Апр
147
161
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Dev Cold написал(а):
Дам тебе подсказку

Посмотреть вложение 23876
Нажмите для раскрытия...
OFFTOP

это слишком жесткая подсказка, можно пожалуйста еще легче?

 
Vonkis

Vonkis

Дек
122
16
Заблокированный
2.2. Запрещено публиковать сообщения, разжигающие конфликты.
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Dev Cold написал(а):
Дам тебе подсказку

Посмотреть вложение 23876
Нажмите для раскрытия...
OFFTOP

чел ты гений, я говорю про то что он в екстра лесс не работает

 
hell777

hell777

Апр
147
161
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Vonkis написал(а):
OFFTOP

чел ты гений, я говорю про то что он в екстра лесс не работает

Нажмите для раскрытия...
OFFTOP

вставив в extra.less нужный код он не заработал? ну надо тогда экзорциста звать, тогда точно будет работать!

 
Войдите или зарегистрируйтесь для ответа.
Сверху