Ищу новые роли кинг раши
- Автор темы Zenya22
- Дата начала
- Ноя
- 1,636
- 4,297
Команда форума
Модератор
Less:
.kingBanner {
color: rgba(255,255,255,0.95);
border: none;
font-size: 0.7rem;
font-weight: 700;
padding: 6px 14px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
cursor: default;
text-transform: uppercase;
letter-spacing: 0.5px;
min-height: 30px;
margin: 0 4px 5px 0;
line-height: 1.2;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
background: rgba(30,30,40,0.65);
box-shadow: 0 4px 12px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.15), inset 0 -1px 0 rgba(0,0,0,0.1);
border: 1.5px solid;
transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
&:after
{
content: '';
position: absolute;
top: 2px;
right: 8px;
width: 6px;
height: 6px;
border-radius: 50%;
opacity: 0.9;
filter: blur(.5px);
animation: neonPulse 3s ease-in-out infinite;
}
&:hover
{
transform: translateY(-2px);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 8px 20px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.1), 0 0 15px currentColor, inset 0 1px 0 rgba(255,255,255,0.2);
z-index: 10;
}
&.forum
{
border-color: #C266FF;
box-shadow: 0 0 10px rgba(194,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #C266FF;
box-shadow: 0 0 8px #c266ff;
}
}
&.glavadm
{
border-color: #00FF88;
box-shadow: 0 0 10px rgba(0,255,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #00FF88;
box-shadow: 0 0 8px #0f8
}
}
&.kk
{
border-color: #00F0FF;
box-shadow: 0 0 10px rgba(0,240,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #00F0FF;
box-shadow: 0 0 8px #00f0ff;
}
}
&.dir
{
border-color: #FF3366;
box-shadow: 0 0 10px rgba(255,51,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF3366;
box-shadow: 0 0 8px #f36;
}
}
&.server1a
{
border-color: #FF3333;
box-shadow: 0 0 10px rgba(255,51,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF3333;
box-shadow: 0 0 8px #f33;
}
}
&.zga
{
border-color: #6AFF7A;
box-shadow: 0 0 10px rgba(106,255,122,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #6AFF7A;
box-shadow: 0 0 8px #6aff7a;
}
}
&.prmanager
{
border-color: #FFAA33;
box-shadow: 0 0 10px rgba(255,170,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FFAA33;
box-shadow: 0 0 8px #fa3;
}
}
&.f5
{
border-color: #FF66AA;
box-shadow: 0 0 10px rgba(255,102,170,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF66AA;
box-shadow: 0 0 8px #f6a;
}
}
&.f6
{
border-color: #FFD700;
box-shadow: 0 0 10px rgba(255,215,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
color: #FFFFFF;
&:after
{
background: #FFD700;
box-shadow: 0 0 8px #ffd700;
}
}
&.f7
{
border-color: #FF9933;
box-shadow: 0 0 10px rgba(255,153,51,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF9933;
box-shadow: 0 0 8px #f93;
}
}
&.f8
{
border-color: #44FF77;
box-shadow: 0 0 10px rgba(68,255,119,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #44FF77;
box-shadow: 0 0 8px #4f7;
}
}
&.f9
{
border-color: #55FF88;
box-shadow: 0 0 10px rgba(85,255,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #55FF88;
box-shadow: 0 0 8px #5f8;
}
}
&.f4
{
border-color: #66FF99;
box-shadow: 0 0 10px rgba(102,255,153,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #66FF99;
box-shadow: 0 0 8px #6f9;
}
}
&.f3
{
border-color: #888;
box-shadow: 0 0 10px rgba(136,136,136,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #888;
box-shadow: 0 0 8px #888;
}
}
&.f2
{
border-color: #66FFFF;
box-shadow: 0 0 10px rgba(102,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
color: #222;
&:after
{
background: #66FFFF;
box-shadow: 0 0 8px #6ff;
}
}
&.f1
{
border-color: #CC66FF;
box-shadow: 0 0 10px rgba(204,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #CC66FF;
box-shadow: 0 0 8px #c6f;
}
}
&.moroz
{
border-color: #66CCFF;
box-shadow: 0 0 10px rgba(102,204,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #66CCFF;
box-shadow: 0 0 8px #6cf;
}
}
&.modr
{
border-color: #FF99CC;
box-shadow: 0 0 10px rgba(255,153,204,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF99CC;
box-shadow: 0 0 8px #f9c;
}
}
&.vklad
{
border-color: #6688FF;
box-shadow: 0 0 10px rgba(102,136,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #6688FF;
box-shadow: 0 0 8px #68f;
}
}
&.sliva
{
border-color: #FF77AA;
box-shadow: 0 0 10px rgba(255,119,170,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF77AA;
box-shadow: 0 0 8px #f7a;
}
}
&.legend
{
border-color: #D966FF;
box-shadow: 0 0 10px rgba(217,102,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #D966FF;
box-shadow: 0 0 8px #d966ff;
}
}
&.gltest
{
border-color: #FFFF66;
box-shadow: 0 0 10px rgba(255,255,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
color: #222;
&:after
{
background: #FFFF66;
box-shadow: 0 0 8px #ff6;
}
}
&.sist
{
border-color: #66E0FF;
box-shadow: 0 0 10px rgba(102,224,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #66E0FF;
box-shadow: 0 0 8px #66e0ff;
}
}
&.mlmoder
{
border-color: #77DDFF;
box-shadow: 0 0 10px rgba(119,221,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #77DDFF;
box-shadow: 0 0 8px #7df;
}
}
&.stmoder
{
border-color: #88EEFF;
box-shadow: 0 0 10px rgba(136,238,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #88EEFF;
box-shadow: 0 0 8px #8ef;
}
}
&.zgta
{
border-color: #FF88CC;
box-shadow: 0 0 10px rgba(255,136,204,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF88CC;
box-shadow: 0 0 8px #f8c;
}
}
&.techadm
{
border-color: #FF8844;
box-shadow: 0 0 10px rgba(255,136,68,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF8844;
box-shadow: 0 0 8px #f84;
}
}
&.adm
{
border-color: #FFCC44;
box-shadow: 0 0 10px rgba(255,204,68,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FFCC44;
box-shadow: 0 0 8px #fc4;
}
}
&.stadm
{
border-color: #FFDD55;
box-shadow: 0 0 10px rgba(255,221,85,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FFDD55;
box-shadow: 0 0 8px #fd5;
}
}
&.razrab
{
border-color: #FF4466;
box-shadow: 0 0 10px rgba(255,68,102,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF4466;
box-shadow: 0 0 8px #f46;
}
}
&.dima
{
border-color: #FF99DD;
box-shadow: 0 0 10px rgba(255,153,221,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF99DD;
box-shadow: 0 0 8px #f9d;
}
}
&.vlad
{
border-color: #FF3355;
box-shadow: 0 0 10px rgba(255,51,85,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF3355;
box-shadow: 0 0 8px #f35;
}
}
&.glavsled
{
border-color: #4477FF;
box-shadow: 0 0 10px rgba(68,119,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #4477FF;
box-shadow: 0 0 8px #47f;
}
}
&.zamglavsled
{
border-color: #5588FF;
box-shadow: 0 0 10px rgba(85,136,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #5588FF;
box-shadow: 0 0 8px #58f;
}
}
&.lider
{
border-color: #FFEE66;
box-shadow: 0 0 10px rgba(255,238,102,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FFEE66;
box-shadow: 0 0 8px #fe6;
}
}
&.kur
{
border-color: #AA88FF;
box-shadow: 0 0 10px rgba(170,136,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #AA88FF;
box-shadow: 0 0 8px #a8f;
}
}
&.rykvod
{
border-color: #FF2244;
box-shadow: 0 0 10px rgba(255,34,68,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF2244;
box-shadow: 0 0 8px #f24;
}
}
&.userBanner.userBanner--staff
{
border-color: #FF5555;
box-shadow: 0 0 10px rgba(255,85,85,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF5555;
box-shadow: 0 0 8px #f55;
}
}
&.pomtech
{
border-color: #FF9966;
box-shadow: 0 0 10px rgba(255,153,102,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF9966;
box-shadow: 0 0 8px #f96;
}
}
&.server2a
{
border-color: #44FF44;
box-shadow: 0 0 10px rgba(68,255,68,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #44FF44;
box-shadow: 0 0 8px #4f4;
}
}
&.server3l
{
border-color: #4477FF;
box-shadow: 0 0 10px rgba(68,119,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #4477FF;
box-shadow: 0 0 8px #47f;
}
}
&.server3a
{
border-color: #6699FF;
box-shadow: 0 0 10px rgba(102,153,255,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #6699FF;
box-shadow: 0 0 8px #69f;
}
}
&.server4a
{
border-color: #FFFF44;
box-shadow: 0 0 10px rgba(255,255,68,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
color: #222;
&:after
{
background: #FFFF44;
box-shadow: 0 0 8px #ff4;
}
}
&.server2l
{
border-color: #66FF66;
box-shadow: 0 0 10px rgba(102,255,102,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #66FF66;
box-shadow: 0 0 8px #6f6;
}
}
&.ban
{
border-color: #666;
box-shadow: 0 0 10px rgba(102,102,102,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF3333;
box-shadow: 0 0 8px #f33;
}
}
&.specadm
{
border-color: #FF3366;
box-shadow: 0 0 10px rgba(255,51,102,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
&:after
{
background: #FF3366;
box-shadow: 0 0 8px #f36;
}
}
}
@keyframes neonPulse
{
0%,100%
{
opacity: 0.6;
transform: scale(.9);
}
50%
{
opacity: 1;
transform: scale(1.1);
}
}