Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Помогите с extra

Авг
59
9
Пользователь
Не могу понять что не так с extra.less почему у меня текст в баннерах жирный и оранжевый
.userBanner {
color: white;
text-transform: uppercase;
font-size: 72%;
border-radius: 10px;
font-weight: 800;
padding: 5.3px 7.3px;
border: .6mm ridge rgba(255,255,255,0.4);
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, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
background-size: 900% 900%;
}

/////// покупные краски








/////////

&.gts {
background: #FF0000;
border-radius: 10px 0px 10px 0px;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
}

&.razrab {
background-image: linear-gradient(270deg, #f819a7, #4619f8);
}

&.durov {
background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
}

&.stadm {
background-image: linear-gradient(270deg, #0066FF, #0044BB);
}

&.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00CED1 );
}

&.soskazgs {
background-image: linear-gradient(270deg, #0066FF, #BA55D3);
}
&.redadmin {
background-image: linear-gradient(270deg, #B22222, #DC143C, #8B0000);
}
&.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151);
}
&.admin {
background-image: linear-gradient(270deg, #ff0000, #dc00ff, #ff9400);
color: black;
padding: 5px 8px;
}
&.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #00ddaa, #00aa88);
}
&.stadm {
background-image: linear-gradient(270deg, #7b9de0, #0044bb, #0066ff);
}
&.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc);
}
&.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
}
&.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black;
}
&.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32CD32, #ddaa00, #cc0000);
}
&.ga {
background-image: linear-gradient(270deg, #32CD32, #008000, #20B2AA);
}
&.lider {
background-image: linear-gradient(270deg, #ddaa00, #f08b9a);
}
&.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff);
}
&.adm {
background-image: linear-gradient(270deg, #6B8E23, #82f358, #49cc2c);
}
&.mod {
background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c, );
}
&.teh {
background-image: linear-gradient(270deg, #FF4500, #bb5500, #cc0000);
}
&.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);
}

&.test{
background-image: linear-gradient(270deg, #C71585, #FF1493, #FF69B4);
}

&.melky {
background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

&.project{
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
}


&.sponsor{
background-image: linear-gradient(270deg, #6A5ACD, #4B0082, #8A2BE2);
}
&.spec {
background-image: linear-gradient(270deg, #FF0000, #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, #ff0000);
}
&.zrpice {
background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff);
}
&.iceteam {
background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ffff00, #758cff);
}
&.pluxury {
background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
}
&.furmangroup {
background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
}
&.kasper {
background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6);
}
&.furmanvip {
background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff);
}
&.dagovsky {
background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
}

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

///////////// что бы галочка не ломалась

.username i
{
position: unset;
}

///////////// Иконки для банеров

.username--style5:before {
font-family: "Font Awesome 5 Pro";
content: "\f0c2";
font-weight: 600;
padding-right: 4px;
display: inline-block;
}

///////////////////////// Префиксы тем

///////////// проверка ники

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

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

100% {
background-position: 0% 50%
}
}
1000008451.png
 
Фев
72
75
Пользователь
Не могу понять что не так с extra.less почему у меня текст в баннерах жирный и оранжевый
.userBanner {
color: white;
text-transform: uppercase;
font-size: 72%;
border-radius: 10px;
font-weight: 800;
padding: 5.3px 7.3px;
border: .6mm ridge rgba(255,255,255,0.4);
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, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
background-size: 900% 900%;
}

/////// покупные краски








/////////

&.gts {
background: #FF0000;
border-radius: 10px 0px 10px 0px;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
}

&.razrab {
background-image: linear-gradient(270deg, #f819a7, #4619f8);
}

&.durov {
background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
}

&.stadm {
background-image: linear-gradient(270deg, #0066FF, #0044BB);
}

&.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00CED1 );
}

&.soskazgs {
background-image: linear-gradient(270deg, #0066FF, #BA55D3);
}
&.redadmin {
background-image: linear-gradient(270deg, #B22222, #DC143C, #8B0000);
}
&.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151);
}
&.admin {
background-image: linear-gradient(270deg, #ff0000, #dc00ff, #ff9400);
color: black;
padding: 5px 8px;
}
&.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #00ddaa, #00aa88);
}
&.stadm {
background-image: linear-gradient(270deg, #7b9de0, #0044bb, #0066ff);
}
&.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc);
}
&.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
}
&.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black;
}
&.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32CD32, #ddaa00, #cc0000);
}
&.ga {
background-image: linear-gradient(270deg, #32CD32, #008000, #20B2AA);
}
&.lider {
background-image: linear-gradient(270deg, #ddaa00, #f08b9a);
}
&.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff);
}
&.adm {
background-image: linear-gradient(270deg, #6B8E23, #82f358, #49cc2c);
}
&.mod {
background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c, );
}
&.teh {
background-image: linear-gradient(270deg, #FF4500, #bb5500, #cc0000);
}
&.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);
}

&.test{
background-image: linear-gradient(270deg, #C71585, #FF1493, #FF69B4);
}

&.melky {
background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

&.project{
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
}


&.sponsor{
background-image: linear-gradient(270deg, #6A5ACD, #4B0082, #8A2BE2);
}
&.spec {
background-image: linear-gradient(270deg, #FF0000, #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, #ff0000);
}
&.zrpice {
background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff);
}
&.iceteam {
background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ffff00, #758cff);
}
&.pluxury {
background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
}
&.furmangroup {
background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
}
&.kasper {
background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6);
}
&.furmanvip {
background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff);
}
&.dagovsky {
background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
}

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

///////////// что бы галочка не ломалась

.username i
{
position: unset;
}

///////////// Иконки для банеров

.username--style5:before {
font-family: "Font Awesome 5 Pro";
content: "\f0c2";
font-weight: 600;
padding-right: 4px;
display: inline-block;
}

///////////////////////// Префиксы тем

///////////// проверка ники

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

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

100% {
background-position: 0% 50%
}
}
уберите всю русскую дичь и оставьте екстра лесс в покое,так же упомянуто с /////
 
Фев
72
75
Пользователь


extra.less:
.userBanner {
color: white;
text-transform: uppercase;
font-size: 72%;
border-radius: 10px;
font-weight: 800;
padding: 5.3px 7.3px;
border: .6mm ridge rgba(255,255,255,0.4);
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, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
background-size: 900% 900%;
}


&.gts {
background: #FF0000;
border-radius: 10px 0px 10px 0px;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
}

&.razrab {
background-image: linear-gradient(270deg, #f819a7, #4619f8);
}

&.durov {
background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
}

&.stadm {
background-image: linear-gradient(270deg, #0066FF, #0044BB);
}

&.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00CED1 );
}

&.soskazgs {
background-image: linear-gradient(270deg, #0066FF, #BA55D3);
}
&.redadmin {
background-image: linear-gradient(270deg, #B22222, #DC143C, #8B0000);
}
&.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151);
}
&.admin {
background-image: linear-gradient(270deg, #ff0000, #dc00ff, #ff9400);
color: black;
padding: 5px 8px;
}
&.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #00ddaa, #00aa88);
}
&.stadm {
background-image: linear-gradient(270deg, #7b9de0, #0044bb, #0066ff);
}
&.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc);
}
&.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
}
&.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black;
}
&.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32CD32, #ddaa00, #cc0000);
}
&.ga {
background-image: linear-gradient(270deg, #32CD32, #008000, #20B2AA);
}
&.lider {
background-image: linear-gradient(270deg, #ddaa00, #f08b9a);
}
&.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff);
}
&.adm {
background-image: linear-gradient(270deg, #6B8E23, #82f358, #49cc2c);
}
&.mod {
background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c, );
}
&.teh {
background-image: linear-gradient(270deg, #FF4500, #bb5500, #cc0000);
}
&.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);
}

&.test{
background-image: linear-gradient(270deg, #C71585, #FF1493, #FF69B4);
}

&.melky {
background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

&.project{
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
}


&.sponsor{
background-image: linear-gradient(270deg, #6A5ACD, #4B0082, #8A2BE2);
}
&.spec {
background-image: linear-gradient(270deg, #FF0000, #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, #ff0000);
}
&.zrpice {
background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff);
}
&.iceteam {
background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ffff00, #758cff);
}
&.pluxury {
background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
}
&.furmangroup {
background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
}
&.kasper {
background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6);
}
&.furmanvip {
background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff);
}
&.dagovsky {
background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
}

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

.username--style5:before {
font-family: "Font Awesome 5 Pro";
content: "\f0c2";
font-weight: 600;
padding-right: 4px;
display: inline-block;
}


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

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

100% {
background-position: 0% 50%
}
}
готовый екстра лесс
 
Авг
59
9
Пользователь


extra.less:
.userBanner {
color: white;
text-transform: uppercase;
font-size: 72%;
border-radius: 10px;
font-weight: 800;
padding: 5.3px 7.3px;
border: .6mm ridge rgba(255,255,255,0.4);
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, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
background-size: 900% 900%;
}


&.gts {
background: #FF0000;
border-radius: 10px 0px 10px 0px;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
}

&.razrab {
background-image: linear-gradient(270deg, #f819a7, #4619f8);
}

&.durov {
background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
}

&.stadm {
background-image: linear-gradient(270deg, #0066FF, #0044BB);
}

&.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00CED1 );
}

&.soskazgs {
background-image: linear-gradient(270deg, #0066FF, #BA55D3);
}
&.redadmin {
background-image: linear-gradient(270deg, #B22222, #DC143C, #8B0000);
}
&.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151);
}
&.admin {
background-image: linear-gradient(270deg, #ff0000, #dc00ff, #ff9400);
color: black;
padding: 5px 8px;
}
&.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #00ddaa, #00aa88);
}
&.stadm {
background-image: linear-gradient(270deg, #7b9de0, #0044bb, #0066ff);
}
&.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc);
}
&.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
}
&.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black;
}
&.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32CD32, #ddaa00, #cc0000);
}
&.ga {
background-image: linear-gradient(270deg, #32CD32, #008000, #20B2AA);
}
&.lider {
background-image: linear-gradient(270deg, #ddaa00, #f08b9a);
}
&.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff);
}
&.adm {
background-image: linear-gradient(270deg, #6B8E23, #82f358, #49cc2c);
}
&.mod {
background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c, );
}
&.teh {
background-image: linear-gradient(270deg, #FF4500, #bb5500, #cc0000);
}
&.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);
}

&.test{
background-image: linear-gradient(270deg, #C71585, #FF1493, #FF69B4);
}

&.melky {
background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

&.project{
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
}


&.sponsor{
background-image: linear-gradient(270deg, #6A5ACD, #4B0082, #8A2BE2);
}
&.spec {
background-image: linear-gradient(270deg, #FF0000, #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, #ff0000);
}
&.zrpice {
background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff);
}
&.iceteam {
background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ffff00, #758cff);
}
&.pluxury {
background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
}
&.furmangroup {
background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
}
&.kasper {
background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6);
}
&.furmanvip {
background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff);
}
&.dagovsky {
background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
}

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

.username i
{
position: unset;
}

.username--style5:before {
font-family: "Font Awesome 5 Pro";
content: "\f0c2";
font-weight: 600;
padding-right: 4px;
display: inline-block;
}


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

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

100% {
background-position: 0% 50%
}
}
готовый екстра лесс
И че
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,588
2,508
Профессионал
это здесь причем, если не причем то убирай галочку
Если что // это не просто чёрточки, а комментарий, который нужен просто для обозначения блока, его пояснения и тд. И он никак не влияет на работоспособность кода.

Не могу понять что не так с extra.less почему у меня текст в баннерах жирный и оранжевый
.userBanner {
color: white;
text-transform: uppercase;
font-size: 72%;
border-radius: 10px;
font-weight: 800;
padding: 5.3px 7.3px;
border: .6mm ridge rgba(255,255,255,0.4);
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, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
background-size: 900% 900%;
}

/////// покупные краски








/////////

&.gts {
background: #FF0000;
border-radius: 10px 0px 10px 0px;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
}

&.razrab {
background-image: linear-gradient(270deg, #f819a7, #4619f8);
}

&.durov {
background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
}

&.stadm {
background-image: linear-gradient(270deg, #0066FF, #0044BB);
}

&.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00CED1 );
}

&.soskazgs {
background-image: linear-gradient(270deg, #0066FF, #BA55D3);
}
&.redadmin {
background-image: linear-gradient(270deg, #B22222, #DC143C, #8B0000);
}
&.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151);
}
&.admin {
background-image: linear-gradient(270deg, #ff0000, #dc00ff, #ff9400);
color: black;
padding: 5px 8px;
}
&.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #00ddaa, #00aa88);
}
&.stadm {
background-image: linear-gradient(270deg, #7b9de0, #0044bb, #0066ff);
}
&.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc);
}
&.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
}
&.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black;
}
&.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32CD32, #ddaa00, #cc0000);
}
&.ga {
background-image: linear-gradient(270deg, #32CD32, #008000, #20B2AA);
}
&.lider {
background-image: linear-gradient(270deg, #ddaa00, #f08b9a);
}
&.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff);
}
&.adm {
background-image: linear-gradient(270deg, #6B8E23, #82f358, #49cc2c);
}
&.mod {
background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c, );
}
&.teh {
background-image: linear-gradient(270deg, #FF4500, #bb5500, #cc0000);
}
&.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);
}

&.test{
background-image: linear-gradient(270deg, #C71585, #FF1493, #FF69B4);
}

&.melky {
background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

&.project{
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
}


&.sponsor{
background-image: linear-gradient(270deg, #6A5ACD, #4B0082, #8A2BE2);
}
&.spec {
background-image: linear-gradient(270deg, #FF0000, #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, #ff0000);
}
&.zrpice {
background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff);
}
&.iceteam {
background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ffff00, #758cff);
}
&.pluxury {
background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
}
&.furmangroup {
background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
}
&.kasper {
background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6);
}
&.furmanvip {
background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff);
}
&.dagovsky {
background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
}

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

///////////// что бы галочка не ломалась

.username i
{
position: unset;
}

///////////// Иконки для банеров

.username--style5:before {
font-family: "Font Awesome 5 Pro";
content: "\f0c2";
font-weight: 600;
padding-right: 4px;
display: inline-block;
}

///////////////////////// Префиксы тем

///////////// проверка ники

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

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

100% {
background-position: 0% 50%
}
}
Посмотреть вложение 24735
А насчёт кода, то вроде работает код, скажи именно какие классы не работают?
 
Авг
59
9
Пользователь
Если что // это не просто чёрточки, а комментарий, который нужен просто для обозначения блока, его пояснения и тд. И он никак не влияет на работоспособность кода.


А насчёт кода, то вроде работает код, скажи именно какие классы не работают?
Все мне шрифт жирный и на команда проекта цвет не белый
 
Сверху