- Май
- 118
- 27
Пользователь
Дайте пожалуйста екстра лесс с этого форума - https://forum.bustrussia-online.ru/
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!@charset "UTF-8";
/********* public:extra.less ********/
.username--invisible {
color: #e0e6f0;
}
.username--banned {
text-decoration: line-through;
}
/* ===== Username styles ===== */
.username--style2,
.username--style29,
.username--style30 {
color: #C0C0C0;
text-shadow: 1px 1px 3px #808080;
}
.username--style3,
.username--style32,
.username--style37 {
color: red;
text-shadow: #f00 1px 1px 10px;
}
.username--style6 {
color: #ff0000;
text-shadow: #ff0000 1px 1px 10px;
}
.username--style7 {
color: #ff0000;
text-shadow: #ff0000 1px 1px 10px;
}
.username--style8 {
color: #ff7a00 !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #ff7a00, 0 0 12px rgba(255, 122, 0, 0.85) !important;
}
.username--style11 {
color: #6DB36D;
text-shadow: #6db36d 1px 1px 10px;
}
.username--style12 {
color: #6DB36D !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #6db36d, 0 0 12px rgba(109, 179, 109, 0.85) !important;
}
.username.username--style13,
a.username.username--style13,
.username--style13 {
color: #9676F5 !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #9676f5, 0 0 12px rgba(150, 118, 245, 0.85) !important;
}
.username.username--style14,
a.username.username--style14,
.username--style14 {
color: #006BFF !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #006bff, 0 0 12px rgba(0, 107, 255, 0.85) !important;
}
.username.username--style15,
a.username.username--style15,
.username--style15 {
color: #006BFF !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #006bff, 0 0 12px rgba(0, 107, 255, 0.85) !important;
}
.username--style16 {
color: #09bd72;
text-shadow: #09bd72 1px 1px 10px;
}
.username--style18 {
color: #ffca00;
text-shadow: #ffca00 1px 1px 10px;
}
.username--style22 {
color: #ffcc66;
text-shadow: #fc6 1px 1px 10px;
}
.username--style23 {
color: #ff0000;
text-shadow: #ff0000 1px 1px 10px;
}
.username--style24 {
color: #7cc3e0;
text-shadow: #a5d6ea 1px 1px 10px;
}
.username--style27,
.username--style41 {
color: #004eff;
text-shadow: #004eff 1px 1px 10px;
}
.username--style28 {
color: #f24666;
text-shadow: #f00 1px 1px 10px;
}
.username--style34 {
color: #ff4500;
text-shadow: #ff4500 1px 1px 10px;
}
.username--style35 {
color: #6495ED;
text-shadow: #6495ed 1px 1px 10px;
}
.username--style36 {
color: #20B2AA;
text-shadow: #20b2aa 1px 1px 10px;
}
.username--style40 {
color: #F0E68C;
text-shadow: #f0e68c 1px 1px 10px;
}
.username--style42 {
color: #FFA500;
text-shadow: 1px 1px 3px #ffa500;
}
.username.username--style20,
a.username.username--style20,
.username--style20 {
color: #FFD21A !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #ffd21a, 0 0 12px rgba(255, 210, 26, 0.85) !important;
}
/* ===== Base banners ===== */
.userBanner {
font-size: 75%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 2px;
text-align: center;
display: inline-block;
}
.userBanner strong {
font-weight: inherit;
}
.userBanner.userBanner--hidden {
background: none;
border: none;
box-shadow: none;
}
.userBanner.userBanner--staff,
.userBanner.userBanner--primary,
.userBanner.userBanner--accent,
.userBanner.userBanner--owner {
color: #e0e6f0;
background: #4080ff;
border-color: #4080ff;
}
.userBanner.userBanner--red {
color: #fff;
background: #d80000;
border-color: #a50000;
}
.userBanner.userBanner--green {
color: #fff;
background: #008000;
border-color: #004d00;
}
.userBanner.userBanner--olive {
color: #fff;
background: #808000;
border-color: #4d4d00;
}
.userBanner.userBanner--lightGreen {
color: #000;
background: #ccf9c8;
border-color: #bee8ba;
}
.userBanner.userBanner--blue {
color: #ffffff !important;
background: #006BFF !important;
border: 2px solid #4DA0FF !important;
border-radius: 5px !important;
padding: 2px 8px !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(0, 107, 255, 0.55) !important;
}
.userBanner.userBanner--royalBlue {
color: #fff;
background: #4169e1;
border-color: #214cce;
}
.userBanner.userBanner--skyBlue {
color: #fff;
background: #7cc3e0;
border-color: #53b0d6;
}
.userBanner.userBanner--gray {
color: #fff;
background: #808080;
border-color: #676767;
}
.userBanner.userBanner--silver {
color: #000;
background: #c0c0c0;
border-color: #a7a7a7;
}
.userBanner.userBanner--yellow {
color: #000;
background: #ffff91;
border-color: #e6e687;
}
.userBanner.userBanner--orange {
color: #000;
background: #ffcb00;
border-color: #cca200;
}
/* ===== Custom banners ===== */
.userBanner.userBanner--techOrange,
.userBanner--techOrange {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: linear-gradient(to right, #ff3c00, #ff7a00) !important;
border: 1px solid #ff8a00 !important;
font-weight: 700 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
box-shadow: 0 0 8px rgba(255, 90, 0, 0.45) !important;
}
.userBanner.userBanner--techPurple,
.userBanner--techPurple {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #7367f0 !important;
border: 1px solid #8b82ff !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.userBanner.userBanner--adminGreen,
.userBanner--adminGreen {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #00a832 !important;
border: 1px solid #00c746 !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.userBanner.userBanner--adminGreenDark,
.userBanner--adminGreenDark {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #007a25 !important;
border: 1px solid #009933 !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.userBanner.userBanner--techMint,
.userBanner--techMint {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #10c987 !important;
border: 1px solid #18e09a !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.userBanner.userBanner--greenSoft,
.userBanner--greenSoft {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #6DB36D !important;
border: 1px solid #7CC37C !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.userBanner.userBanner--curatorPurple,
.userBanner--curatorPurple {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: #9676F5 !important;
border: 1px solid #B19BFF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(150, 118, 245, 0.45) !important;
}
.userBanner.userBanner--watcherBlue,
.userBanner--watcherBlue {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 5px !important;
color: #ffffff !important;
background: #006BFF !important;
border: 1px solid #2F86FF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(0, 107, 255, 0.55) !important;
}
.userBanner.userBanner--seniorAdmin,
.userBanner--seniorAdmin {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 5px !important;
color: #ffffff !important;
background: #6398E8 !important;
border: 1px solid #7EAEFF !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(99, 152, 232, 0.45) !important;
}
.userBanner.userBanner--serverRed,
.userBanner--serverRed {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #FF3B3B !important;
border: 1px solid #FF5A5A !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.userBanner.userBanner--serverRed .username,
.userBanner--serverRed .username,
.userBanner.userBanner--serverRed -name,
.userBanner--serverRed -name,
.userBanner.userBanner--serverRed a.username,
.userBanner--serverRed a.username {
background-image: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7);
background-size: 300% 100%;
/* Размер больше текста, чтобы было что двигать */
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
animation: gradient-animation 10s ease infinite;
/* Запуск анимации */
}
@keyframes gradient-animation {
.userBanner.userBanner--serverRed 0%,
.userBanner--serverRed 0% {
background-position: 0% 50%;
}
.userBanner.userBanner--serverRed 50%,
.userBanner--serverRed 50% {
background-position: 100% 50%;
}
.userBanner.userBanner--serverRed 100%,
.userBanner--serverRed 100% {
background-position: 0% 50%;
}
}
.userBanner.userBanner--moscowServer,
.userBanner--moscowServer {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #FF3B3B !important;
border: 1px solid #FF5A5A !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(255, 59, 59, 0.45) !important;
}
.userBanner.userBanner--projectTeam,
.userBanner--projectTeam {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #FFFFFF !important;
background: #FFD21A !important;
border: 1px solid #FFE066 !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: none !important;
box-shadow: 0 0 8px rgba(255, 210, 26, 0.45) !important;
}
.userBanner.userBanner--projectOwner,
.userBanner--projectOwner {
display: inline-block !important;
padding: 2px 9px !important;
border-radius: 5px !important;
color: #ffffff !important;
background: linear-gradient(90deg, #ff5a00, #ffb300, #ffdd55) !important;
border: 1px solid #ffe066 !important;
font-size: 75% !important;
font-weight: 800 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0 8px rgba(255, 174, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.userBanner.userBanner--orgLeader {
color: #5a4632 !important;
border: none;
text-shadow: none;
background-image: repeating-linear-gradient(45deg, #f3e7d6 0px, #f3e7d6 7px, #e7d3ba 7px, #e7d3ba 14px);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}
/* ===== Скрыть стандартную плашку Staff member ===== */
.userBanner.userBanner--staff,
.userBanner--staff,
.memberHeader-banners .userBanner--staff,
.message-userBanner.userBanner--staff,
.message-userExtras .userBanner--staff,
.memberTooltip .userBanner--staff,
.memberTooltip-banners .userBanner--staff,
.memberHeader .userBanner--staff,
.memberHeader-banners .userBanner.userBanner--staff,
.message-user .userBanner.userBanner--staff,
.message-cell .userBanner.userBanner--staff,
.userBannerList .userBanner.userBanner--staff,
.userBannerList .userBanner--staff {
display: none !important;
}
/* ===== Alerts ===== */
.alert.is-unread {
color: #e0e6f0;
background: #1a1f2a;
}
.alertToggler {
text-decoration: none !important;
padding: 6px;
margin-right: -6px;
}
.alert .alertToggler {
opacity: 0;
}
.alert:hover .alertToggler,
.has-touchevents .alertToggler {
opacity: 1;
}
.alertToggler-icon {
font-size: .75em;
font-weight: 400;
}
/* ===== Forum blocks ===== */
.block-minorHeader {
margin: 0;
text-decoration: none;
font-size: 17px;
color: #e0e6f0;
border-bottom: 1px solid #1a1f2a;
font-weight: 600;
padding: 10px 20px;
margin-bottom: 0;
}
[data-template="forum_list"] .p-body-header {
background: transparent;
padding: 15px;
border-radius: 9px;
box-shadow: none;
margin-bottom: 20px;
}
.blockMessage p:last-child,
.blockStatus p:last-child,
.block-row p:last-child {
color: #4080ff;
margin-bottom: 0;
background: #4080ff1c;
padding: 10px;
border-radius: 8px;
margin-top: 5px;
}
.p-body-sidebar .block-container {
padding: 5px;
}
.node-extra {
width: auto;
padding: 10px;
text-align: center;
font-size: 0.9rem;
}
svg {
fill: transparent;
}
.node-stats .pairs.pairs--rows > dd {
font-size: 1.35em;
color: #4080ff;
}
.node-extra-icon {
padding-right: 10px;
padding-left: 12px;
float: right;
}
.node-extra-row {
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
color: #e2e2e4;
}
.node-title {
font-size: 16px;
}
/* ===== Buttons ===== */
.button.button--link:hover,
a.button.button--link:hover {
border-color: #252a35;
}
.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus {
text-decoration: none;
background: #252a35;
color: #e0e6f0;
}
/* ===== Small colored labels ===== */
.red {
color: white;
background: linear-gradient(to right, #ff0000, #990000);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600;
}
.green {
color: white;
background: linear-gradient(to right, #228b22, #008000);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600;
}
.orange {
color: white;
background: linear-gradient(to right, #ffa500, #ff8c00);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600;
}
.skyred {
color: white;
background: linear-gradient(to right, #f24666, #f24666);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600;
}
.yellow {
color: black;
background: linear-gradient(to right, #ffff00, #ffa500);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600;
}
.userBanner.userBanner--prManager,
.userBanner--prManager {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: linear-gradient(to right, #f0a12e, #ffb700) !important;
border: 1px solid #ffc02e !important;
font-weight: 700 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
box-shadow: 0 0 8px rgba(240, 161, 46, 0.45) !important;
}
.lider {
background: #7dc2e1;
border-radius: 3px;
color: #000000;
}
.ga {
background: #008000;
border-radius: 3px;
}
.style.spec {
background: #FF0000;
border-radius: 3px;
}
.zga {
background: #6DB36D;
border-radius: 3px;
}
.kurator {
background: #9676F5;
border-radius: 3px;
}
.gs {
background: #006BFF;
border-radius: 3px;
}
.zgs {
background: #006BFF;
border-radius: 3px;
}
.projectTeam {
background: #FFD21A;
border-radius: 3px;
}
.gta {
background: #FF5A00;
border-radius: 3px;
}
.zgta {
background: #7b6cff;
border-radius: 3px;
}
.Zam {
background: #FF0000;
border-radius: 3px;
}
.teh {
background: #10c987;
border-radius: 3px;
}
.moscow {
background: #FF4040;
border-radius: 3px;
}
.moder {
background: #F0C65A;
border-radius: 3px;
}
.prManager {
background: #FFD700;
border-radius: 3px;
}
.Test {
background: #21B2AB;
border-radius: 3px;
}
.Legendary {
background: #ECE289;
border-radius: 3px;
}
/* Обычные чекбоксы вместо кастомных XenForo */
.iconic {
display: inline-flex;
align-items: center;
gap: 8px;
}
.iconic > input[type="checkbox"],
.iconic > input[type="radio"] {
position: static !important;
opacity: 1 !important;
width: 16px !important;
height: 16px !important;
margin: 0 6px 0 0 !important;
pointer-events: auto !important;
appearance: auto !important;
-webkit-appearance: auto !important;
}
.iconic > i {
display: none !important;
}
.iconic-label {
color: inherit;
}
.vp {
background-color: #c62828;
color: #ffffff;
border: 2px solid #ef5350;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #c62828 0%, #ef5350 50%, #c62828 100%);
background-size: 200% 100%;
animation: vpShine 4s linear infinite;
}
@keyframes vpShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.vp .username,
.vp .memberHeader-name a,
.vp .memberHeader-name span {
color: #c62828 !important;
text-shadow: 0 0 4px #c62828, 0 0 8px #c62828, 0 0 12px #c62828, 0 0 16px #c62828 !important;
font-weight: 800 !important;
}
.userBanner,
.test,
.razr,
.rp,
.rto,
.specadm,
.zrto,
.tehs,
.ga,
.ozga,
.zga,
.kurator,
.tp,
.vp,
.rot,
.gt,
.zgt,
.stest,
.tester {
padding: 2px 12px !important;
font-size: 10px !important;
border-width: 1px !important;
border-radius: 30px !important;
margin: 1px 3px !important;
}
.ga {
background-color: #008000;
color: #ffffff;
border: 2px solid #008000;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #008000 0%, #006400 50%, #006400 100%);
background-size: 200% 100%;
animation: gaShine 4s linear infinite;
}
@keyframes gaShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.ga .username,
.ga .memberHeader-name a,
.ga .memberHeader-name span {
color: #b71c1c !important;
text-shadow: 0 0 4px #b71c1c, 0 0 8px #b71c1c, 0 0 12px #b71c1c, 0 0 16px #b71c1c !important;
font-weight: 800 !important;
}
.ozga {
background-color: #98FB98;
color: #ffffff;
border: 2px solid #98FB98;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #98fb98 0%, #98fb98 50%, #98fb98 100%);
background-size: 200% 100%;
animation: ozgaShine 4s linear infinite;
}
@keyframes ozgaShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.ozga .username,
.ozga .memberHeader-name a,
.ozga .memberHeader-name span {
color: #98FB98 !important;
text-shadow: 0 0 4px #98FB98, 0 0 8px #98FB98, 0 0 12px #98FB98, 0 0 16px #98FB98 !important;
font-weight: 800 !important;
}
.zga {
background-color: #90EE90;
color: #ffffff;
border: 2px solid #90EE90;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #90ee90 0%, #90ee90 50%, #90ee90 100%);
background-size: 200% 100%;
animation: zgaShine 4s linear infinite;
}
@keyframes zgaShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.zga .username,
.zga .memberHeader-name a,
.zga .memberHeader-name span {
color: #b71c1c !important;
text-shadow: 0 0 4px #b71c1c, 0 0 8px #b71c1c, 0 0 12px #b71c1c, 0 0 16px #b71c1c !important;
font-weight: 800 !important;
}
.gts {
background-color: #e65100;
color: #ffffff;
border: 2px solid #ff8c00;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #e65100 0%, #ff8c00 50%, #e65100 100%);
background-size: 200% 100%;
animation: rtoShine 4s linear infinite;
}
@keyframes rtoShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.rto .username,
.rto .memberHeader-name a,
.rto .memberHeader-name span {
color: #e65100 !important;
text-shadow: 0 0 4px #e65100, 0 0 8px #e65100, 0 0 12px #e65100, 0 0 16px #e65100 !important;
font-weight: 800 !important;
}
.specadm {
background-color: #ff0000;
color: #ffffff;
border: 2px solid #ff0000;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #ff0000 0%, #ff0000 50%, #ff0000 100%);
background-size: 200% 100%;
animation: specadmShine 4s linear infinite;
}
@keyframes specadmShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.specadm .username,
.specadm .memberHeader-name a,
.specadm .memberHeader-name span {
color: #c2185b !important;
text-shadow: 0 0 4px #c2185b, 0 0 8px #c2185b, 0 0 12px #c2185b, 0 0 16px #c2185b !important;
font-weight: 800 !important;
}
.servermsk {
background-color: #ef5350;
color: #ffffff;
border: 2px solid #c62828;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.servermsk .username,
.servermsk .memberHeader-name a,
.servermsk .memberHeader-name span {
color: #ef5350 !important;
text-shadow: 0 0 4px #ef5350, 0 0 8px #ef5350, 0 0 12px #ef5350, 0 0 16px #ef5350 !important;
font-weight: 800 !important;
}
.moderator {
background-color: #FFD700;
color: #ffffff;
border: 2px solid #FFD700;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.moderator .username,
.moderator .memberHeader-name a,
.moderator .memberHeader-name span {
color: #FFD700 !important;
text-shadow: 0 0 4px #FFD700, 0 0 8px #FFD700, 0 0 12px #FFD700, 0 0 16px #FFD700 !important;
font-weight: 800 !important;
}
.staradmin {
background-color: #AFEEEE;
color: #ffffff;
border: 2px solid #AFEEEE;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.staradmin .username,
.staradmin .memberHeader-name a,
.staradmin .memberHeader-name span {
color: #AFEEEE !important;
text-shadow: 0 0 4px #AFEEEE, 0 0 8px #AFEEEE, 0 0 12px #AFEEEE, 0 0 16px #AFEEEE !important;
font-weight: 800 !important;
}
.zamgs {
background-color: #0000CD;
color: #ffffff;
border: 2px solid #0000CD;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.zamgs .username,
.zamgs .memberHeader-name a,
.zamgs .memberHeader-name span {
color: #7c4dff !important;
text-shadow: 0 0 4px #0000CD, 0 0 8px #0000CD, 0 0 12px #0000CD, 0 0 16px #0000CD !important;
font-weight: 800 !important;
}
.adminservera {
background-color: #6495ED;
color: #ffffff;
border: 2px solid #6495ED;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.adminservera .username,
.adminservera .memberHeader-name a,
.adminservera .memberHeader-name span {
color: #6495ED !important;
text-shadow: 0 0 4px #6495ED, 0 0 8px #6495ED, 0 0 12px #6495ED, 0 0 16px #6495ED !important;
font-weight: 800 !important;
}
.glavsled {
background-color: #1e88e5;
color: #ffffff;
border: 2px solid #42a5f5;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.glavsled .username,
.glavsled .memberHeader-name a,
.glavsled .memberHeader-name span {
color: #1e88e5 !important;
text-shadow: 0 0 4px #1e88e5, 0 0 8px #1e88e5, 0 0 12px #1e88e5, 0 0 16px #1e88e5 !important;
font-weight: 800 !important;
}
.zamspeecc {
background-color: #d32f2f;
color: #ffffff;
border: 2px solid #b71c1c;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.zamspeecc .username,
.zamspeecc .memberHeader-name a,
.zamspeecc .memberHeader-name span {
color: #d32f2f !important;
text-shadow: 0 0 4px #d32f2f, 0 0 8px #d32f2f, 0 0 12px #d32f2f, 0 0 16px #d32f2f !important;
font-weight: 800 !important;
}
.yspexuser {
background-color: #f8bbd0;
color: #ffffff;
border: 2px solid #f48fb1;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.yspexuser .username,
.yspexuser .memberHeader-name a,
.yspexuser .memberHeader-name span {
color: #f8bbd0 !important;
text-shadow: 0 0 4px #f8bbd0, 0 0 8px #f8bbd0, 0 0 12px #f8bbd0, 0 0 16px #f8bbd0 !important;
font-weight: 800 !important;
}
.legenduser {
background-color: #ffcc00;
color: #1a1a1a;
border: 2px solid #b38600;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #ffcc00 0%, #ffe066 50%, #ffcc00 100%);
background-size: 200% 100%;
animation: legendShine 4s linear infinite;
}
@keyframes legendShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.legenduser .username,
.legenduser .memberHeader-name a,
.legenduser .memberHeader-name span {
color: #ffcc00 !important;
text-shadow: 0 0 4px #ffcc00, 0 0 8px #ffcc00, 0 0 12px #ffcc00, 0 0 16px #ffcc00 !important;
font-weight: 800 !important;
}
.zamgts {
background-color: #8b5cf6;
color: #ffffff;
border: 2px solid #a78bfa;
border-radius: 50px;
display: inline-block;
padding: 6px 12px;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: 1.2;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: normal !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.zamgts .username,
.zamgts .memberHeader-name a,
.zamgts .memberHeader-name span {
color: #8b5cf6 !important;
text-shadow: 0 0 4px #8b5cf6, 0 0 8px #8b5cf6, 0 0 12px #8b5cf6, 0 0 16px #8b5cf6 !important;
font-weight: 800 !important;
}
.kurator {
background-color: #7b1fa2;
color: #ffffff;
border: 2px solid #ab47bc;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, #7b1fa2 0%, #ab47bc 50%, #7b1fa2 100%);
background-size: 200% 100%;
animation: kuratorShine 4s linear infinite;
}
@keyframes kuratorShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.kurator .username,
.kurator .memberHeader-name a,
.kurator .memberHeader-name span {
color: #7b1fa2 !important;
text-shadow: 0 0 4px #7b1fa2, 0 0 8px #7b1fa2, 0 0 12px #7b1fa2, 0 0 16px #7b1fa2 !important;
font-weight: 800 !important;
}
.newuser {
background-color: #d1d1d1;
color: #1a1a1a;
border: 2px solid
#b0b0b0;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.newuser .username,
.newuser .memberHeader-name a,
.newuser .memberHeader-name span {
color: #b0b0b0 !important;
text-shadow: 0 0 4px #b0b0b0, 0 0 8px #b0b0b0, 0 0 12px #b0b0b0, 0 0 16px #b0b0b0 !important;
font-weight: 800 !important;
}
.leadersserv {
background-color: #7ec8e3;
color: #ffffff;
border: 2px solid #5faac7;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
}
.leadersserv .username,
.leadersserv .memberHeader-name a,
.leadersserv .memberHeader-name span {
color: #7ec8e3 !important;
text-shadow: 0 0 4px #7ec8e3, 0 0 8px #7ec8e3, 0 0 12px #7ec8e3, 0 0 16px #7ec8e3 !important;
font-weight: 800 !important;
}
.zabl {
background-color: 4a4a4a;
color: ffffff;
border: 2px solid 6a6a6a;
border-radius: 50px;
display: inline-block;
padding: 4px 18px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: nowrap;
background-image: linear-gradient(90deg, 4a 4a 4a 0%, 6a 6a 6a 50%, 4a 4a 4a 100%);
background-size: 200% 100%;
animation: zablShine 4s linear infinite;
}
@keyframes zablShine {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.zabl .username,
.zabl .memberHeader-name a,
.zabl .memberHeader-name span {
color: 4a4a4a;
text-shadow: 0 0 4px 4a4a4a, 0 0 8px 4a4a4a, 0 0 12px 4a4a4a, 0 0 16px 4a4a4a;
font-weight: 800;
}
.adminforuma {
background-color: #8e24aa;
color: #ffffff;
border: 2px solid #6a1b9a;
border-radius: 50px;
display: inline-block;
padding: 6px 12px;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 2px 4px;
line-height: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
pointer-events: none;
white-space: normal;
max-width: 100%;
box-sizing: border-box;
}
.adminforuma .username,
.adminforuma .memberHeader-name a,
.adminforuma .memberHeader-name span {
color: #8e24aa !important;
text-shadow: 0 0 4px #8e24aa, 0 0 8px #8e24aa, 0 0 12px #8e24aa, 0 0 16px #8e24aa !important;
font-weight: 800 !important;
}