- Апр
- 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%
}
Последнее редактирование: