Можете дать баннеры как у форума ссылка внизу

[AARON_WONDERFUL]

http://forum.wh33494.web2.maze-tech.ru/index.php?members/nikitov_test.22/

 

[сhrymixu]

/********* public:extra.less ********/
.userBanner {
    display: inline-block !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    text-align: center !important;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: 1px solid rgba(255,255,255,0.12) !important;
    transition: all .2s ease-in-out;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4)
}

.userBanner:hover {
    transform: translateY(-1px);
    filter: brightness(1.1)
}

.userBanner.banner-birthday {
    background-color: #ff00ff;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,0,255,0.85) !important
}

.userBanner.banner-blocked {
    background-color: #616161;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(97,97,97,0.85) !important
}

.userBanner.banner-owner {
    background-color: #D32F2F;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(211,47,47,0.85) !important
}

.userBanner.banner-director {
    background-color: #D32F2F;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(211,47,47,0.85) !important
}

.userBanner.banner-main-admin-forum {
    background-color: #9C27B0;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(156,39,176,0.85) !important
}

.userBanner.banner-dev {
    background-color: #000000;
    color: #ff0000;
    box-shadow: 0 0 12px rgba(255,0,0,0.85) !important
}

.userBanner.banner-project-lead {
    background-color: #D32F2F;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(211,47,47,0.85) !important
}

.userBanner.banner-tech-lead {
    background-color: #FF6347;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,99,71,0.85) !important
}

.userBanner.banner-spec-admin {
    background-color: #FF0000;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,0,0,0.85) !important
}

.userBanner.banner-zam-spec-admin {
    background-color: #FF0000;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,0,0,0.85) !important
}

.userBanner.banner-dep-tech-lead {
    background-color: #FF1493;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,20,147,0.85) !important
}

.userBanner.banner-tech-spec {
    background-color: #FFA500;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,165,0,0.85) !important
}

.userBanner.banner-main-admin {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-main-dep-main-admin {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-dep-main-admin {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-curator-admin {
    background-color: #9400D3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(148,0,211,0.85) !important
}

.userBanner.banner-tech-support {
    background-color: #FFDAB9;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,218,185,0.85) !important
}

.userBanner.banner-test-lead {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-test-main {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-dep-test-lead {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-tester {
    background-color: #00CED1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,206,209,0.85) !important
}

.userBanner.banner-senior-tester {
    background-color: #4DD0E1;
    color: #000000;
    box-shadow: 0 0 12px rgba(77,208,225,0.85) !important
}

.userBanner.banner-dep-mod-main {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-mod-main {
    background-color: #00BFFF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,191,255,0.85) !important
}

.userBanner.banner-senior-admin {
    background-color: #4169E1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(65,105,225,0.85) !important
}

.userBanner.banner-admin {
    background-color: #4169E1;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(65,105,225,0.85) !important
}

.userBanner.banner-senior-mod {
    background-color: #66CDAA;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(102,205,170,0.85) !important
}

.userBanner.banner-pr-manager {
    background-color: #480082;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(72,0,130,0.85) !important
}

.userBanner.banner-dep-head-supervisor-ml {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-head-supervisor-ml {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-dep-head-supervisor-opg {
    background-color: #9370DB;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(147,112,219,0.85) !important
}

.userBanner.banner-head-supervisor-opg {
    background-color: #9370DB;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(147,112,219,0.85) !important
}

.userBanner.banner-dep-head-supervisor-goss {
    background-color: #1E90FF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(30,144,255,0.85) !important
}

.userBanner.banner-head-supervisor-goss {
    background-color: #1E90FF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(30,144,255,0.85) !important
}

.userBanner.banner-mod {
    background-color: #66CDAA;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(102,205,170,0.85) !important
}

.userBanner.banner-service-account {
    background-color: #2196F3;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(33,150,243,0.85) !important
}

.userBanner.banner-curator-forum {
    background-color: #0000FF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,0,255,0.85) !important
}

.userBanner.banner-ded-moroz {
    background-color: #FF5252;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(255,82,82,0.85) !important
}

.userBanner.banner-leader {
    background-color: #00FFFF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,255,255,0.85) !important
}

.userBanner.banner-forum-mod {
    background-color: #00FA9A;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,250,154,0.85) !important
}

.userBanner.banner-regular-user {
    background-color: #F3E5F5;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(243,229,245,0.85) !important
}

.userBanner.banner-server-samara {
    background-color: #9C27B0;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(156,39,176,0.85) !important
}

.userBanner.banner-quality-control {
    background-color: #00FFFF;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(0,255,255,0.85) !important
}

.userBanner.banner-test-group {
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 0 12px rgba(255,255,255,0.85) !important
}

.userBanner.banner-project-team {
    background-color: #FFFF00;
    color: #000000;
    box-shadow: 0 0 12px rgba(255,255,0,0.85) !important
}