Префиксы для тем

[Domestic]

Дайте пожалуйста какие-нибудь хорошие и красивые префиксы для форума

 

[Alexander_Solovyov]

Спойлер: Код

@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5); // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
.svgPrefix, .label.svgPrefix {
font-family: @svgPrefixFontFamily;
font-size: 70%;
font-weight: 500;
display: inline-flex;
text-align: center;
align-items: center;
text-transform: uppercase;
line-height: ((@xf-lineHeightDefault) * .9);
padding: .25em .5em;
border: none;
border-radius: @svgPrefixBorderRadius;
position: relative;
white-space: nowrap;
.fsp & {
margin-right: 5px;
}
.menuPrefix& {
display: inline-block;
font-size: 1.3em;
width: 100%;
padding: .333em;
a& {
text-decoration: none;
}
}
.p-title-value & {
.p-title & {
font-size: 70%;
}
}
&:before {
position: absolute;
top: .25em;
bottom: 0;
left: .333em;
}
&.@{prefix-name} {
background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
color: rgb(250,250,250);
text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
&when (iskeyword(@prefix-icon)) {
padding: .25em .5em .25em 1.75em;
&:before {
.
m-faBase();
content: "\@{prefix-icon}";
}
}
}
}
}

.svgLabelPrefix(odobpon, rgb(4,255,0), f00c);
.svgLabelPrefix(rasmotr, rgb(4,255,0), f06e);
.svgLabelPrefix(narassmotr, rgb(255,200,0), f070);
.svgLabelPrefix(vazno, rgb(198,40,40), f12a);
.svgLabelPrefix(zakrito, rgb(198,40,40), f023);
.svgLabelPrefix(otkaz, rgb(198,40,40), f057);
.svgLabelPrefix(otkrito, rgb(4,255,0), f3c1);
.svgLabelPrefix(prav, rgb(198,40,40), f02d);
.svgLabelPrefix(info, rgb(0,255,255), f129);
.svgLabelPrefix(meropri, rgb(255,172,28), f0a1);
.svgLabelPrefix(zakrep, rgb(255,255,0), f08d);
.svgLabelPrefix(pryk, rgb(139,0,255), f1d8);
.svgLabelPrefix(vopros, rgb(0,0,255), f059);
.svgLabelPrefix(tex, rgb(255,119,255), f0ad);

 

[Platonchik Pluxury]

Спойлер: Код

@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5); // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
.svgPrefix, .label.svgPrefix {
font-family: @svgPrefixFontFamily;
font-size: 70%;
font-weight: 500;
display: inline-flex;
text-align: center;
align-items: center;
text-transform: uppercase;
line-height: ((@xf-lineHeightDefault) * .9);
padding: .25em .5em;
border: none;
border-radius: @svgPrefixBorderRadius;
position: relative;
white-space: nowrap;
.fsp & {
margin-right: 5px;
}
.menuPrefix& {
display: inline-block;
font-size: 1.3em;
width: 100%;
padding: .333em;
a& {
text-decoration: none;
}
}
.p-title-value & {
.p-title & {
font-size: 70%;
}
}
&:before {
position: absolute;
top: .25em;
bottom: 0;
left: .333em;
}
&.@{prefix-name} {
background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
color: rgb(250,250,250);
text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
&when (iskeyword(@prefix-icon)) {
padding: .25em .5em .25em 1.75em;
&:before {
.
m-faBase();
content: "\@{prefix-icon}";
}
}
}
}
}

.svgLabelPrefix(odobpon, rgb(4,255,0), f00c);
.svgLabelPrefix(rasmotr, rgb(4,255,0), f06e);
.svgLabelPrefix(narassmotr, rgb(255,200,0), f070);
.svgLabelPrefix(vazno, rgb(198,40,40), f12a);
.svgLabelPrefix(zakrito, rgb(198,40,40), f023);
.svgLabelPrefix(otkaz, rgb(198,40,40), f057);
.svgLabelPrefix(otkrito, rgb(4,255,0), f3c1);
.svgLabelPrefix(prav, rgb(198,40,40), f02d);
.svgLabelPrefix(info, rgb(0,255,255), f129);
.svgLabelPrefix(meropri, rgb(255,172,28), f0a1);
.svgLabelPrefix(zakrep, rgb(255,255,0), f08d);
.svgLabelPrefix(pryk, rgb(139,0,255), f1d8);
.svgLabelPrefix(vopros, rgb(0,0,255), f059);
.svgLabelPrefix(tex, rgb(255,119,255), f0ad);

OFFTOP

Посмотреть вложение 7363

OFFTOP

OFFTOP

код сломанный

 

[Alone Devman]

OFFTOP

OFFTOP

код сломанный

Не думаю.

 

[Platonchik Pluxury]

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

Не думаю.

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

OFFTOP

отступы смотри

 

[Lime-Pulse]

Вот вам префикс тематическое
.svgLabelPrefix(tematik, rgb(255,0,255), f118);