.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)
}
&.ga
{
background-image: linear-gradient(270deg, #8b0000, #570000)
}
&.user
{
background-image: linear-gradient(270deg, #9B9B9B, #9B9B9B)
}
&.kurator
{
background-image: linear-gradient(270deg, #8b00ff, #8b00ff)
}
&.adm
{
background-image: linear-gradient(270deg, #1A1AFF, #1A1AFF)
}
&.zgcgc
{
background-image: linear-gradient(270deg, #0000A7, #0000A7)
}
&.ld
{
background-image: linear-gradient(270deg, #77EDFF, #77EDFF)
}
&.spec
{
background-image: linear-gradient(270deg, #FF0000, #FF0000)
}
&.gvtex
{
background-image: linear-gradient(270deg, #C7F6FA, #C7F6FA)
}
&.super
{
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}
&.osnov
{
background-image: linear-gradient(270deg, #FED129, #FED129)
}
&.moscow
{
background-image: linear-gradient(270deg, #ffca86, #ffca86)
}
@keyframes AnimBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.label
{
color: #fff;
text-transform: uppercase;
font-weight: 650;
font-size: 70%;
padding: 2px 4px;
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
}
}