By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!Так мне нужно цвет ников а не extra.less
.username--style2 {
font-weight: 500;
background: linear-gradient(90deg, #1a1a1a, #808080, #b0b0b0, #808080, #1a1a1a);
background-size: 300% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientShift 3s ease infinite;
text-shadow: 0 0 4px #808080
}
.username--style3 {
font-weight: 600;
background: linear-gradient(90deg, #2b0000, #8b0000, #f00, #8b0000, #2b0000);
background-size: 300% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientShift 3s ease infinite;
text-shadow: 0 0 8px #8b0000,0 0 15px #4b0000
}
.username--style5 {
font-weight: 600...
.owner {
background:linear-gradient(90deg, #4b0000, #f00, #4b0000)
}
.so_owner {
background:linear-gradient(90deg, #600, #ff4d4d, #600)
}
.director {
background:linear-gradient(90deg, #7b001c, #ed4830, #600)
}
.ryk {
background:linear-gradient(90deg, #1a0033, #4b0082, #1a0033)
}
.zam_ryk {
background:linear-gradient(90deg, #310054, #8a2be2, #310054)
}
.gts {
background:linear-gradient(90deg, #4d2600, #ff8c00, #4d2600)
}
.zgts {
background:linear-gradient(90deg, #630, #ffa500, #630)
}
.spec_adm {
background:linear-gradient(90deg, #4d0026, #ff0080, #4d0026)
}
.zsa {
background:linear-gradient(90deg, #603, #ff66b2, #603)
}
.ypr_serv {
background:linear-gradient(90deg, #002d2d, #008b8b, #002d2d)
}
.zypr {
background:linear-gradient(90deg, #004d4d, #00fa9a, #004d4d)
}
.kyrator {
background:linear-gradient(90deg, #066, #7fffd4, #066)
}
.ga {
background:linear-gradient(90deg, #002b00, #008000, #002b00)
}
.zga {
background:linear-gradient(90deg, #040, #32cd32, #040)
}
.gs {
background:linear-gradient(90deg, #001a4d, #1e90ff, #001a4d)
}
.zgs {
background:linear-gradient(90deg, #000d26, #00f, #000d26)
}
.st_adm {
background:linear-gradient(90deg, #004d66, #00bfff, #004d66)
}
.adm {
background:linear-gradient(90deg, #006680, #87ceeb, #006680)
}
.ml_adm {
background:linear-gradient(90deg, #08a, #add8e6, #08a)
}
.moder {
background:linear-gradient(90deg, #4d3d00, #daa520, #4d3d00)
}
.ml_moder {
background:linear-gradient(90deg, #664f00, #ff0, #664f00)
}
.helper {
background:linear-gradient(90deg, #222, #aaa, #222)
}
.leader {
background:linear-gradient(90deg, #2b1600, #8b4513, #2b1600)
}
.user {
background:linear-gradient(90deg, #1a1a1a, #808080, #1a1a1a)
}
Помогите кто нибудь пожалуйста
тут не все прописаноCSS:.owner { background:linear-gradient(90deg, #4b0000, #f00, #4b0000) } .so_owner { background:linear-gradient(90deg, #600, #ff4d4d, #600) } .director { background:linear-gradient(90deg, #7b001c, #ed4830, #600) } .ryk { background:linear-gradient(90deg, #1a0033, #4b0082, #1a0033) } .zam_ryk { background:linear-gradient(90deg, #310054, #8a2be2, #310054) } .gts { background:linear-gradient(90deg, #4d2600, #ff8c00, #4d2600) } .zgts { background:linear-gradient(90deg, #630, #ffa500, #630) } .spec_adm { background:linear-gradient(90deg, #4d0026, #ff0080, #4d0026) } .zsa { background:linear-gradient(90deg, #603, #ff66b2, #603) } .ypr_serv { background:linear-gradient(90deg, #002d2d, #008b8b, #002d2d) } .zypr { background:linear-gradient(90deg, #004d4d, #00fa9a, #004d4d) } .kyrator { background:linear-gradient(90deg, #066, #7fffd4, #066) } .ga { background:linear-gradient(90deg, #002b00, #008000, #002b00) } .zga { background:linear-gradient(90deg, #040, #32cd32, #040) } .gs { background:linear-gradient(90deg, #001a4d, #1e90ff, #001a4d) } .zgs { background:linear-gradient(90deg, #000d26, #00f, #000d26) } .st_adm { background:linear-gradient(90deg, #004d66, #00bfff, #004d66) } .adm { background:linear-gradient(90deg, #006680, #87ceeb, #006680) } .ml_adm { background:linear-gradient(90deg, #08a, #add8e6, #08a) } .moder { background:linear-gradient(90deg, #4d3d00, #daa520, #4d3d00) } .ml_moder { background:linear-gradient(90deg, #664f00, #ff0, #664f00) } .helper { background:linear-gradient(90deg, #222, #aaa, #222) } .leader { background:linear-gradient(90deg, #2b1600, #8b4513, #2b1600) } .user { background:linear-gradient(90deg, #1a1a1a, #808080, #1a1a1a) }
Мне нужно цвет ников который работаеттут не все прописано
.userBanner.owner,.userBanner.so_owner,.userBanner.director,.userBanner.ryk,.userBanner.zam_ryk,.userBanner.gts,.userBanner.zgts,.userBanner.spec_adm,.userBanner.zsa,.userBanner.ypr_serv,.userBanner.zypr,.userBanner.kyrator,.userBanner.ga,.userBanner.zga,.userBanner.gs,.userBanner.zgs,.userBanner.st_adm,.userBanner.adm,.userBanner.ml_adm,.userBanner.moder,.userBanner.ml_moder,.userBanner.helper,.userBanner.leader,.userBanner.user {
position: relative;
padding: 10px 25px;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
color: #fff !important;
border: none;
text-align: center;
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
z-index: 1;
background-size: 200% 200% !important;
animation: fastGradient 3s linear infinite !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
display: inline-block
}
.userBanner.owner::before,.userBanner.so_owner::before,.userBanner.director::before,.userBanner.ryk::before,.userBanner.zam_ryk::before,.userBanner.gts::before,.userBanner.zgts::before,.userBanner.spec_adm::before,.userBanner.zsa::before,.userBanner.ypr_serv::before,.userBanner.zypr::before,.userBanner.kyrator::before,.userBanner.ga::before,.userBanner.zga::before,.userBanner.gs::before,.userBanner.zgs::before,.userBanner.st_adm::before,.userBanner.adm::before,.userBanner.ml_adm::before,.userBanner.moder::before,.userBanner.ml_moder::before,.userBanner.helper::before,.userBanner.leader::before,.userBanner.user::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 100%;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.05) 5px, rgba(255,255,255,0.05) 10px);
animation: patternMove 10s linear infinite
}
.userBanner.owner::after,.userBanner.so_owner::after,.userBanner.director::after,.userBanner.ryk::after,.userBanner.zam_ryk::after,.userBanner.gts::after,.userBanner.zgts::after,.userBanner.spec_adm::after,.userBanner.zsa::after,.userBanner.ypr_serv::after,.userBanner.zypr::after,.userBanner.kyrator::after,.userBanner.ga::after,.userBanner.zga::after,.userBanner.gs::after,.userBanner.zgs::after,.userBanner.st_adm::after,.userBanner.adm::after,.userBanner.ml_adm::after,.userBanner.moder::after,.userBanner.ml_moder::after,.userBanner.helper::after,.userBanner.leader::after,.userBanner.user::after {
content: '';
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 5px #fff,0 0 10px #fff;
animation: dotPulse 1.5s infinite
}
@keyframes fastGradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes patternMove {
0% {
transform: translateX(-50%)
}
100% {
transform: translateX(0%)
}
}
@keyframes dotPulse {
0% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}
50% {
opacity: 1;
transform: translateY(-50%) scale(1.2)
}
100% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}
}
.owner {
background: linear-gradient(90deg, #2a0000, #f00, #2a0000)
}
.so_owner {
background: linear-gradient(90deg, #3a0000, #ff4d4d, #3a0000)
}
.director {
background: linear-gradient(90deg, #4a0010, #ff5f40, #4a0010)
}
.ryk {
background: linear-gradient(90deg, #120024, #9d4edd, #120024)
}
.zam_ryk {
background: linear-gradient(90deg, #1e003a, #bf5af2, #1e003a)
}
.gts {
background: linear-gradient(90deg, #2d1600, #ff9f0a, #2d1600)
}
.zgts {
background: linear-gradient(90deg, #3a1d00, #ffb347, #3a1d00)
}
.spec_adm {
background: linear-gradient(90deg, #300018, #ff2d55, #300018)
}
.zsa {
background: linear-gradient(90deg, #400020, #ff66b2, #400020)
}
.ypr_serv {
background: linear-gradient(90deg, #001f1f, #00d2d2, #001f1f)
}
.zypr {
background: linear-gradient(90deg, #002d2d, #30ffd0, #002d2d)
}
.kyrator {
background: linear-gradient(90deg, #003a3a, #64ffda, #003a3a)
}
.ga {
background: linear-gradient(90deg, #001a00, #34c759, #001a00)
}
.zga {
background: linear-gradient(90deg, #002b00, #32d74b, #002b00)
}
.gs {
background: linear-gradient(90deg, #001030, #0a84ff, #001030)
}
.zgs {
background: linear-gradient(90deg, #00081a, #5e5ce6, #00081a)
}
.st_adm {
background: linear-gradient(90deg, #002a3a, #64d2ff, #002a3a)
}
.adm {
background: linear-gradient(90deg, #003a4d, #70dcff, #003a4d)
}
.ml_adm {
background: linear-gradient(90deg, #004a5a, #a6edff, #004a5a)
}
.moder {
background: linear-gradient(90deg, #2d2400, #ffd60a, #2d2400)
}
.ml_moder {
background: linear-gradient(90deg, #3a2e00, #fff200, #3a2e00)
}
.helper {
background: linear-gradient(90deg, #1a1a1a, #636366, #1a1a1a)
}
.leader {
background: linear-gradient(90deg, #1d0f00, #a2511a, #1d0f00)
}
.user {
background: linear-gradient(90deg, #121212, #3a3a3c, #121212)
}
.userBanner.userBanner--staff,.userBanner.userBanner--primary {
position: relative;
padding: 10px 25px;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
text-align: center;
display: inline-block;
border: none;
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
z-index: 1;
color: #ffffff !important;
background: linear-gradient(90deg, #4b0000, #ff4d4d, #900, #ff4d4d, #4b0000);
background-size: 200% 200% !important;
animation: staffFastGradient 3s linear infinite !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.5)
}
.userBanner.userBanner--staff::before,.userBanner.userBanner--primary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 100%;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.05) 10px);
animation: staffPattern 8s linear infinite;
pointer-events: none
}
.userBanner.userBanner--staff::after,.userBanner.userBanner--primary::after {
content: '';
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 8px #fff;
animation: staffDot 1s infinite
}
@keyframes staffFastGradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes staffPattern {
0% {
transform: translateX(-50%)
}
100% {
transform: translateX(0%)
}
}
@keyframes staffDot {
0%,100% {
opacity: 0.5;
transform: translateY(-50%) scale(.9)
}
50% {
opacity: 1;
transform: translateY(-50%) scale(1.2)
}
}
.userBanner.owner,.userBanner.so_owner,.userBanner.director,.userBanner.ryk,.userBanner.zam_ryk,.userBanner.gts,.userBanner.zgts,.userBanner.spec_adm,.userBanner.zsa,.userBanner.ypr_serv,.userBanner.zypr,.userBanner.kyrator,.userBanner.ga,.userBanner.zga,.userBanner.gs,.userBanner.zgs,.userBanner.st_adm,.userBanner.adm,.userBanner.ml_adm,.userBanner.moder,.userBanner.ml_moder,.userBanner.helper,.userBanner.leader,.userBanner.user {
position: relative;
padding: 10px 25px;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
color: #fff !important;
border: none;
text-align: center;
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
z-index: 1;
background-size: 200% 200% !important;
animation: fastGradient 3s linear infinite !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
display: inline-block
}
.userBanner.owner::before,.userBanner.so_owner::before,.userBanner.director::before,.userBanner.ryk::before,.userBanner.zam_ryk::before,.userBanner.gts::before,.userBanner.zgts::before,.userBanner.spec_adm::before,.userBanner.zsa::before,.userBanner.ypr_serv::before,.userBanner.zypr::before,.userBanner.kyrator::before,.userBanner.ga::before,.userBanner.zga::before,.userBanner.gs::before,.userBanner.zgs::before,.userBanner.st_adm::before,.userBanner.adm::before,.userBanner.ml_adm::before,.userBanner.moder::before,.userBanner.ml_moder::before,.userBanner.helper::before,.userBanner.leader::before,.userBanner.user::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 100%;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.05) 5px, rgba(255,255,255,0.05) 10px);
animation: patternMove 10s linear infinite
}
.userBanner.owner::after,.userBanner.so_owner::after,.userBanner.director::after,.userBanner.ryk::after,.userBanner.zam_ryk::after,.userBanner.gts::after,.userBanner.zgts::after,.userBanner.spec_adm::after,.userBanner.zsa::after,.userBanner.ypr_serv::after,.userBanner.zypr::after,.userBanner.kyrator::after,.userBanner.ga::after,.userBanner.zga::after,.userBanner.gs::after,.userBanner.zgs::after,.userBanner.st_adm::after,.userBanner.adm::after,.userBanner.ml_adm::after,.userBanner.moder::after,.userBanner.ml_moder::after,.userBanner.helper::after,.userBanner.leader::after,.userBanner.user::after {
content: '';
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 5px #fff,0 0 10px #fff;
animation: dotPulse 1.5s infinite
}
@keyframes fastGradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes patternMove {
0% {
transform: translateX(-50%)
}
100% {
transform: translateX(0%)
}
}
@keyframes dotPulse {
0% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}
50% {
opacity: 1;
transform: translateY(-50%) scale(1.2)
}
100% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}
}
.owner {
background: linear-gradient(90deg, #2a0000, #f00, #2a0000)
}
.so_owner {
background: linear-gradient(90deg, #3a0000, #ff4d4d, #3a0000)
}
.director {
background: linear-gradient(90deg, #4a0010, #ff5f40, #4a0010)
}
.ryk {
background: linear-gradient(90deg, #120024, #9d4edd, #120024)
}
.zam_ryk {
background: linear-gradient(90deg, #1e003a, #bf5af2, #1e003a)
}
.gts {
background: linear-gradient(90deg, #2d1600, #ff9f0a, #2d1600)
}
.zgts {
background: linear-gradient(90deg, #3a1d00, #ffb347, #3a1d00)
}
.spec_adm {
background: linear-gradient(90deg, #300018, #ff2d55, #300018)
}
.zsa {
background: linear-gradient(90deg, #400020, #ff66b2, #400020)
}
.ypr_serv {
background: linear-gradient(90deg, #001f1f, #00d2d2, #001f1f)
}
.zypr {
background: linear-gradient(90deg, #002d2d, #30ffd0, #002d2d)
}
.kyrator {
background: linear-gradient(90deg, #003a3a, #64ffda, #003a3a)
}
.ga {
background: linear-gradient(90deg, #001a00, #34c759, #001a00)
}
.zga {
background: linear-gradient(90deg, #002b00, #32d74b, #002b00)
}
.gs {
background: linear-gradient(90deg, #001030, #0a84ff, #001030)
}
.zgs {
background: linear-gradient(90deg, #00081a, #5e5ce6, #00081a)
}
.st_adm {
background: linear-gradient(90deg, #002a3a, #64d2ff, #002a3a)
}
.adm {
background: linear-gradient(90deg, #003a4d, #70dcff, #003a4d)
}
.ml_adm {
background: linear-gradient(90deg, #004a5a, #a6edff, #004a5a)
}
.moder {
background: linear-gradient(90deg, #2d2400, #ffd60a, #2d2400)
}
.ml_moder {
background: linear-gradient(90deg, #3a2e00, #fff200, #3a2e00)
}
.helper {
background: linear-gradient(90deg, #1a1a1a, #636366, #1a1a1a)
}
.leader {
background: linear-gradient(90deg, #1d0f00, #a2511a, #1d0f00)
}
.user {
background: linear-gradient(90deg, #121212, #3a3a3c, #121212)
}
.userBanner.userBanner--staff,.userBanner.userBanner--primary {
position: relative;
padding: 10px 25px;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
text-align: center;
display: inline-block;
border: none;
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
z-index: 1;
color: #ffffff !important;
background: linear-gradient(90deg, #4b0000, #ff4d4d, #900, #ff4d4d, #4b0000);
background-size: 200% 200% !important;
animation: staffFastGradient 3s linear infinite !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.5)
}
.userBanner.userBanner--staff::before,.userBanner.userBanner--primary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 100%;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.05) 10px);
animation: staffPattern 8s linear infinite;
pointer-events: none
}
.userBanner.userBanner--staff::after,.userBanner.userBanner--primary::after {
content: '';
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 8px #fff;
animation: staffDot 1s infinite
}
@keyframes staffFastGradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes staffPattern {
0% {
transform: translateX(-50%)
}
100% {
transform: translateX(0%)
}
}
@keyframes staffDot {
0%,100% {
opacity: 0.5;
transform: translateY(-50%) scale(.9)
}
50% {
opacity: 1;
transform: translateY(-50%) scale(1.2)
}
}
не знал, сейчас исправлю
не знал, сейчас исправлю