Можете дать стиль и краски у данного форума
(Не реклама)
(Не реклама)
Помощь по стилю и красок
- Автор темы Denis_B
- Дата начала
- Авг
- 52
- 7
Пользователь
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
}
Последнее редактирование модератором:
Не работает
Последнее редактирование: