Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
777
Профессионал
Регистрация
2 Ноя 2024
Сообщения
734
Less:
.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 6px;
    border: 1px solid transparent;
    border-radius: 25px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    background-size: 500% 500%;
    animation: AnimBanner 10s ease infinite;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 85%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}

.message-userBanner.userBanner {
    display: flex
}

@media (max-width: 650px) {
    .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
        display:inline-flex
    }
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    border: .2mm ridge rgba(255,255,255,0.2);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--admin {
    color: #fff;
    background-color: #7fff00;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--admin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--stadm {
    color: #fff;
    background-color: #32cd32;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--stadm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--mladm {
    color: #fff;
    background-color: #0f0;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--mladm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--newmember {
    color: #fff;
    background-color: #6c7a89;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--newmember .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--verified {
    color: #fff;
    background-color: #446cb3;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--verified .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--proveren {
    color: #fff;
    background-color: #b0c4de;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%)
}

.userBanner.userBanner--proveren .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--hassle {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.userBanner.userBanner--hassle .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--black {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.userBanner.userBanner--black .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--sponsor {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

.userBanner.userBanner--sponsor .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--osnov {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

.userBanner.userBanner--osnov .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--tehh {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #ff4500, #b0284d)
}

.userBanner.userBanner--tehh .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--user {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.userBanner--user .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--proh {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.userBanner.userBanner--proh .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--remka {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-color: #009c82
}

.userBanner.userBanner--remka .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--kur {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.userBanner--kur .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--adm {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.userBanner--adm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--teh {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.userBanner--teh .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.userBanner--lider .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--soskazgs {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.userBanner--soskazgs .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--soskags {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.userBanner--soskags .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--Gladmin {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.userBanner.userBanner--Gladmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--ZGadmin {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.userBanner.userBanner--ZGadmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--admforum {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #0ff, #008080, #0ff)
}

.userBanner.userBanner--admforum .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--rykproekta {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.userBanner.userBanner--rykproekta .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.userBanner--redadmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--razrab {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.userBanner--razrab .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}

.userBanner.userBanner--super {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.userBanner.userBanner--super .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/d1fjx7py/Picsart-25-02-05-19-45-26-401.jpg') no-repeat center / 20px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 25px
}
 
777
Профессионал
Регистрация
2 Ноя 2024
Сообщения
734
Maloy из Tokyo | Vk/tg : @kortezzers
Профессионал
Регистрация
26 Окт 2024
Сообщения
648
Хотите прикол?), этот форум мой , и я его делал)
 
Сверху