Можете дать стиль и краски у данного форума
(Не реклама)
(Не реклама)
Помощь по стилю и красок
- Автор темы Denis_B
- Дата начала
Решение
- Авг
- 55
- 8
Пользователь
CSS:
.actual-svg {
background: #289db936;
color: #00ceffa8;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.arkhiv-svg {
background: #4b4b4b;
color: #bbbbbb;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.yuo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.vo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.zo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.po-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.fo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.chandler-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.so-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.mo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.nrassm-svg {
background: #ffeaa970;
color: #ffce6d;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.otkaz-svg {
background: #53000070;
color: #a90000;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.odobr-svg {
background: #14591473;
color: #55b500;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.rassm-svg {
background: #14591473;
color: #55b500;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.prefix-custom-svg {
background: #ffa1a136;
color: #ff0000bd;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.info-svg {
background: #829cff36;
color: #a9a9a9;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.chs-svg {
background: #000000;
color: #b1b1b1;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.userBanner--keeperdev {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
font-size: 12px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(66,13,13,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(66,13,13,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #420d0d !important;
font-weight: bold !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: 0 0 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--keeperdev::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
font-size: 16px !important;
z-index: 2 !important
}
.userBanner--keeperdev::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--keeperdev:hover {
background: rgba(66,13,13,0.3) !important;
border-color: rgba(66,13,13,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--turquoise2 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(20,184,166,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(20,184,166,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #5eead4 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--turquoise2::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--turquoise2:hover {
background: rgba(20,184,166,0.3) !important;
border-color: rgba(20,184,166,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--turquoise {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 55px !important;
padding: 0 16px !important;
background: rgba(20,184,166,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(20,184,166,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #5eead4 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--turquoise::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--turquoise:hover {
background: rgba(20,184,166,0.3) !important;
border-color: rgba(20,184,166,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(0,187,204,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(0,187,204,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #6f8d95 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(0,187,204,0.74) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--moderator:hover {
background: rgba(0,187,204,0.3) !important;
border-color: rgba(0,187,204,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--senior-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(255,204,0,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(255,204,0,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #c7a21c !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #ffd738 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--senior-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--senior-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--senior-moderator:hover {
background: rgba(255,204,0,0.3) !important;
border-color: rgba(255,204,0,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--moderation-watcher {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(60,0,255,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(60,0,255,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #333aff !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(60,0,255,0.52) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--moderation-watcher::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--moderation-watcher::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--moderation-watcher:hover {
background: rgba(60,0,255,0.3) !important;
border-color: rgba(60,0,255,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--special-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(99,102,241,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(99,102,241,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #a5b4fc !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--special-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--special-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--special-moderator:hover {
background: rgba(99,102,241,0.3) !important;
border-color: rgba(99,102,241,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--moderation-curator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(212,101,241,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(212,101,241,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #d465f1 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #d867f4 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--moderation-curator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--moderation-curator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--moderation-curator:hover {
background: rgba(212,101,241,0.3) !important;
border-color: rgba(212,101,241,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--deputy-chief-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(136,180,0,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(136,180,0,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #88B400 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #b5e133 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--deputy-chief-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--deputy-chief-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--deputy-chief-moderator:hover {
background: rgba(136,180,0,0.3) !important;
border-color: rgba(136,180,0,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--chief-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(23,147,25,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(23,147,25,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #179319 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #179219 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--chief-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--chief-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--chief-moderator:hover {
background: rgba(23,147,25,0.3) !important;
border-color: rgba(23,147,25,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--event-host {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(255,182,193,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(255,182,193,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #ffb6c1 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(255,182,193,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--event-host::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--event-host::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--event-host:hover {
background: rgba(255,182,193,0.3) !important;
border-color: rgba(255,182,193,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--main-admin {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(0,100,0,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(0,100,0,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #4d9f4d !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(0,100,0,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--main-admin::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--main-admin::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--main-admin:hover {
background: rgba(0,100,0,0.3) !important;
border-color: rgba(0,100,0,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--discord-curator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(220,38,38,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(220,38,38,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #f87171 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(220,38,38,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--discord-curator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--discord-curator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--discord-curator:hover {
background: rgba(220,38,38,0.3) !important;
border-color: rgba(220,38,38,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--discord-director {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(185,28,28,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(185,28,28,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #ef4444 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(185,28,28,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--discord-director::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--discord-director::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--discord-director:hover {
background: rgba(185,28,28,0.3) !important;
border-color: rgba(185,28,28,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--host-director {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(255,192,203,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(255,192,203,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #ffc0cb !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(255,192,203,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--host-director::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--host-director::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--host-director:hover {
background: rgba(255,192,203,0.3) !important;
border-color: rgba(255,192,203,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--ecosystem-director {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(239,68,68,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(239,68,68,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #fca5a5 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(239,68,68,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--ecosystem-director::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--ecosystem-director::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--ecosystem-director:hover {
background: rgba(239,68,68,0.3) !important;
border-color: rgba(239,68,68,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--community {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(34,139,34,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(34,139,34,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #4ade80 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(34,139,34,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--community::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--community::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--community:hover {
background: rgba(34,139,34,0.3) !important;
border-color: rgba(34,139,34,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--special-moderator-vk {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 55px !important;
padding: 0 16px !important;
background: rgba(99,102,241,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(99,102,241,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #a5b4fc !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--special-moderator-vk::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--special-moderator-vk::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
Последнее редактирование модератором:
Не работает
Последнее редактирование:
- Ноя
- 9
- 0
Пользователь
А как сделать,уже не как?
Мне только краски,хотя бы,стиль похожий найду
- Дек
- 146
- 183
Пользователь
Сяду за компьютер, если не забуду скину.
- Дек
- 146
- 183
Пользователь
Так надо:
.actual-svg {
background: #289db936;
color: #00ceffa8;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.arkhiv-svg {
background: #4b4b4b;
color: #bbbbbb;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.yuo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.vo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.zo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.po-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.fo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.chandler-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.so-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.mo-svg {
background: #795b0070;
color: #ffa900;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.nrassm-svg {
background: #ffeaa970;
color: #ffce6d;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.otkaz-svg {
background: #53000070;
color: #a90000;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.odobr-svg {
background: #14591473;
color: #55b500;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.rassm-svg {
background: #14591473;
color: #55b500;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.prefix-custom-svg {
background: #ffa1a136;
color: #ff0000bd;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.info-svg {
background: #829cff36;
color: #a9a9a9;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.chs-svg {
background: #000000;
color: #b1b1b1;
display: inline-block;
border: none;
padding: 3px 6px;
border-radius: 8px;
font-size: 80% !important;
line-height: 1.26 !important;
text-decoration: none
}
.userBanner--keeperdev {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
font-size: 12px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(66,13,13,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(66,13,13,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #420d0d !important;
font-weight: bold !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: 0 0 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--keeperdev::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
font-size: 16px !important;
z-index: 2 !important
}
.userBanner--keeperdev::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--keeperdev:hover {
background: rgba(66,13,13,0.3) !important;
border-color: rgba(66,13,13,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--turquoise2 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(20,184,166,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(20,184,166,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #5eead4 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--turquoise2::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--turquoise2:hover {
background: rgba(20,184,166,0.3) !important;
border-color: rgba(20,184,166,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--turquoise {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 55px !important;
padding: 0 16px !important;
background: rgba(20,184,166,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(20,184,166,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #5eead4 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--turquoise::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--turquoise:hover {
background: rgba(20,184,166,0.3) !important;
border-color: rgba(20,184,166,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(0,187,204,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(0,187,204,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #6f8d95 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(0,187,204,0.74) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--moderator:hover {
background: rgba(0,187,204,0.3) !important;
border-color: rgba(0,187,204,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--senior-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(255,204,0,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(255,204,0,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #c7a21c !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #ffd738 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--senior-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--senior-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--senior-moderator:hover {
background: rgba(255,204,0,0.3) !important;
border-color: rgba(255,204,0,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--moderation-watcher {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(60,0,255,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(60,0,255,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #333aff !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(60,0,255,0.52) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--moderation-watcher::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--moderation-watcher::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--moderation-watcher:hover {
background: rgba(60,0,255,0.3) !important;
border-color: rgba(60,0,255,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--special-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(99,102,241,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(99,102,241,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #a5b4fc !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--special-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--special-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--special-moderator:hover {
background: rgba(99,102,241,0.3) !important;
border-color: rgba(99,102,241,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--moderation-curator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(212,101,241,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(212,101,241,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #d465f1 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #d867f4 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--moderation-curator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--moderation-curator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--moderation-curator:hover {
background: rgba(212,101,241,0.3) !important;
border-color: rgba(212,101,241,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--deputy-chief-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(136,180,0,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(136,180,0,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #88B400 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #b5e133 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--deputy-chief-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--deputy-chief-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--deputy-chief-moderator:hover {
background: rgba(136,180,0,0.3) !important;
border-color: rgba(136,180,0,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--chief-moderator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(23,147,25,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(23,147,25,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #179319 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: #179219 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--chief-moderator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--chief-moderator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--chief-moderator:hover {
background: rgba(23,147,25,0.3) !important;
border-color: rgba(23,147,25,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--event-host {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(255,182,193,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(255,182,193,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #ffb6c1 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(255,182,193,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--event-host::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--event-host::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--event-host:hover {
background: rgba(255,182,193,0.3) !important;
border-color: rgba(255,182,193,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--main-admin {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(0,100,0,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(0,100,0,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #4d9f4d !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(0,100,0,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--main-admin::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--main-admin::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--main-admin:hover {
background: rgba(0,100,0,0.3) !important;
border-color: rgba(0,100,0,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--discord-curator {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(220,38,38,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(220,38,38,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #f87171 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(220,38,38,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--discord-curator::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--discord-curator::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--discord-curator:hover {
background: rgba(220,38,38,0.3) !important;
border-color: rgba(220,38,38,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--discord-director {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(185,28,28,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(185,28,28,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #ef4444 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(185,28,28,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--discord-director::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--discord-director::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--discord-director:hover {
background: rgba(185,28,28,0.3) !important;
border-color: rgba(185,28,28,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--host-director {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(255,192,203,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(255,192,203,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #ffc0cb !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(255,192,203,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--host-director::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--host-director::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--host-director:hover {
background: rgba(255,192,203,0.3) !important;
border-color: rgba(255,192,203,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--ecosystem-director {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(239,68,68,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(239,68,68,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #fca5a5 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(239,68,68,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--ecosystem-director::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--ecosystem-director::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--ecosystem-director:hover {
background: rgba(239,68,68,0.3) !important;
border-color: rgba(239,68,68,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--community {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 39px !important;
padding: 0 16px !important;
background: rgba(34,139,34,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(34,139,34,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #4ade80 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(34,139,34,0.7) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--community::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--community::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}
.userBanner--community:hover {
background: rgba(34,139,34,0.3) !important;
border-color: rgba(34,139,34,0.6) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}
.userBanner--special-moderator-vk {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 190px !important;
height: 55px !important;
padding: 0 16px !important;
background: rgba(99,102,241,0.2) !important;
backdrop-filter: blur(25px) saturate(180%) !important;
-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
border-radius: 14px !important;
border: 1.5px solid rgba(99,102,241,0.4) !important;
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
color: #a5b4fc !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
position: relative !important;
transition: all .3s ease !important
}
.userBanner--special-moderator-vk::before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
font-size: 15px !important;
z-index: 2 !important
}
.userBanner--special-moderator-vk::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
border-radius: 14px !important;
pointer-events: none !important;
z-index: 1 !important
}Добавляешь данный код в extra.less на форуме сохраняешь, потом идёшь Группы и Права - Группы Пользователей - Группа которая тебе нужна и вставляешь вот это:
Pawn:
userBanner--communityИ получаешь результат:
- Ноя
- 9
- 0
Пользователь
- Дек
- 146
- 183
Пользователь
так они и не должны отображаться.@COLTON, иконки не отображаются
- Дек
- 146
- 183
Пользователь
То есть, заходишь на любой хостинг таких картинкой копируешь и вставляешь в текст баннера.
- Дек
- 146
- 183
Пользователь
ток с картинкой должно быть
- Ноя
- 1,753
- 4,652
Команда форума
Администратор
[Kolpak] Arizona RP (Copy)
Внимание! Автор данной копии стиля @Kolpak. В случае загрузки на сторонние ресурсы обязательно указывать наш ресурс aurproject.eu, а также автора стиля — Kolpak. Данная версия стиля была выкуплена для распространения в общий доступ. Для...
pawno-help.ru
Стиль Arizona Role Play
Новый стиль Arizona Role Play 2025 года. Авторы копии: viovit & cold Авторы оригинала: DohTheme & Arizona Games & Gazarov При покупке идут бесплатные обновления на год. Скриншот стиля:
pawno-help.ru
Белая вариация стиля ArizonaRP 2025
Переработал тёмную вариацию в светлую, не могу сказать что она идеальна, но как по мне прикольно смотрится. Переслив разрешен на другие форумы при указании автора слива и ссылки на сам ресурс. Нашли баг? - Напишите в обсуждение
pawno-help.ru
Основа стиля форума, про который вы спрашиваете:
Tiles
Tiles — это уникальная тема для XenForo, построенная на концепции плиток. Она предлагает необычную компоновку узлов, полностью адаптивна и оснащена яркими виджетами. Независимо от того, что вы хотите создать, наша тема содержит всё необходимое...
pawno-help.ru
Код будет работать на 2.0, 2.1, 2.2, 2.3. В шаблон
extra.less:
Less:
.userBanner
{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 190px;
height: 39px;
padding: 0 16px;
position: relative;
transition: all .3s ease;
border-radius: 14px;
border: 1.5px solid transparent;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.10);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 600;
backdrop-filter: blur(25px) saturate(180%);
-webkit-backdrop-filter: blur(25px) saturate(180%);
&::before
{
display: inline-block;
font-size: 15px;
z-index: 2;
.m-faBase();
}
&::after
{
content: '';
position: absolute;
inset: 0;
border-radius: 14px;
pointer-events: none;
z-index: 1;
}
&:hover
{
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.20), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
}
&.keeperdev
{
background: rgba(66, 13, 13, 0.20);
border-color: rgba(66, 13, 13, 0.40);
color: #420d0d;
font-weight: 700;
font-size: 13px;
text-shadow: 0 0 10px;
&::before
{
font-size: 16px;
.m-faContent(@fa-var-code);
}
&::after
{
background: linear-gradient(135deg, rgba(66, 13, 13, 0.30) 0%, rgba(66, 13, 13, 0.15) 50%, rgba(50, 10, 10, 0.25) 100%);
}
&:hover
{
background: rgba(66, 13, 13, 0.30);
border-color: rgba(66, 13, 13, 0.60);
}
}
&.turquoise2
{
background: rgba(20, 184, 166, 0.20);
border-color: rgba(20, 184, 166, 0.40);
color: #5eead4;
text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;
&::after
{
background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
}
&:hover
{
background: rgba(20, 184, 166, 0.30);
border-color: rgba(20, 184, 166, 0.60);
}
}
&.turquoise
{
height: 55px;
background: rgba(20, 184, 166, 0.20);
border-color: rgba(20, 184, 166, 0.40);
color: #5eead4;
text-shadow: rgba(20, 184, 166, 0.70) 1px 1px 10px;
&::after
{
background: linear-gradient(135deg, rgba(20, 184, 166, 0.30) 0%, rgba(20, 184, 166, 0.15) 50%, rgba(13, 148, 136, 0.25) 100%);
}
&:hover
{
background: rgba(20, 184, 166, 0.30);
border-color: rgba(20, 184, 166, 0.60);
}
}
&.moderator
{
background: rgba(0, 187, 204, 0.20);
border-color: rgba(0, 187, 204, 0.40);
color: #6f8d95;
text-shadow: rgba(0, 187, 204, 0.74) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-user);
}
&::after
{
background: linear-gradient(135deg, rgba(0, 187, 204, 0.30) 0%, rgba(0, 187, 204, 0.15) 50%, rgba(0, 150, 163, 0.25) 100%);
}
&:hover
{
background: rgba(0, 187, 204, 0.30);
border-color: rgba(0, 187, 204, 0.60);
}
}
&.senior-moderator
{
background: rgba(255, 204, 0, 0.20);
border-color: rgba(255, 204, 0, 0.40);
color: #c7a21c;
text-shadow: #ffd738 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-user-tie);
}
&::after
{
background: linear-gradient(135deg, rgba(255, 204, 0, 0.30) 0%, rgba(255, 204, 0, 0.15) 50%, rgba(199, 162, 28, 0.25) 100%);
}
&:hover
{
background: rgba(255, 204, 0, 0.30);
border-color: rgba(255, 204, 0, 0.60);
}
}
&.moderation-watcher
{
background: rgba(60, 0, 255, 0.20);
border-color: rgba(60, 0, 255, 0.40);
color: #333aff;
text-shadow: rgba(60, 0, 255, 0.52) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-eye);
}
&::after
{
background: linear-gradient(135deg, rgba(60, 0, 255, 0.30) 0%, rgba(60, 0, 255, 0.15) 50%, rgba(51, 58, 255, 0.25) 100%);
}
&:hover
{
background: rgba(60, 0, 255, 0.30);
border-color: rgba(60, 0, 255, 0.60);
}
}
&.special-moderator
{
background: rgba(99, 102, 241, 0.20);
border-color: rgba(99, 102, 241, 0.40);
color: #a5b4fc;
text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-star);
}
&::after
{
background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
}
&:hover
{
background: rgba(99, 102, 241, 0.30);
border-color: rgba(99, 102, 241, 0.60);
}
}
&.moderation-curator
{
background: rgba(212, 101, 241, 0.20);
border-color: rgba(212, 101, 241, 0.40);
color: #d465f1;
text-shadow: #d867f4 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-user-check);
}
&::after
{
background: linear-gradient(135deg, rgba(212, 101, 241, 0.30) 0%, rgba(212, 101, 241, 0.15) 50%, rgba(192, 86, 218, 0.25) 100%);
}
&:hover
{
background: rgba(212, 101, 241, 0.30);
border-color: rgba(212, 101, 241, 0.60);
}
}
&.deputy-chief-moderator
{
background: rgba(136, 180, 0, 0.20);
border-color: rgba(136, 180, 0, 0.40);
color: #88b400;
text-shadow: #b5e133 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-shield-alt);
}
&::after
{
background: linear-gradient(135deg, rgba(136, 180, 0, 0.30) 0%, rgba(136, 180, 0, 0.15) 50%, rgba(109, 144, 0, 0.25) 100%);
}
&:hover
{
background: rgba(136, 180, 0, 0.30);
border-color: rgba(136, 180, 0, 0.60);
}
}
&.chief-moderator
{
background: rgba(23, 147, 25, 0.20);
border-color: rgba(23, 147, 25, 0.40);
color: #179319;
text-shadow: #179219 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-crown);
}
&::after
{
background: linear-gradient(135deg, rgba(23, 147, 25, 0.30) 0%, rgba(23, 147, 25, 0.15) 50%, rgba(18, 118, 20, 0.25) 100%);
}
&:hover
{
background: rgba(23, 147, 25, 0.30);
border-color: rgba(23, 147, 25, 0.60);
}
}
&.event-host
{
background: rgba(255, 182, 193, 0.20);
border-color: rgba(255, 182, 193, 0.40);
color: #ffb6c1;
text-shadow: rgba(255, 182, 193, 0.70) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-microphone);
}
&::after
{
background: linear-gradient(135deg, rgba(255, 182, 193, 0.30) 0%, rgba(255, 182, 193, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
}
&:hover
{
background: rgba(255, 182, 193, 0.30);
border-color: rgba(255, 182, 193, 0.60);
}
}
&.main-admin
{
background: rgba(0, 100, 0, 0.20);
border-color: rgba(0, 100, 0, 0.40);
color: #4d9f4d;
text-shadow: rgba(0, 100, 0, 0.70) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-user-shield);
}
&::after
{
background: linear-gradient(135deg, rgba(0, 100, 0, 0.30) 0%, rgba(0, 100, 0, 0.15) 50%, rgba(0, 80, 0, 0.25) 100%);
}
&:hover
{
background: rgba(0, 100, 0, 0.30);
border-color: rgba(0, 100, 0, 0.60);
}
}
&.discord-curator
{
background: rgba(220, 38, 38, 0.20);
border-color: rgba(220, 38, 38, 0.40);
color: #f87171;
text-shadow: rgba(220, 38, 38, 0.70) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-comments);
}
&::after
{
background: linear-gradient(135deg, rgba(220, 38, 38, 0.30) 0%, rgba(220, 38, 38, 0.15) 50%, rgba(185, 28, 28, 0.25) 100%);
}
&:hover
{
background: rgba(220, 38, 38, 0.30);
border-color: rgba(220, 38, 38, 0.60);
}
}
&.discord-director
{
background: rgba(185, 28, 28, 0.20);
border-color: rgba(185, 28, 28, 0.40);
color: #ef4444;
text-shadow: rgba(185, 28, 28, 0.70) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-user-crown);
}
&::after
{
background: linear-gradient(135deg, rgba(185, 28, 28, 0.30) 0%, rgba(185, 28, 28, 0.15) 50%, rgba(153, 27, 27, 0.25) 100%);
}
&:hover
{
background: rgba(185, 28, 28, 0.30);
border-color: rgba(185, 28, 28, 0.60);
}
}
&.host-director
{
background: rgba(255, 192, 203, 0.20);
border-color: rgba(255, 192, 203, 0.40);
color: #ffc0cb;
text-shadow: rgba(255, 192, 203, 0.70) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-users);
}
&::after
{
background: linear-gradient(135deg, rgba(255, 192, 203, 0.30) 0%, rgba(255, 192, 203, 0.15) 50%, rgba(255, 160, 175, 0.25) 100%);
}
&:hover
{
background: rgba(255, 192, 203, 0.30);
border-color: rgba(255, 192, 203, 0.60);
}
}
&.ecosystem-director
{
background: rgba(239, 68, 68, 0.20);
border-color: rgba(239, 68, 68, 0.40);
color: #fca5a5;
text-shadow: rgba(239, 68, 68, 0.70) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-sitemap);
}
&::after
{
background: linear-gradient(135deg, rgba(239, 68, 68, 0.30) 0%, rgba(239, 68, 68, 0.15) 50%, rgba(220, 38, 38, 0.25) 100%);
}
&:hover
{
background: rgba(239, 68, 68, 0.30);
border-color: rgba(239, 68, 68, 0.60);
}
}
&.community
{
background: rgba(34, 139, 34, 0.20);
border-color: rgba(34, 139, 34, 0.40);
color: #4ade80;
text-shadow: rgba(34, 139, 34, 0.70) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-users-cog);
}
&::after
{
background: linear-gradient(135deg, rgba(34, 139, 34, 0.30) 0%, rgba(34, 139, 34, 0.15) 50%, rgba(22, 101, 52, 0.25) 100%);
}
&:hover
{
background: rgba(34, 139, 34, 0.30);
border-color: rgba(34, 139, 34, 0.60);
}
}
&.special-moderator-vk
{
height: 55px;
background: rgba(99, 102, 241, 0.20);
border-color: rgba(99, 102, 241, 0.40);
color: #a5b4fc;
text-shadow: rgba(99, 102, 241, 0.60) 1px 1px 10px;
&::before
{
.m-faContent(@fa-var-star);
}
&::after
{
background: linear-gradient(135deg, rgba(99, 102, 241, 0.30) 0%, rgba(99, 102, 241, 0.15) 50%, rgba(79, 70, 229, 0.25) 100%);
}
&:hover
{
background: rgba(99, 102, 241, 0.30);
border-color: rgba(99, 102, 241, 0.60);
}
}
}
[data-template="thread_view"] .message-userBanner.userBanner,
[data-template="thread_view_type_question"] .message-userBanner.userBanner
{
width: 170px;
}
В шаблон
extra.less, но у вас он не будет работать, потому что на вашем форуме нет такого класса. Скажите название плагина, который используете для галочки
Решение
не работает,версия 2.2.12
- Ноя
- 1,753
- 4,652
Команда форума
Администратор
Что именно? Стили или баннеры?
Мой косяк,все работает
Закрыто