Красивые Префиксы тем

[пи дидди]

Сливаю для вас префиксы которые не дослил @DEV PROXY

.label.label--info-custom {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px 3px 10px;
    font-size: 85%;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border-left: 3px solid #d76d49;
    background-color: rgba(215, 109, 73, 0.1);
    gap: 6px;
    color: #d76d49;
}
.label.label--info-custom::before {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', sans-serif !important;
    content: "\f05a" !important;
    font-weight: 900 !important;
    display: inline-block;
}

.label.label--official-custom {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px 3px 10px;
    font-size: 85%;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border-left: 3px solid #e05252;
    background-color: rgba(224, 82, 82, 0.12);
    background-image: url('styles/default/xenforo/prefix-bg-official.png');
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: contain;
    gap: 6px;
    color: #e05252;
}
.label.label--official-custom::before {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', sans-serif !important;
    content: "\f505" !important;
    font-weight: 900 !important;
    display: inline-block;
}

.label.label--approved-custom {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px 3px 10px;
    font-size: 85%;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border-left: 3px solid #28a745;
    background-color: rgba(40, 167, 69, 0.15);
    gap: 6px;
    color: #28a745;
}
.label.label--approved-custom::before {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', sans-serif !important;
    content: "\f058" !important;
    font-weight: 900 !important;
    display: inline-block;
}

.label.label--rejected-custom {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px 3px 10px;
    font-size: 85%;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border-left: 3px solid #dc3545;
    background-color: rgba(220, 53, 69, 0.15);
    gap: 6px;
    color: #dc3545;
}
.label.label--rejected-custom::before {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', sans-serif !important;
    content: "\f057" !important;
    font-weight: 900 !important;
    display: inline-block;
}

.label.label--reviewed-custom {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px 3px 10px;
    font-size: 85%;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border-left: 3px solid #007bff;
    background-color: rgba(0, 123, 255, 0.15);
    gap: 6px;
    color: #007bff;
}
.label.label--reviewed-custom::before {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', sans-serif !important;
    content: "\f06e" !important;
    font-weight: 900 !important;
    display: inline-block;
}

.label.label--pending-custom {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px 3px 10px;
    font-size: 85%;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border-left: 3px solid #fd7e14;
    background-color: rgba(253, 126, 20, 0.15);
    gap: 6px;
    color: #fd7e14;
}
.label.label--pending-custom::before {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', sans-serif !important;
    content: "\f017" !important;
    font-weight: 900 !important;
    display: inline-block;
}

 

[пи дидди]

OFFTOP

Поидее префиксы Открыто и закрыто предназначены для префиксов Одобрено,Отказано сделал на быструю руку.

 

[Илья Репин]

а что именно вставлять label.info?

 

[пи дидди]

а что именно вставлять label.info?

label label--approved-custom и дальше так по всем префиксам но код меняй

 

[Dev Cold]

OFFTOP

а это уже прикольно

 

[Borzov]

Почему то все только зелёное