Ищу код из шаблона extra.less Radmir RP
- Автор темы Noimqe
- Дата начала
Решение
Активный из XenForo
- Мар
- 1,141
- 2,768
Активный
CSS:
.userBanner {
font-size: 75%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid hsla(0,0%,0%,0);
border-radius: 2px;
text-align: center;
display: inline-block
}
.userBanner strong {
font-weight: inherit
}
.userBanner.userBanner--hidden {
background: none;
border: none;
box-shadow: none
}
.userBanner.userBanner--staff,.userBanner.userBanner--primary {
color: hsla(var(--xf-paletteColor1));
background: hsla(var(--xf-paletteColor1--h),var(--xf-paletteColor1--s),var(--xf-paletteColor1--l),10%);
border-color: hsla(var(--xf-paletteColor1--h),var(--xf-paletteColor1--s),calc(var(--xf-paletteColor1--l) - (var(--xf-color-adjust, 1) * 10%)),10%)
}
.userBanner.userBanner--accent {
color: hsla(var(--xf-paletteAccent1));
background: hsla(var(--xf-paletteAccent1--h),var(--xf-paletteAccent1--s),var(--xf-paletteAccent1--l),10%);
border-color: hsla(var(--xf-paletteAccent1--h),var(--xf-paletteAccent1--s),calc(var(--xf-paletteAccent1--l) - (var(--xf-color-adjust, 1) * 10%)),10%)
}
.userBanner.userBanner--owner {
color: hsl(46,99%,39%);
background: hsl(48,59%,93%);
border-color: hsl(48,59%,calc(93% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--red {
color: hsl(0,0%,100%);
background: hsl(0,100%,42%);
border-color: hsl(0,100%,calc(42% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--green {
color: hsl(0,0%,100%);
background: hsl(120,100%,25%);
border-color: hsl(120,100%,calc(25% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--olive {
color: hsl(0,0%,100%);
background: hsl(60,100%,25%);
border-color: hsl(60,100%,calc(25% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--lightGreen {
color: hsl(0,0%,0%);
background: hsl(115,80%,88%);
border-color: hsl(115,80%,calc(88% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--blue {
color: hsl(0,0%,100%);
background: hsl(238,100%,45%);
border-color: hsl(238,100%,calc(45% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--royalBlue {
color: hsl(0,0%,100%);
background: hsl(225,73%,57%);
border-color: hsl(225,73%,calc(57% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--skyBlue {
color: hsl(0,0%,100%);
background: hsl(197,62%,68%);
border-color: hsl(197,62%,calc(68% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--gray {
color: hsl(0,0%,100%);
background: hsl(0,0%,50%);
border-color: hsl(0,0%,calc(50% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--silver {
color: hsl(0,0%,0%);
background: hsl(0,0%,75%);
border-color: hsl(0,0%,calc(75% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--yellow {
color: hsl(0,0%,0%);
background: hsl(60,100%,78%);
border-color: hsl(60,100%,calc(78% - (var(--xf-color-adjust, 1) * 10%)))
}
.userBanner.userBanner--orange {
color: hsl(0,0%,0%);
background: hsl(48,100%,50%);
border-color: hsl(48,100%,calc(50% - (var(--xf-color-adjust, 1) * 10%)))
}
Решение