[Xenforo] Баннеры harsh russia

[evanzo]

.userBanner {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 65%;
padding: 3px 6px;
background-size: 600% 600%;
animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
color: #fff;
border-radius: 30px;
background: linear-gradient(270deg, #f00, #ff6347, #f00);
background-size: 900% 900%
}

.userBanner.ga {
background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500)
}

.userBanner.zga {
background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500)
}

.userBanner.userhr {
background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981)
}

.userBanner.spec {
background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00)
}

.userBanner.gs {
background-image: linear-gradient(270deg, #1e90ff, #00008b, #1e90ff)
}

.userBanner.zgs {
background-image: linear-gradient(270deg, #1e90ff, #00008b, #1e90ff)
}

.userBanner.moderforum {
background-image: linear-gradient(270deg, #bdb76b, #bdb76b, #bdb76b)
}

.userBanner.owner {
background-image: linear-gradient(270deg, #000, #000, #000)
}

.userBanner.admin {
background-image: linear-gradient(270deg, #006400, #00ff7f, #008000)
}

.userBanner.snickers {
background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.sponsor {
background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.gab {
background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.pm {
background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.serv1 {
background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.serv2 {
background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.sopg {
background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00)
}

.userBanner.ryk {
background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.prp {
background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.ppm {
background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.leader {
background-image: linear-gradient(270deg, #40e0d0, #40e0d0, #40e0d0)
}

.userBanner.sledfamily {
background-image: linear-gradient(270deg, #32cd32, #32cd32, #32cd32)
}

.userBanner.hrrazrab {
background-image: linear-gradient(270deg, #f00, #f00, #f00)
}

.userBanner.rt {
background-image: linear-gradient(270deg, #008000, #008000, #008000)
}

.userBanner.tm {
background-image: linear-gradient(270deg, #8b0000, #f00, #f00)
}

.userBanner.prt {
background-image: linear-gradient(270deg, #ffd700, #ffd700, #ffd700)
}

.userBanner.ka {
background-image: linear-gradient(270deg, #00f, #4169e1, #00f)
}

.userBanner.sgoss {
background-image: linear-gradient(270deg, #00f, #00f, #00f)
}

.userBanner.ban {
background-image: linear-gradient(270deg, #000, #000, #000)
}

.userBanner.legenda {
background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.nuser {
background-image: linear-gradient(270deg, #000, #ff0, #000)
}

.userBanner.luser {
background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.auser {
background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.mest {
background-image: linear-gradient(270deg, #4b0082, #f0f, #4b0082)
}

.userBanner.ovolk {
background-image: linear-gradient(270deg, #800000, #a52a2a, #800000)
}

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

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

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