XF 1.5 Баннеры групп

[nictic123]

Здравствуйте! Есть такой код:

.userBanner.skl
{
color: white;
background: linear-gradient(90deg, #58BCA8, #008282);
border-color: #008282;
}

И в своем css классе баннера userBanner skl
Отображается баннер так:

Если привести код к такому виду,

.userBanner.skl
{
color: white;
background: #00677e;
border-color: #004953;
}

баннер будет отображаться так:

Вопрос: как можно нормально написать градиентный баннер, чтобы он отображался нормально, то есть с этими штуками по бокам?

То есть чтобы он выглядел примерно вот так:

Заранее спасибо

 

[25517]

Мб сделать другого цвета border ?
Не бейте:rolleyes:

 

[nictic123]

Мб сделать другого цвета border ?

Да уж каким только не пробовал цветом...

 

[West14]

nictic123,

.userBanner.testBanner {
    color: white;
    background: linear-gradient(90deg, #58BCA8, #008282);
    border-color: #008282;
}
.userBanner.testBanner.wrapped span {
    background-color: #004953;
}