Есть такие роли у кого то ?

It-Intel · Вторник в 13:36

CSS:

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    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.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%);
    background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--rukov {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #93291e 100%)
}

.userBanner.userBanner--rukov .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--drivemob .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

OFFTOP

ты же вроде тут самый умный хенфоро гуру, че сам не в состоянии копировать?)

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · Вторник в 13:37

Привет вот

лесс:

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),url('/styles/role-play/fonts/montserrat-400.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-400.woff') format('woff')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local(''),url('/styles/role-play/fonts/montserrat-500.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-500.woff') format('woff')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local(''),url('/styles/role-play/fonts/montserrat-600.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-600.woff') format('woff')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),url('/styles/role-play/fonts/montserrat-700.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-700.woff') format('woff')
}

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    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: 990px) {
    .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;
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%);
    background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--mladmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--modforum {
    color: #fff;
    background-color: #0f0;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%);
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.userBanner--modforum .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--user {
    color: #fff;
    background-color: #6c7a89;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--kur {
    color: #fff;
    background-color: #6c7a89;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--osnoval {
    color: #fff;
    background-color: #fb0c4d E;
    border: none;
    background-image: linear-gradient(to right, #ff0 0%, #ffa500 100%)
}

.userBanner.userBanner--osnoval .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--banned .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--rukov {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #93291e 100%)
}

.userBanner.userBanner--rukov .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--ga .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.userBanner.userBanner--admforum .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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, #d2691e, #cd853f, #d2691e)
}

.userBanner.userBanner--razrab .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--gs .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--zgs {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #4169e1, #00bfff, #4169e1)
}

.userBanner.userBanner--zgs .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--drivemob .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--justmob {
    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--justmob .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--piarm {
    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--piarm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--glmoder {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #0000cd, #1e90ff, #0000cd)
}

.userBanner.userBanner--glmoder .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--zga {
    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--zga .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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, #ff0, #d2691e, #ff0)
}

.userBanner.userBanner--lider .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--pochet {
    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--pochet .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.p-footer-copyright,.xfworld-copyright {
    display: none !important
}

.blockStatus {
    background: #ff8400
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

@keyframes rotate-in-center {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

It-Intel · Вторник в 13:39

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 написал(а):

Привет вот

лесс:

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),url('/styles/role-play/fonts/montserrat-400.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-400.woff') format('woff')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local(''),url('/styles/role-play/fonts/montserrat-500.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-500.woff') format('woff')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local(''),url('/styles/role-play/fonts/montserrat-600.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-600.woff') format('woff')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),url('/styles/role-play/fonts/montserrat-700.woff2') format('woff2'),url('/styles/role-play/fonts/montserrat-700.woff') format('woff')
}

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    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: 990px) {
    .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;
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%);
    background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--mladmin .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--modforum {
    color: #fff;
    background-color: #0f0;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 100%);
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.userBanner--modforum .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--user {
    color: #fff;
    background-color: #6c7a89;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--kur {
    color: #fff;
    background-color: #6c7a89;
    border: none;
    background-image: linear-gradient(to right, transparent 0%, transparent 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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--osnoval {
    color: #fff;
    background-color: #fb0c4d E;
    border: none;
    background-image: linear-gradient(to right, #ff0 0%, #ffa500 100%)
}

.userBanner.userBanner--osnoval .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--banned .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--rukov {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #93291e 100%)
}

.userBanner.userBanner--rukov .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--ga .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.userBanner.userBanner--admforum .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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, #d2691e, #cd853f, #d2691e)
}

.userBanner.userBanner--razrab .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--gs .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--zgs {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #4169e1, #00bfff, #4169e1)
}

.userBanner.userBanner--zgs .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--drivemob .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--justmob {
    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--justmob .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--piarm {
    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--piarm .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--glmoder {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to #0f0, #0f0 0%, #008000 100%);
    background-image: linear-gradient(270deg, #0000cd, #1e90ff, #0000cd)
}

.userBanner.userBanner--glmoder .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--zga {
    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--zga .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.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, #ff0, #d2691e, #ff0)
}

.userBanner.userBanner--lider .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--pochet {
    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--pochet .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.p-footer-copyright,.xfworld-copyright {
    display: none !important
}

.blockStatus {
    background: #ff8400
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

@keyframes rotate-in-center {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

Вау, а ты крут, давать весь extra less. Он ведь так и требовал всё сразу

Angel_Tumanov · Вторник в 13:40

It-Intel написал(а):
Вау, а ты крут, давать весь extra less. Он ведь так и требовал всё сразу

OFFTOP

Можно ссылку на эту иконку пж

It-Intel · Вторник в 13:41

Angel_Tumanov написал(а):
OFFTOP

Можно ссылку на эту иконку пж
Посмотреть вложение 14334

OFFTOP

https://pawno-help.ru/attachments/1000016050-jpg.14334/

Всегда рад помочь

Angel_Tumanov · Вторник в 13:45

It-Intel написал(а):
https://pawno-help.ru/attachments/1000016050-jpg.14334/

OFFTOP
Всегда рад помочь

OFFTOP

не отображается

It-Intel · Вторник в 13:50

Angel_Tumanov написал(а):
OFFTOP
не отображается
Посмотреть вложение 14335

OFFTOP

Я чего-то не понимаю?

Angel_Tumanov · Вторник в 13:51

It-Intel написал(а):
OFFTOP
Я чего-то не понимаю?
Посмотреть вложение 14336

OFFTOP

В логотип баннера надо

Jerry_Gromov · Вторник в 13:52

It-Intel написал(а):

CSS:

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    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.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%);
    background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

.userBanner.userBanner--rukov {
    color: #fff;
    background-color: #d80000;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #93291e 100%)
}

.userBanner.userBanner--rukov .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

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

.userBanner.userBanner--drivemob .userBanner-before:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url('https://i.postimg.cc/520Yx1QY/282a09d5-0e17-4895-be89-e733e2e82f35.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: 50%
}

OFFTOP

ты же вроде тут самый умный хенфоро гуру, че сам не в состоянии копировать?)

Мне вес код нужен этих ролей

It-Intel · Вторник в 13:52

Jerry_Gromov написал(а):
Мне вес код нужен этих ролей

А я урезанный дал?)

It-Intel · Вторник в 13:53

Angel_Tumanov написал(а):
OFFTOP

В логотип баннера надо

а ты, СЛУЧАЙНО, не додумался, что можно взять ссылку на твой логотип, который есть в настройках стиля, И ЭТУ ЖЕ ССЫЛКУ, поставить в ссылку у баннера?

Angel_Tumanov · Вторник в 13:54

It-Intel написал(а):
а ты, СЛУЧАЙНО, не додумался, что можно взять ссылку на твой логотип, который есть в настройках стиля, И ЭТУ ЖЕ ССЫЛКУ, поставить в ссылку у баннера?

OFFTOP

там этот

А мне надо этот

It-Intel · Вторник в 14:09

Angel_Tumanov написал(а):
OFFTOP
там этот
Посмотреть вложение 14337
А мне надо этот
Посмотреть вложение 14338

OFFTOP

Что за тупость.. Если не в состоянии закинуть фото в файлы сайта, научитесь пользоваться фото-хостингами

https://imgur.com/maMHEv5

Jack_Mithel · Вторник в 14:11

OFFTOP

Angel_Tumanov · Вторник в 14:19

Jack_Mithel написал(а):
OFFTOP
Посмотреть вложение 14339

OFFTOP

Так же помогите пж чтобы было вот так

Мой код в extra.less

Less:

@logoImages: 'https://imgur.com/maMHEv5'; // Изображение логотипа (указывать в кавычках)
@logoSize: 20px;                 // Размер логотипа
@logoOpacity: 100%;               // Прозрачность логотипа (100% - непрозрачный, 0% - прозрачный)

.fontMontserrat(@fweight) {
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: @fweight;
        src: local(''),
            url('/styles/role-play/fonts/montserrat-@{fweight}.woff2') format('woff2'),
            url('/styles/role-play/fonts/montserrat-@{fweight}.woff') format('woff');
    }
}
.fontMontserrat(400);
.fontMontserrat(500);
.fontMontserrat(600);
.fontMontserrat(700);

@strongTextShadow:  1px 0 1px  rgba(0,0,0,.5),
                    0 1px 1px  rgba(0,0,0,.5),
                    -1px 0 1px rgba(0,0,0,.5),
                    0 -1px 1px rgba(0,0,0,.5);

.gradientUserBanner(@start: transparent, @end: transparent, @position: right) {
    background-image: linear-gradient(to @position, @start 0%, @end 100%);
}

.svg-userBannerVariation(@color; @bg; @logo: @logoImages) {
    color: @color;
    background-color: @bg;
    border: none;
    .userBanner-before {
        &:before {
            content: '';
            display: block;
            width: 15px;
            height: 15px;
            background: url('https://imgur.com/maMHEv5') no-repeat center / @logoSize,
                linear-gradient(to top, rgba(0,0,0,.8) 10%, rgba(0,0,0,.2) 100%);
            filter: opacity(@logoOpacity);
            padding: 2px;
            border-radius: 50%;
        }
    }
}

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    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;
    strong {
        font-size: 85%;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        padding-left: 3px;
        line-height: .95;
        text-shadow: @strongTextShadow;
    }
    .message-userBanner& {
        display: flex;
    }
}

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

.userBanner.userBanner-- {
    &staff {
        .svg-userBannerVariation(#fff, #5c97bf);
        .gradientUserBanner(#8B008B,#00BFFF);
  background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
        background-size: 900% 900%;
    }
    &admin {
        .svg-userBannerVariation(#fff, #0000FF);
        .gradientUserBanner;
    }
    &red {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner(#DC143C);
    }
    &kuradm {
        .svg-userBannerVariation(#fff, #7B68EE);
        .gradientUserBanner();
    }
 &stadm {
        .svg-userBannerVariation(#fff, #0000CD);
        .gradientUserBanner();
    }
    &mladm {
        .svg-userBannerVariation(#fff, #87CEEB);
        .gradientUserBanner();
    }
    &newmember {
        .svg-userBannerVariation(#fff, #6c7a89);
        .gradientUserBanner();
    }
    &verified {
        .svg-userBannerVariation(#fff, #446cb3,);
        .gradientUserBanner();
    }
&proveren {
        .svg-userBannerVariation(#fff, #B0C4DE,);
        .gradientUserBanner();
    }
    &osnoval {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner(#FF0000,#8B0000);
 }
&banned {
        .svg-userBannerVariation(#fff, #9a12b3);
        .gradientUserBanner();
    }
 &rukov {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner;
    }
 &zamrukov {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner;
    }
 &spec {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner;
    }
 &zga {
        .svg-userBannerVariation(#fff, #7FFF00);
        .gradientUserBanner(#00FF00, #006400,#00FF00);
  background-image: linear-gradient(270deg, #7FFF00,#90EE90,#00FF00);
    }
&tehadmin {
        .svg-userBannerVariation(#fff, #008B8B);
        .gradientUserBanner;
    }
 &ga {
        .svg-userBannerVariation(#fff, #006400);
        .gradientUserBanner(#00FF00, #006400,#00FF00);
  background-image: linear-gradient(270deg, #006400,#00FF00,#006400);
    }

&admforum {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #00FFFF,#008080,#00FFFF);
    }
 &razrab {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #D2691E,#CD853F,#D2691E);
    }
 &gs {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #0000FF,#000080,#0000FF);
    }
 &zgs {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #4169E1,#00BFFF,#4169E1);
    }
 &lider {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #FFFF00,#D2691E,#FFFF00);
    }
 &pochet {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #FFFF00,#00FF00,#FF0000,#FF00FF,#0000FF,#00FFFF,#8A2BE2);
    }
}  
 
@keyframes AnimBanner {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px;
}
&.v {
background: #ff0000;
box-shadow: 0 0 12px #ff0000;
}
&.ras {
background:  #0044ff;
box-shadow: 0 0 12px #0044ff;
}
&.otk {
background: #00AA00;
box-shadow: 0 0 12px #00AA00;
}
&.rasm {
background: #ee7700;
box-shadow: 0 0 12px #ee7700;
}
&.inf {
background: #ffbb00;
box-shadow: 0 0 12px #ffbb00;
}


@keyframes rotate-in-center {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}

It-Intel · Вторник в 14:22

Angel_Tumanov написал(а):

OFFTOP

Посмотреть вложение 14343
Так же помогите пж чтобы было вот так
Посмотреть вложение 14344 Посмотреть вложение 14340

Мой код в extra.less

Less:

@logoImages: 'https://imgur.com/maMHEv5'; // Изображение логотипа (указывать в кавычках)
@logoSize: 20px;                 // Размер логотипа
@logoOpacity: 100%;               // Прозрачность логотипа (100% - непрозрачный, 0% - прозрачный)

.fontMontserrat(@fweight) {
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: @fweight;
        src: local(''),
            url('/styles/role-play/fonts/montserrat-@{fweight}.woff2') format('woff2'),
            url('/styles/role-play/fonts/montserrat-@{fweight}.woff') format('woff');
    }
}
.fontMontserrat(400);
.fontMontserrat(500);
.fontMontserrat(600);
.fontMontserrat(700);

@strongTextShadow:  1px 0 1px  rgba(0,0,0,.5),
                    0 1px 1px  rgba(0,0,0,.5),
                    -1px 0 1px rgba(0,0,0,.5),
                    0 -1px 1px rgba(0,0,0,.5);

.gradientUserBanner(@start: transparent, @end: transparent, @position: right) {
    background-image: linear-gradient(to @position, @start 0%, @end 100%);
}

.svg-userBannerVariation(@color; @bg; @logo: @logoImages) {
    color: @color;
    background-color: @bg;
    border: none;
    .userBanner-before {
        &:before {
            content: '';
            display: block;
            width: 15px;
            height: 15px;
            background: url('https://imgur.com/maMHEv5') no-repeat center / @logoSize,
                linear-gradient(to top, rgba(0,0,0,.8) 10%, rgba(0,0,0,.2) 100%);
            filter: opacity(@logoOpacity);
            padding: 2px;
            border-radius: 50%;
        }
    }
}

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    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;
    strong {
        font-size: 85%;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        padding-left: 3px;
        line-height: .95;
        text-shadow: @strongTextShadow;
    }
    .message-userBanner& {
        display: flex;
    }
}

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

.userBanner.userBanner-- {
    &staff {
        .svg-userBannerVariation(#fff, #5c97bf);
        .gradientUserBanner(#8B008B,#00BFFF);
  background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
        background-size: 900% 900%;
    }
    &admin {
        .svg-userBannerVariation(#fff, #0000FF);
        .gradientUserBanner;
    }
    &red {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner(#DC143C);
    }
    &kuradm {
        .svg-userBannerVariation(#fff, #7B68EE);
        .gradientUserBanner();
    }
 &stadm {
        .svg-userBannerVariation(#fff, #0000CD);
        .gradientUserBanner();
    }
    &mladm {
        .svg-userBannerVariation(#fff, #87CEEB);
        .gradientUserBanner();
    }
    &newmember {
        .svg-userBannerVariation(#fff, #6c7a89);
        .gradientUserBanner();
    }
    &verified {
        .svg-userBannerVariation(#fff, #446cb3,);
        .gradientUserBanner();
    }
&proveren {
        .svg-userBannerVariation(#fff, #B0C4DE,);
        .gradientUserBanner();
    }
    &osnoval {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner(#FF0000,#8B0000);
 }
&banned {
        .svg-userBannerVariation(#fff, #9a12b3);
        .gradientUserBanner();
    }
 &rukov {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner;
    }
 &zamrukov {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner;
    }
 &spec {
        .svg-userBannerVariation(#fff, #FF0000);
        .gradientUserBanner;
    }
 &zga {
        .svg-userBannerVariation(#fff, #7FFF00);
        .gradientUserBanner(#00FF00, #006400,#00FF00);
  background-image: linear-gradient(270deg, #7FFF00,#90EE90,#00FF00);
    }
&tehadmin {
        .svg-userBannerVariation(#fff, #008B8B);
        .gradientUserBanner;
    }
 &ga {
        .svg-userBannerVariation(#fff, #006400);
        .gradientUserBanner(#00FF00, #006400,#00FF00);
  background-image: linear-gradient(270deg, #006400,#00FF00,#006400);
    }

&admforum {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #00FFFF,#008080,#00FFFF);
    }
 &razrab {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #D2691E,#CD853F,#D2691E);
    }
 &gs {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #0000FF,#000080,#0000FF);
    }
 &zgs {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #4169E1,#00BFFF,#4169E1);
    }
 &lider {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #FFFF00,#D2691E,#FFFF00);
    }
 &pochet {
        .svg-userBannerVariation(#fff, #d80000);
        .gradientUserBanner(#00FF00, #008000,#00FF00);
        background-image: linear-gradient(270deg, #FFFF00,#00FF00,#FF0000,#FF00FF,#0000FF,#00FFFF,#8A2BE2);
    }
}
 
@keyframes AnimBanner {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px;
}
&.v {
background: #ff0000;
box-shadow: 0 0 12px #ff0000;
}
&.ras {
background:  #0044ff;
box-shadow: 0 0 12px #0044ff;
}
&.otk {
background: #00AA00;
box-shadow: 0 0 12px #00AA00;
}
&.rasm {
background: #ee7700;
box-shadow: 0 0 12px #ee7700;
}
&.inf {
background: #ffbb00;
box-shadow: 0 0 12px #ffbb00;
}


@keyframes rotate-in-center {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}

i.imgur.com/maMHEv5,
это ссылка на страницу, а не на фото, в конце нужно дописать .jpeg

Angel_Tumanov · Вторник в 14:26

It-Intel написал(а):
i.imgur.com/maMHEv5,
это ссылка на страницу, а не на фото, в конце нужно дописать .jpeg

OFFTOP

лучший

It-Intel · Вторник в 14:36

OFFTOP

@Angel_Tumanov, вопрос к тебе, зачем ты объявляешь переменную, и не используешь её?

Angel_Tumanov написал(а):
background: url('

https://imgur.com/maMHEv5

') no-repeat center / @logoSize,

Angel_Tumanov написал(а):
@logoImages: '

https://imgur.com/maMHEv5

ИИ плохой используешь, наверняка дик пик какой-нибудь. Не советую

LIVE SAMP

Есть такие роли у кого то ?

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

Jerry_Gromov

It-Intel

/home/dayn (AK tiktok user linux)

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

It-Intel

/home/dayn (AK tiktok user linux)

Angel_Tumanov

It-Intel

/home/dayn (AK tiktok user linux)

Angel_Tumanov

It-Intel

/home/dayn (AK tiktok user linux)

Angel_Tumanov

Jerry_Gromov

It-Intel

/home/dayn (AK tiktok user linux)

It-Intel

/home/dayn (AK tiktok user linux)

Angel_Tumanov

It-Intel

/home/dayn (AK tiktok user linux)

Jack_Mithel

Angel_Tumanov

Вложения

It-Intel

/home/dayn (AK tiktok user linux)

Angel_Tumanov

It-Intel

/home/dayn (AK tiktok user linux)