Проблема с оконтовкой

Здравствуйте, дорогие читатели, я хочу спросить как можно убрать оконтовку с этими черными квадратиками
Так же могу приложить файл extra.less

 

У тебя есть лишние строки в коде, которые отвечают за тени. Их нужно удалить. Можешь сам, или скинь содержимое файла или хотя бы ту часть, которая отвечает за эти баннеры. Я скажу, что нужно удалить

 

У тебя есть лишние строки в коде, которые отвечают за тени. Их нужно удалить. Можешь сам, или скинь содержимое файла или хотя бы ту часть, которая отвечает за эти баннеры. Я скажу, что нужно удалить

.glass-effect(@color1, @color2, @border-color) {
background: linear-gradient(135deg, fade(@color1, 80%), fade(@color2, 80%)) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
border: 1px solid fade(@border-color, 40%) !important;
box-shadow:
none rgba(0, 0, 0, 0),
inset none rgba(0, 0, 0, 0) !important;
}


.cmd.forum
{
.glass-effect(#8B0000, #B22222, #FFD700);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: none !important;
font-weight: 700 !important;
border:
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: none rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.ga
{
.glass-effect(#556B2F, #006400, #006400);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.zga
{
.glass-effect(#90EE90, #006400, #00FF7F);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.vladelec
{
.glass-effect(#8B0000, #B22222, #FFD700);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.prmanager
{
.glass-effect(#FF8C00, #B22222, #FFA07A);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.gs
{
.glass-effect(#7B68EE, #4682B4, #DDA0DD);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.zgs
{
.glass-effect(#7B68EE, #4682B4, #DDA0DD);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.st.admin
{
.glass-effect(#7B68EE, #8B4513, #B8860B);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.zvladelec
{
.glass-effect(#8B0000, #B22222, #FFD700);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.rasrab
{
.glass-effect(#8B008B, #2F4F4F, #A52A2A);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.specadmin
{
.glass-effect(#8B0000, #B22222, #FFD700);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.tex.spec
{
.glass-effect(#191970, #48D1CC, #1E90FF);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.kurator
{
.glass-effect(#DB7093, #FFC0CB, #FF69B4);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.administrator
{
.glass-effect(#BDB76B, #483D8B, #FFD700);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.moder
{
.glass-effect(#556B2F, #808000, #FFD700);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.mlmoder
{
.glass-effect(#556B2F, #808000, #8FBC8F);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.zamprmanager
{
.glass-effect(#FF8C00, #B22222, #FFA07A);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px

}

.polsovatel
{
.glass-effect(#C0C0C0, #778899, #808080);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

.tester
{
.glass-effect(#191970, #C71585, #F0E68C);
color: #FFFFFF !important;
padding: 6px 12px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
animation:
gradient-shift 4s infinite ease-in-out,
bright-sparkle 3s infinite ease-in-out !important;
margin: 3px
}

 

вот сами строки отвечающие за баннеры, я сейчас открыл код страницы и примерно увидел где это было, но не могу найти эту строку кода именно тут, она в другом файле, я пока там покапаюсь

 

У тебя в коде есть одна синтаксическая ошибка и неправильные настройки самого миксина, которые создают рамки. А чтобы эти квадратики убрать, нужно обнулить базовый класс баннеров, и создать свой. Удали стандартную обводку XenForo и добавь блок .userBanner, который уберёт стандартные тени и границы. В блоке .cmd.forum у тебя там висит пустая строка border:, она ломает код ниже. Если ты думал удалить бордер, то это делается не пустой строкой) Настрой миксин .glass-effect. Там нужно закомментировать строку, чтобы убрать рамку у всего сразу

 

ой, сейчас попробую, не доглядел)
спасибо заранее

 

спасибо больше, помогло, все настроил)
можно тему закрывать терь