/* Баннер роли с буквой сверху */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
}
/* Баннер роли */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент баннера */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
margin-top: 12px; /* Отступ сверху, чтобы буква была выше */
}
/* Баннер роли */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент баннера */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
margin-top: 12px; /* Отступ сверху, чтобы буква была выше */
}
/* Баннер роли Тестер акаунт */
.userBanner.bannerTesterAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент */
color: white; /* Цвет текста */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закругленные углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(255,0,0,0.8); /* Сияние баннера */
animation: glowTesterAccount 2s infinite linear; /* Пульсация */
display: inline-block;
margin-top: 12px; /* Отступ сверху для буквы/значка */
}
/* Буква/значок сверху (опционально можно убрать) */
.userBanner.bannerTesterAccount::before {
display: block;
color: white;
font-weight: bold;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
text-shadow: 0 0 6px #ff4f4f; /* Сияние буквы */
position: absolute;
top: -25px; /* Над баннером */
left: 50%;
transform: translateX(-50%);
}
/* Пульсация баннера */
@keyframes glowTesterAccount {
0% { box-shadow: 0 0 6px #ff0000, 0 0 12px #ff4f4f; }
50% { box-shadow: 0 0 20px #ff4f4f, 0 0 28px #ff0000; }
100% { box-shadow: 0 0 6px #ff0000, 0 0 12px #ff4f4f; }
}
/* ==== КРАСНЫЙ СИЯЮЩИЙ ==== */
.username--redGlow,
.userBanner--redGlow {
color: #ff2f2f !important;
text-shadow:
0 0 5px #ff2f2f,
0 0 10px #ff4f4f,
0 0 15px #ffffff;
font-weight: bold;
}
/* ==== ЗЕЛЁНЫЙ СИЯЮЩИЙ ==== */
.username--greenGlow,
.userBanner--greenGlow {
color: #00ff62 !important;
text-shadow:
0 0 5px #00ff62,
0 0 10px #00ff80,
0 0 15px #ffffff;
font-weight: bold;
}
/* ==== СЕРЫЙ СИЯЮЩИЙ ==== */
.username--grayGlow,
.userBanner--grayGlow {
color: #cfcfcf !important;
text-shadow:
0 0 5px #cfcfcf,
0 0 10px #e5e5e5,
0 0 15px #ffffff;
font-weight: bold;
}
/* ==== ЖЁЛТЫЙ СИЯЮЩИЙ ==== */
.username--yellowGlow,
.userBanner--yellowGlow {
color: #ffe600 !important;
text-shadow:
0 0 5px #ffe600,
0 0 10px #fff200,
0 0 15px #ffffff;
font-weight: bold;
}
/* Баннер роли Модератор */
.userBanner.bannerModerator {
background: linear-gradient(90deg, #a0a0a0, #ffffff, #a0a0a0); /* Серо-белый градиент */
color: #ffffff; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закругленные углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(160,160,160,0.8); /* Сияние баннера */
animation: glowModerator 2s infinite linear; /* Пульсация */
display: inline-block;
}
/* Пульсация баннера */
@keyframes glowModerator {
0% { box-shadow: 0 0 6px #a0a0a0, 0 0 12px #ffffff; }
50% { box-shadow: 0 0 18px #ffffff, 0 0 24px #a0a0a0; }
100% { box-shadow: 0 0 6px #a0a0a0, 0 0 12px #ffffff; }
}
/* Баннер роли Администратор (тёмно-синий, сияющий) */
.userBanner.bannerAdmin {
background: linear-gradient(90deg, #0d1b4c, #1a2a7a, #0d1b4c); /* Тёмно-синий градиент */
color: white; /* Белый текст */
font-weight: bold; /* Жирный текст */
border-radius: 8px; /* Закруглённые углы */
padding: 4px 12px; /* Отступы */
text-align: center;
box-shadow: 0 0 12px rgba(13,27,76,0.8); /* Сияние баннера */
animation: glowAdminBanner 2s infinite linear; /* Пульсация */
display: inline-block;
}
/* Пульсация баннера */
@keyframes glowAdminBanner {
0% { box-shadow: 0 0 6px #0d1b4c, 0 0 12px #1a2a7a; }
50% { box-shadow: 0 0 20px #1a2a7a, 0 0 28px #0d1b4c; }
100% { box-shadow: 0 0 6px #0d1b4c, 0 0 12px #1a2a7a; }
}
/* Баннер роли Тестер (розово-фиолетовый, сияющий) */
Обьясни тогда, для чего ты кодировал этот текст? Особенно это
/* Баннер роли с буквой сверху */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
}
/* Баннер роли */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент баннера */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
margin-top: 12px; /* Отступ сверху, чтобы буква была выше */
}
/* Баннер роли */
.userBanner.bannerQTestAccount {
position: relative;
background: linear-gradient(90deg, #ff0000, #ff4f4f, #ff0000); /* Красный градиент баннера */
color: white;
font-weight: bold;
border-radius: 8px;
padding: 2px 8px;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
animation: glowTestAccount 2s infinite linear;
margin-top: 12px; /* Отступ сверху, чтобы буква была выше */
}
