Активный
- Регистрация
- 26 Окт 2024
- Сообщения
- 1,285
- Автор темы
- #1
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 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%
}
}

