Префексы pawno help

[Ladno Solova]

Дайте пожалуйста код на префексы павно хелпа

 

[spufik]

.userBannerLight, .userBanner--staff {
    display: inline-block;
    text-align: center;
    font-size: .7em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0em;
    width: 100%;
    border: none;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    &.admin {
        background: linear-gradient(90deg,rgba(33, 32, 32, 1) 30%, rgba(181, 0, 0, 1) 100%);
    }
    &.premium {
        background: linear-gradient(135deg, #8A2BE2 0%, #DA70D6 50%, #FFD700 100%);
    }
    &.user {
        background: #1565C0;
    }
    &: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: #1ba39c !important;
    color: #fff !important;
}

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

 

[spufik]

Там они закруглены, но пофантазируй немного.

 

[Ladno Solova]

Там они закруглены, но пофантазируй немного.

Это точно префексы?...

 

[spufik]

Это точно префексы?...

OFFTOP

А ой спутал чутка, баннеры скинул xD

 

[Jack_Mithel]

.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}