.userBanner
{
color: white;
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-size: 700% 700%;
animation: AnimBanner 10s ease infinite;
&.userBanner--staff
{
color: #fff;
border: .6mm ridge rgba(255,255,255,0.2);
background: linear-gradient(270deg, #04b, #bb0, #a00);
background-size: 900% 900%
}
&.gts
{
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}
&.razrab
{
background-image: linear-gradient(270deg, #f819a7, #4619f8)
}
&.stadm {
background-image: linear-gradient(270deg, #06f, #04b)
}
&.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}
&.soskazgs {
background-image: linear-gradient(270deg, #06f, #ba55d3)
}
&.redadmin {
background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}
&.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151)
}
&.admin {
background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
color: black;
padding: 5px 8px
}
&.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}
&.stadm {
background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}
&.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc)
}
&.sample {
background-image: linear-gradient(270deg, #ffb3ff, #4d4dff, #8b4513)
}
&.pawno {
background-image: linear-gradient(270deg, #0c1bed, #5f6063)
}
&.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}
&.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
}
&.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}
&.ga {
background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}
&.lider {
background-image: linear-gradient(270deg, #da0, #f08b9a)
}
&.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff)
}
&.adm {
background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}
&.developer {
background-image: linear-gradient(270deg,#9932CC, #8B008B, #9932CC)
}
&.teh {
background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}
&.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)
}
&.project {
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}
&.sponsor {
background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}
&.spec {
background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}
&.osnovatel {
background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}
&.Gladmin {
background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}
&.ZGadmin {
background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}
&.rykproekta {
background-image: linear-gradient(270deg, #8b006d, #f00)
}
}
@keyframes AnimBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@font-face {
font-family: 'DIN Next Rounded LT Pro';
src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.eot');
src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.woff2') format('woff2'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.woff') format('woff'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.ttf') format('truetype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.svg#ProximaSoft-Regular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'DIN Next Rounded LT Pro';
src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.eot');
src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.woff2') format('woff2'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.woff') format('woff'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.ttf') format('truetype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.svg#ProximaSoft-Semibold') format('svg');
font-weight: 700;
font-style: normal;
}
.username--style7:before {
font-family: "Font Awesome 5 Pro";
content: "\f06d";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style7: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style5:before {
font-family: "Font Awesome 5 Pro";
content: "\f6d5";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style5: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style12:before {
font-family: "Font Awesome 5 Pro";
content: "\f590";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style12: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style13:before {
font-family: "Font Awesome 5 Pro";
content: "\f5c0";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.label
{
color: #fff;
text-transform: uppercase;
font-weight: 650;
font-size: 70%;
padding: 3px 5px;
text-align: center;
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--style14:before {
font-family: "Font Awesome 5 Pro";
content: "\f66d";
font-weight: 600;
padding-right: 1px;
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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style17:before {
font-family: "Font Awesome 5 Pro";
content: "\f11b";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style17: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style24:before {
font-family: "Font Awesome 5 Pro";
content: "\e047";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style24: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style16:before {
font-family: "Font Awesome 5 Pro";
content: "\f43f";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style16: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style15:before {
font-family: "Font Awesome 5 Pro";
content: "\f699";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style15: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style20:before {
font-family: "Font Awesome 5 Pro";
content: "\f4c4";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style20: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style19:before {
font-family: "Font Awesome 5 Pro";
content: "\f135";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style19: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style2:before {
font-family: "Font Awesome 5 Pro";
content: "\f2bd";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style2: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style6:before {
font-family: "Font Awesome 5 Pro";
content: "\f6d5";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style6: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.username--style18:before {
font-family: "Font Awesome 5 Pro";
content: "\f81d";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style18: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
.pRed {
background-image: linear-gradient(150deg, #f00, #b22222);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 30px #f00
}
.pOrange {
background-image: linear-gradient(150deg, #ffa500, #ffd700);
color: black;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 15px #ffa500
}
.pBlue {
background-image: linear-gradient(150deg, #00bfff, #00f);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 15px #00f
}
.pGreen {
background-image: linear-gradient(150deg, #32cd32, #008000);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 15px #32cd32
}
.pYellow {
background-image: linear-gradient(150deg, #f0e68c, #ff0);
color: black;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 15px #ff0
}
.pLightGreen {
background-image: linear-gradient(150deg, #90ee90, #0f0);
color: black;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 15px #0f0
}
.pSkyBlue {
background-image: linear-gradient(150deg, #87ceeb, #add8e6);
color: black;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 15px #87ceeb
}
.pRoyalBlue {
background-image: linear-gradient(150deg, #4169e1, #0000cd);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 15px #4169e1
}
@-webkit-keyframes wave {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}