Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

FULL extra.less Pawno - Help.Ru [NEW]

Авг
8
4
Пользователь
.label {
display: inline-block;
padding: 2px 8px;
font-size: 13px;
font-weight: 500;
border-radius: 16px;
background-color: #202020;
color: #94979e;

&::before {
.m-faBase();
font-weight: 900;
width: 1em;
display: inline-block;
text-align: center;
margin-right: 6px;
}

&.closed {
background-color: rgba(255, 255, 255, 0.1);
color: #cccccc;

&::before {
.m-faContent(@fa-var-lock);
}
}

&.important {
background-color: rgba(255, 87, 34, 0.15);
color: #ff5722;

&::before {
.m-faContent(@fa-var-fire);
}
}

&.resolved {
background-color: rgba(40, 167, 69, 0.15);
color: #28a745;

&::before {
.m-faContent(@fa-var-check);
}
}

&.info {
background-color: rgba(0, 123, 255, 0.15);
color: #007bff;

&::before {
.m-faContent(@fa-var-info);
}
}

&.review {
background-color: rgba(253, 126, 20, 0.15);
color: #fd7e14;

&::before {
.m-faContent(@fa-var-search);
margin-right: 7px;
}
}

&.approved {
background-color: rgba(32, 201, 151, 0.15);
color: #20c997;

&::before {
.m-faContent(@fa-var-thumbs-up);
}
}

&.rejected {
background-color: rgba(220, 53, 69, 0.15);
color: #dc3545;

&::before {
.m-faContent(@fa-var-thumbs-down);
}
}
}

.closed {

background-color: rgba(255, 255, 255, 0.1);
color: #cccccc;

&::before {
.m-faBase();
.m-faContent(@fa-var-lock);
}
}


.label.important {
background-color: rgba(255,87,34,0.15);
color: #ff5722
}

.label.important:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f06d";
width: 1em;
display: inline-block;
text-align: center;
margin-right: 6px
}

.label.resolved {
background-color: rgba(40,167,69,0.15);
color: #28a745
}

.label.resolved:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f00c";
width: 1em;
display: inline-block;
text-align: center;
margin-right: 6px
}

.label.info {
background-color: rgba(0,123,255,0.15);
color: #007bff
}

.label.info:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f129";
width: 1em;
display: inline-block;
text-align: center;
margin-right: 6px
}

.label.review {
background-color: rgba(253,126,20,0.15);
color: #fd7e14
}

.label.review:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f530";
width: 1em;
display: inline-block;
text-align: center;
margin-right: 7px
}

.label.approved {
background-color: rgba(32,201,151,0.15);
color: #20c997
}

.label.approved:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f164";
width: 1em;
display: inline-block;
text-align: center;
margin-right: 6px
}

.label.rejected {
background-color: rgba(220,53,69,0.15);
color: #dc3545
}

.label.rejected:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f165";
width: 1em;
display: inline-block;
text-align: center;
margin-right: 6px
}

.userBanner--Admin {
background: url(https://s.fotora.ru/32de783761daf0b0.jpeg) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.userBanner--Pofisional {
background: url(
https://s.fotora.ru/3d66238c80816a7a.jpeg) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.userBanner--Aktiven {
background: url(
https://s.fotora.ru/2045a708e50bca25.jpeg) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.userBanner--user {
background: url(https://s.fotora.ru/9847510c6b615265.jpeg) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
 
Сверху