.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
}
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
}
