Welcome!

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

SignUp Now!

Дайте css код

Май
90
24
Пользователь
2.21. Запрещено публиковать темы или сообщения в требовательной форме (например, «Дайте…», «Сделайте…»).
Дайте css код этих баннеров всех и по возможности префексы.

Дайте баннер (ВЕДУЩИЙ АДМИНИСТРАТОР)
 
Решение
все "баннеры" + префиксы

css:
.vladelec {
    background: url(https://i.imgur.com/QC60jkc.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.owner {
    color: #000;
    background: #FFFF00;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.komanda {
    color: #000;
    background: #FF0000;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.develop {
    color: #000;
    background...
Апр
126
40
Пользователь
Дайте css код этих баннеров всех и по возможности префексы.

Дайте баннер (ВЕДУЩИЙ АДМИНИСТРАТОР)
css:
.zam_ruc_project {
    background: url(https://i.imgur.com/aBrfLnk.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex;
}
 
Апр
126
40
Пользователь
все "баннеры" + префиксы

css:
.vladelec {
    background: url(https://i.imgur.com/QC60jkc.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.owner {
    color: #000;
    background: #FFFF00;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.komanda {
    color: #000;
    background: #FF0000;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.develop {
    color: #000;
    background: #FF00FF;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.forum {
    color: #000;
    background: #C0C0C0;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.pr {
    color: #000;
    background: #F07B14;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.ga {
    color: #000;
    background: #18A30A;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.zga {
    color: #000;
    background: #0BDA51;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.stadmin {
    color: #fff;
    background: #3022F7;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.texpod {
    color: #000;
    background: #007DFF;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.texspec {
    color: #000;
    background: #ED760E;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.admin {
    color: #000;
    background: #186DE7;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.stmoder {
    color: #000;
    background: #ED9121;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.moder {
    color: #000;
    background: #4089Ed;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.sthelper {
    color: #000;
    background: #14A0D7;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.lider {
    color: #000;
    background: #23BBF6;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.helper {
    color: #000;
    background: #ffffb3;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.user {
    color: #000;
    background: #5B7680;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.vajno {
    color: #FFFFFF;
    background: #FC0A0A;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.narasm {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.resh {
    color: #FFFFFF;
    background: #FF3257;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.otkaz {
    color: #FFFFFF;
    background: #FF2F2F;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.odobr {
    color: #28680A;
    background: #78F03F;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.prrprjct {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.prrprjct {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.prga {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.infop {
    color: #352300;
    background: #FCF60A;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.otkrp {
    color: #FFFFFF;
    background: #26A32B;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.zakrp {
    color: #FFFFFF;
    background: #FF2F2F;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.custom_info {
    background-color: yellow !important;
    border-color: yellow !important;
    color: black;
    display: inline-block;
    font-size: 90%;
    margin: -1px 0;
    padding: 0 6px;
    line-height: normal;
    font-weight: 500
}

.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #f00)
}

.yellow {
    color: black;
    background: linear-gradient(to right, #ff0, #ffd700);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #ff0)
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #228b22)
}

.skyred {
    color: white;
    background: linear-gradient(to right, #f24666, #f24666);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #f24666)
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #ffa500)
}

.newrole {
    background: url(https://i.postimg.cc/YqtnC3Cp/Frame-76-1.png);
    width: 144px;
    height: 32px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.osnovatel {
    background: url(https://i.postimg.cc/fbBgJDfx/owner-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.team_project {
    background: url(https://i.postimg.cc/KzjpTw05/teamproject.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.razrabotchik {
    background: url(https://i.postimg.cc/zBv2h6x3/razrab-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.ruc_project {
    background: url(https://i.postimg.cc/fLyqdp8V/ruc-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_ruc_project {
    background: url(https://i.imgur.com/aBrfLnk.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.forum_master {
    background: url(https://i.postimg.cc/zDpB52fx/Frame-57-3.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.piar_manager {
    background: url(https://i.postimg.cc/wjYn8pLc/Frame-58-1.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.gl_tech_spec {
    background: url(https://i.postimg.cc/7LmQfwnC/gltech-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.glavadm {
    background: url(https://i.postimg.cc/R0XbN4LW/ga-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_glavadm {
    background: url(https://i.postimg.cc/tTJv6wBw/zga-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.tech_spec {
    background: url(https://i.postimg.cc/Y90DFZdb/techspec-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_adm {
    background: url(https://i.postimg.cc/DzHpq5Hx/stadm-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.administrator {
    background: url(https://i.postimg.cc/g0NBnmHG/adm-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_moder {
    background: url(https://i.postimg.cc/KzjpTw0D/stmoder-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.moderator {
    background: url(https://i.postimg.cc/MGdrvqm1/moder-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_helper {
    background: url(https://i.postimg.cc/SNK2H2rc/sthelper-project-1.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.agent_podder {
    background: url(https://i.postimg.cc/1tK693Gj/sthelper-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.leader {
    background: url(https://i.postimg.cc/ZqVDC4xy/leader-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.polzevatel {
    background: url(https://i.postimg.cc/XJq15mss/user-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_01 {
    background: url(https://i.postimg.cc/tTJv6wB1/ser01-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_02 {
    background: url(https://i.postimg.cc/HxnvMR6c/ser02-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_03 {
    background: url(https://i.postimg.cc/1tX7F2vV/ser03-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_04 {
    background: url(https://i.postimg.cc/gjXxztmm/ser04-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_05 {
    background: url(https://i.imgur.com/MzoVwo5.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

i.structItem-status.structItem-status--sticky::before {
    color: #e03030
}

.structItem.structItem--thread.is-locked .structItem-status--locked:before {
    color: #0078af
}
 
Май
90
24
Пользователь
все "баннеры" + префиксы

css:
.vladelec {
    background: url(https://i.imgur.com/QC60jkc.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.owner {
    color: #000;
    background: #FFFF00;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.komanda {
    color: #000;
    background: #FF0000;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.develop {
    color: #000;
    background: #FF00FF;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.forum {
    color: #000;
    background: #C0C0C0;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.pr {
    color: #000;
    background: #F07B14;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.ga {
    color: #000;
    background: #18A30A;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.zga {
    color: #000;
    background: #0BDA51;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.stadmin {
    color: #fff;
    background: #3022F7;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.texpod {
    color: #000;
    background: #007DFF;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.texspec {
    color: #000;
    background: #ED760E;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.admin {
    color: #000;
    background: #186DE7;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.stmoder {
    color: #000;
    background: #ED9121;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.moder {
    color: #000;
    background: #4089Ed;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.sthelper {
    color: #000;
    background: #14A0D7;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.lider {
    color: #000;
    background: #23BBF6;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.helper {
    color: #000;
    background: #ffffb3;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.user {
    color: #000;
    background: #5B7680;
    font-size: 87%;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    padding: 1.5px 10px 1.5px;
    border: none
}

.vajno {
    color: #FFFFFF;
    background: #FC0A0A;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.narasm {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.resh {
    color: #FFFFFF;
    background: #FF3257;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.otkaz {
    color: #FFFFFF;
    background: #FF2F2F;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.odobr {
    color: #28680A;
    background: #78F03F;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.prrprjct {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.prrprjct {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.prga {
    color: #413A00;
    background: #FDFE19;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.infop {
    color: #352300;
    background: #FCF60A;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.otkrp {
    color: #FFFFFF;
    background: #26A32B;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.zakrp {
    color: #FFFFFF;
    background: #FF2F2F;
    border-radius: 0;
    font-size: 80%;
    padding: 0 6px;
    font-weight: medium
}

.custom_info {
    background-color: yellow !important;
    border-color: yellow !important;
    color: black;
    display: inline-block;
    font-size: 90%;
    margin: -1px 0;
    padding: 0 6px;
    line-height: normal;
    font-weight: 500
}

.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #f00)
}

.yellow {
    color: black;
    background: linear-gradient(to right, #ff0, #ffd700);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #ff0)
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #228b22)
}

.skyred {
    color: white;
    background: linear-gradient(to right, #f24666, #f24666);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #f24666)
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600;
    filter: drop-shadow(-1px 1px 3px #ffa500)
}

.newrole {
    background: url(https://i.postimg.cc/YqtnC3Cp/Frame-76-1.png);
    width: 144px;
    height: 32px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.osnovatel {
    background: url(https://i.postimg.cc/fbBgJDfx/owner-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.team_project {
    background: url(https://i.postimg.cc/KzjpTw05/teamproject.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.razrabotchik {
    background: url(https://i.postimg.cc/zBv2h6x3/razrab-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.ruc_project {
    background: url(https://i.postimg.cc/fLyqdp8V/ruc-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_ruc_project {
    background: url(https://i.imgur.com/aBrfLnk.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.forum_master {
    background: url(https://i.postimg.cc/zDpB52fx/Frame-57-3.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.piar_manager {
    background: url(https://i.postimg.cc/wjYn8pLc/Frame-58-1.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.gl_tech_spec {
    background: url(https://i.postimg.cc/7LmQfwnC/gltech-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.glavadm {
    background: url(https://i.postimg.cc/R0XbN4LW/ga-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_glavadm {
    background: url(https://i.postimg.cc/tTJv6wBw/zga-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.tech_spec {
    background: url(https://i.postimg.cc/Y90DFZdb/techspec-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_adm {
    background: url(https://i.postimg.cc/DzHpq5Hx/stadm-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.administrator {
    background: url(https://i.postimg.cc/g0NBnmHG/adm-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_moder {
    background: url(https://i.postimg.cc/KzjpTw0D/stmoder-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.moderator {
    background: url(https://i.postimg.cc/MGdrvqm1/moder-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_helper {
    background: url(https://i.postimg.cc/SNK2H2rc/sthelper-project-1.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.agent_podder {
    background: url(https://i.postimg.cc/1tK693Gj/sthelper-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.leader {
    background: url(https://i.postimg.cc/ZqVDC4xy/leader-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.polzevatel {
    background: url(https://i.postimg.cc/XJq15mss/user-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_01 {
    background: url(https://i.postimg.cc/tTJv6wB1/ser01-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_02 {
    background: url(https://i.postimg.cc/HxnvMR6c/ser02-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_03 {
    background: url(https://i.postimg.cc/1tX7F2vV/ser03-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_04 {
    background: url(https://i.postimg.cc/gjXxztmm/ser04-project.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_05 {
    background: url(https://i.imgur.com/MzoVwo5.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

i.structItem-status.structItem-status--sticky::before {
    color: #e03030
}

.structItem.structItem--thread.is-locked .structItem-status--locked:before {
    color: #0078af
}
Сможешь заменить фон? Баннеров
 
Сверху