Пользователь
- Регистрация
- 30 Окт 2024
- Сообщения
- 85
- Автор темы
- #1
сливаю баннеры и префиксы «crmp online»(новые)
удачи всем) кому понравилось - лайк
CSS:
.userBanner {
color: white;
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 100px 45px 100px 45px;
padding: 5px 7px;
background-size: 700% 700%;
animation:AnimBanner 10s ease infinite
}
.userBanner.userBanner--staff {
border: .6mm ridge rgba(255, 255, 255, 0.4);
background: linear-gradient(270deg, #04b, #bb0, #a00);
background-size:900% 900%
}
.userBanner.gts {
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border:none
}
.userBanner.razrab {
background-image:linear-gradient(270deg, #f819a7, #4619f8)
}
.userBanner.stadm {
background-image:linear-gradient(270deg, #06f, #04b)
}
.userBanner.soskags {
background-image:linear-gradient(270deg, #49cc2c, #00ced1)
}
.userBanner.soskazgs {
background-image:linear-gradient(270deg, #06f, #ba55d3)
}
.userBanner.redadmin {
background-image:linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}
.userBanner.user {
background-image:linear-gradient(270deg, #bcbbbb, #515151)
}
.userBanner.admin {
background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
color: black;
padding:5px 8px
}
.userBanner.mlmoder {
background-image:linear-gradient(270deg, #80c3df, #0da, #0a8)
}
.userBanner.stadm {
background-image:linear-gradient(270deg, #7b9de0, #04b, #06f)
}
.userBanner.stmod {
background-image:linear-gradient(270deg, #f819a7, #0859fc)
}
.userBanner.moder {
background-image:linear-gradient(270deg, #01a72c, #df841a, #468153)
}
.userBanner.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color:black
}
.userBanner.super {
background-image:linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}
.userBanner.ga {
background-image:linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}
.userBanner.lider {
background-image:linear-gradient(270deg, #da0, #f08b9a)
}
.userBanner.kur {
background-image:linear-gradient(270deg, #b0284d, #497fff)
}
.userBanner.adm {
background-image:linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}
.userBanner.mod {
background-image:linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}
.userBanner.teh {
background-image:linear-gradient(270deg, #ff4500, #b50, #c00)
}
.userBanner.moder {
background-image:linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}
.grand {
background-image:linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}
.black {
background-image:linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}
.sueta {
background-image:linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}
.hassle {
background-image:linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}
.test {
background-image:linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}
.project {
background-image:linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}
.sponsor {
background-image:linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}
.spec {
background-image:linear-gradient(270deg, #f00, #8b0000, #dc143c)
}
.osnovatel {
background-image:linear-gradient(270deg, #feea10, #ff931e, #feea10)
}
.Gladmin {
background-image:linear-gradient(270deg, #5ade21, #008000, #5ade21)
}
.ZGadmin {
background-image:linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}
.rykproekta {
background-image:linear-gradient(270deg, #8b006d, #f00)
}
@keyframes AnimBanner {
0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 50%
}
}
.p-body-pageContent .block--category .block-header {
position:sticky
}
@keyframes AnimNic {
0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 50%
}
}
.pref {
background-color: #ff0000;
font-size: 77%;
color: white;
border: 3px solid #f00;
text-align: center;
border-radius:6px
}
.pref.otkr {
background-color: #33ff33;
border:3px solid #3f3
}
.pref.otk {
background-color: #33ff33;
border:3px solid #3f3
}
.pref.rech {
background-color: #f24666;
border:3px solid #f24666
}
.pref.inf {
background-color: #ffbb00;
border:3px solid #fb0
}
.pref.zakr {
background-color: #ff2b2b;
border:3px solid #ff2b2b
}
.pref.ras {
background-color: #0044ff;
border:3px solid #04f
}
.pref.prov {
background-color: #ee7700;
border:3px solid #e70
}
.pref.pr {
background-color: #00bbff;
border:3px solid #0bf
}
.p-header-logo.p-header-logo--image img {
max-width: 100%;
max-height:100px
}
.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
}удачи всем) кому понравилось - лайк
