Баннеры групп для форумов SA:MP

[akelrman]

Здравствуйте столкнулся с проблемой


Возможно ли сделать чтобы баннер был однострочный и его не растягивало по ширине ?

Ниже код который использую

.userBannerLight, .userBanner--staff {
display: inline-block;
text-align: center;
font-size: .7em;
font-weight: 800;
color: #fff;
text-transform: uppercase;
padding: .5em 0em;
width: 100%;
border: none;
border-radius: 8px;
position: relative;
overflow: hidden;
&.admin { // Руководитель
background: #FF0000; // Красный
}
&.user {
background: #B0C4DE;
}
&.moder {
background: #00695C;
}
&.chiefadministrator { // Главный администратор
background: #339933; // Зеленый
}
&.deputychiefadministrator { // Заместитель главного администратора
background: #6DB36D; // Светло зеленый
}
&.tutor { // Куратор
background: #9932CC; // Фиолетовый
}
&.moder {
background: #00695C;
}
&.moder {
background: #00695C;
}
&.moder {
background: #00695C;
}
&.moder {
background: #00695C;
}
&.moder {
background: #00695C;
}
&.verifieduser {
background: #00FF7F;
}
&:before {
content: "";
position: absolute;
background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250, 250, 250, .7) 50%, transparent 70%, transparent 100%);
background-repeat: no-repeat;
top: 0px;
left: -80%;
width: 100%;
height: 100%;
animation: light 2.5s infinite;
}
.memberHeader-banners &, .memberTooltip-banners & {
width: 120px;
}
@media (max-width: @xf-responsiveMedium) {
.message:not(.message--forceColumns) .message-userBanner.userBanner& {
width: 120px;
text-align: center;
}
}
}
.userBanner--staff {
background: #ff0000 !important;
color: #fff !important;
}

@keyframes light {
0% {
left: -80%;
}
100% {
left: 80%;
}
}

 

[Skaiman]

akelrman, какое отношение твои баннеры имеют к этому ресурсу и второе для кода есть тег CODE