Решено Весь Extra.less H-bonus - Темный Стиль

[Nikita_FullMaster]

Сливаю фулл extra.less форума Hamster bonus

.p-header-logo--before {
    background-image: url(styles/fury/logobg.jpg) !important;
    background-color: transparent !important;
    background-size: 100% !important;
    background-position: center top !important;
}
.p-header-logo--before::after {
    display:none;
}
.p-body-sidebar .block-minorHeader {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.button.button--primary, a.button.button--primary {
    color: #fff;
    background: #0078af;
    min-width: 80px;
}
.button, a.button {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    margin-left: 2px;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    font-size: 12px;
    border-radius: 4px;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 13px;
    padding-left: 18px;
    font-weight: 500;
    text-align: center;
    text-transform: none;
    letter-spacing: .05em;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.12);
    color: #fff;
    background: #0078af;
}
.quick-access .button {
padding: 1px 0;
    width: 100%;
    height: 50px;
    border: 1px solid #4d5460;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    font-size: 14px;
    border-radius: 4px;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 13px;
    padding-left: 18px;
    font-weight: 500;
    text-align: center;
    text-transform: none;
    letter-spacing: .05em;
    border: none;
    color: #fff;
    background: #00d4f817;
}
.osnov {
    background: url(/data/assets/osnovatel.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}
.p-body-pageContent .block--category .block-header {
    position: sticky;
}
.gadmin {
    background: url(/data/assets/ga.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
@keyframes AnimNic {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.judje {
    background: url(/data/assets/judge2.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.user {
    background: url(/data/assets/user.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.curadm {
    background: url(/data/assets/curator.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.zgadmin {
    background: url(/data/assets/zga.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.adm4 {
    background: url(/data/assets/admin.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.adm3 {
    background: url(/data/assets/ml_admin.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.adm1 {
    background: url(/data/assets/helper.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.tehadmin {
    background: url(/data/assets/techrazd.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.node-body {
  transition: transform 0.3s;
}
.node-body:hover {
  transform: scale(1.02);
}
/*Баннеры Матрёшка РП*/
.role_razrab { /*Специально для этого в Текст баннера: Надо писать Разработчик*/
text-align: center;
border-radius: 8px;
background: linear-gradient(91.26000000000001deg, #e300ff -3.32%, rgba(143,0,255,0) 28.38%),linear-gradient(272.05deg, #e300ff -1.49%, rgba(143,0,255,0) 30.16%),radial-gradient(18.04% 115.91% at 49.65% 79.55%, #c24bfa 0, #4f1666 94.27%, rgba(173,0,255,0) 100%),radial-gradient(48.15% 140.91% at 52% 177.27%, #c24bfa 0, #4f1666 94.27%, rgba(173,0,255,0) 100%),radial-gradient(48.23% 172.73% at 52.25% 145.45%, #c24bfa 0, #4f1666 94.27%, rgba(173,0,255,0) 100%)
}

.role_bot { /*Специально для этого в Текст баннера: Надо писать Бот*/
background: #505050
}

.leaderFamily {
background: url(https://i.postimg.cc/hvMn4H5w/Leader-Family.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.KuratorFamily {
background: url(https://i.postimg.cc/QxyL6kGp/Kurator-Family.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Ded-Moroz {
background: url(https://i.postimg.cc/HL1hK6S7/DedMoroz.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Hack-10 {
background: url(https://i.postimg.cc/3rfb78Sh/Hack-10.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Hack-444 {
background: url(https://i.postimg.cc/m2FVsQ13/Hack-444.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Hack-521 {
background: url(https://i.postimg.cc/sgZvBPkx/Hack-521.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Hack {
background: url(https://i.postimg.cc/h45D9zbd/mq-Baaw-V-Imgur.gif) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Noch {
background: url(https://i.postimg.cc/D0GCBsqc/Noch.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Voin {
background: url(https://i.postimg.cc/C1BJxD6V/Voin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.More {
background: url(https://i.postimg.cc/vBPPN6QR/More.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Dobilsa {
background: url(https://i.postimg.cc/zfq9vdnY/Dobilsa.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.NeZloy {
background: url(https://i.postimg.cc/mDCMnS5h/NeZloy.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.NeZlaya {
background: url(https://i.postimg.cc/rwHrFb6K/NeZlaya.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Spisok {
background: url(https://i.postimg.cc/2SWzhXbq/Spisok.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Blat {
background: url(https://i.postimg.cc/NjdWy6by/Blat.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Velichestvo {
background: url(https://i.postimg.cc/Y9HfMVgQ/Velichestvo.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Dumay {
background: url(https://i.postimg.cc/PqhPxk3f/Dumay.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Otchet {
background: url(https://i.postimg.cc/zGDfZkV3/Otchet.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Prelest {
background: url(https://i.postimg.cc/pLPmVH1W/Prelest.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Bloger {
background: url(https://i.postimg.cc/zv5rwJh3/Bloger.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Media {
background: url(https://i.postimg.cc/QN0K9JMk/Media.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.AdmForuma {
background: url(https://i.postimg.cc/jjQP4TZ4/1Support.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.GlMediaManager {
background: url(https://i.postimg.cc/kX2GVrzq/Gl-Media-Manager.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Zamglsled {
background: url(https://i.postimg.cc/zD65cy2Y/Zamglsled.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Glsled {
background: url(https://i.postimg.cc/bY6C9ykM/Glsled.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.SpecLogs {
background: url(https://i.postimg.cc/Dy3fzWrd/SpecLogs.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.GlSpecLogs {
background: url(https://i.postimg.cc/4xLTpn90/Gl-Spec-Logs.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.StSpecLogs {
background: url(https://i.postimg.cc/mgrvZR5y/St-Spec-Logs.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.GA {
background: url(https://i.postimg.cc/5NY35wxY/GA.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.ZGA {
background: url(https://i.postimg.cc/BvMHf6Sf/ZGA.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Mestn {
background: url(https://i.postimg.cc/7Ls9MXTz/Mestn.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Legend {
background: url(https://i.postimg.cc/9Xt6yHQw/Legend.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.User {
background: url(https://i.postimg.cc/y6F97vYT/User.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Support {
background: url(https://i.postimg.cc/ZRLTMB46/Support.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Leader {
background: url(https://i.postimg.cc/zD0zwgdr/Leader.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Moder {
background: url(https://i.postimg.cc/y8CbkfFY/Moder.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Admin {
background: url(https://i.postimg.cc/ZqskB8b7/Admin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Stadmin {
background: url(https://i.postimg.cc/MHyrDVw8/Stadmin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Tehadmin {
background: url(https://i.postimg.cc/02VCqccB/Tehadmin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Stteh {
background: url(https://i.postimg.cc/65STJdt9/Stteh.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.GlTehadmin {
background: url(https://i.postimg.cc/438xPtLk/Gl-Tehadmin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Tester {
background: url(https://i.postimg.cc/c4N0QXxt/Tester.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.GlTesters {
background: url(https://i.postimg.cc/D0THbpr2/Gl-Testers.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Rykovod {
background: url(https://i.postimg.cc/Y9xWzCPs/Rykovod.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.RykovodTeh {
background: url(https://i.postimg.cc/438xPtLk/Gl-Tehadmin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.ZamRykovodTeh {
background: url(https://i.postimg.cc/hGwfgT98/Zam-Rykovod-Teh.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.CommunityManager {
background: url(https://i.postimg.cc/G2K3tDDS/Community-Manager.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Specadmin {
background: url(https://i.postimg.cc/qqzv6BHn/Specadmin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.team_matrp {
background: url(https://i.postimg.cc/T1pn2XkN/team-matrp.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Razrab {
background: url(https://i.postimg.cc/6QM78m4k/Razrab.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Osnov {
background: url(https://i.postimg.cc/d1d7tmrd/Osnov.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Freeze {
background: url(https://i.postimg.cc/JhH0PcTg/Freeze.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Block {
background: url(https://i.postimg.cc/XNkJHv8V/Block.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.SpecMP {
background: url(https://i.postimg.cc/7P9H1WHh/img-specmp.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.userBanner.userBanner--staff
{
background: url(https://i.postimg.cc/T1pn2XkN/team-matrp.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
border: 0px;
}
.ZamSpec {
background: url(https://i.postimg.cc/t4dwG1rP/image.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0, 0, 0, .4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0, 0, 0, .5); // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {

    .svgPrefix,
    .label.svgPrefix {
        font-family: @svgPrefixFontFamily;
        font-size: 70%;
        font-weight: 500;
        display: inline-flex;
        text-align: center;
        align-items: center;
        text-transform: uppercase;
        line-height: ((@xf-lineHeightDefault) * .9);
        padding: .25em .5em;
        border: none;
        border-radius: @svgPrefixBorderRadius;
        position: relative;
        white-space: nowrap;

        .fsp & {
            margin-right: 5px;
        }

        .menuPrefix& {
            display: inline-block;
            font-size: 1.3em;
            width: 100%;
            padding: .333em;

            a& {
                text-decoration: none;
            }
        }

        .p-title-value & {
            .p-title & {
                font-size: 70%;
            }
        }

        &:before {
            position: absolute;
            top: .25em;
            bottom: 0;
            left: .333em;
        }

        &.@{prefix-name} {
            background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
            color: rgb(250, 250, 250);
            text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;

            &when (iskeyword(@prefix-icon)) {
                padding: .25em .5em .25em 1.75em;

                &:before {
                    .m-faBase();
                    content: "\@{prefix-icon}";
                }
            }
        }
    }
}

.svgLabelPrefix(odobpon, rgb(4,255,0), f00c);
.svgLabelPrefix(raspon, rgb(4,255,0), f00c);
.svgLabelPrefix(rassmotpon, rgb(255,200,0), f251);
.svgLabelPrefix(vajpon, rgb(198,40,40), f06a);
.svgLabelPrefix(zakpon, rgb(198,40,40), f023);
.svgLabelPrefix(otkazpon, rgb(198,40,40), f057);
.svgLabelPrefix(otkpon, rgb(4,255,0), f3c1);
.svgLabelPrefix(pravpon, rgb(198,40,40), f06a);
.svgLabelPrefix(infopon, rgb(0,255,255), f129);

[data-template="forum_list"] .node-body:hover {
   background: transparent;
   transition: transform 1s;
   transform: scale(1.1);
}
.node-body {
  transition: transform 0.3s;
}
.node-body:hover {
  transform: scale(1.02);
}
.vladelec {
    background: url(https://i.postimg.cc/gJMd4Pjt/2.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.razrab {
    background: url(https://i.postimg.cc/cL8TnZtc/1.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.igrok {
    background: url(https://i.postimg.cc/nrDJXrBt/2.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.lider {
    background: url(https://i.postimg.cc/134LXfQ7/3.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.tech {
    background: url(https://i.postimg.cc/wjHVMBm8/4.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.glav_tech {
    background: url(https://i.postimg.cc/90kZSpvX/image.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.tester {
    background: url(https://i.postimg.cc/HLMXtD54/6.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.glava_testerov {
    background: url(https://i.postimg.cc/c1p1z0TP/7-3.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.zga {
    background: url(https://i.postimg.cc/wxh76htg/2.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.ga {
    background: url(https://i.postimg.cc/MGQz9SVq/image.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.manager {
    background: url(https://i.postimg.cc/DwCJs1fS/IMG-20240802-201953-344.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.helper {
    background: url(https://i.postimg.cc/nhYV09pT/1307467798.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.rukovoditel {
    background: url(https://i.postimg.cc/JzRM7b7N/11.png);
    width: 125px;
    height: 53px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.kurator {
    background: url(https://i.postimg.cc/T1KKb8sZ/2.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.spec {
    background: url(https://i.postimg.cc/jjmLjcQd/image.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.moder {
    background: url(https://i.postimg.cc/MGCf5K3m/image.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.stmoder {
    background: url(https://i.postimg.cc/4dRnXkSP/1307467787.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.admin {
    background: url(https://i.postimg.cc/3RjjTZny/1307467788.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.stadmin {
    background: url(https://i.postimg.cc/T1KKb8sZ/2.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.specdirect {
    background: url(https://i.postimg.cc/jjmLjcQd/image.png);
    width: 125px;
    height: 52px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}
.username--style36:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username i:before {
    font-weight: 500;
    content: "\f336";
}
@media (max-width: @xf-responsiveNarrow) {
    .message-signature {
        display: block;
        img {
            max-width: 320px;
            .smilie {
                width: inherit;
            }
        }
    }
}