Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Нужен extra.less Live Russia,и какие они плагины используют для картинок на ролях?

Май
153
27
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Помогите
 
Июл
37
3
Пользователь
ну на extra less
extra:
.userBanner {
    padding: 3px;
    border-radius: 10px;
    font-size: 0.85em;
    font-weight: 500;
    vertical-align: middle;
    transition: transform .2s ease;
    cursor: default
}

.userBanner:hover {
    transform: scale(1.08)
}

.userBanner i {
    margin-right: 2px
}

.memberTooltip-banners .userBanner {
    margin-top: 5px
}

.userBanner.userBanner--projectteam,.userBanner.userBanner--specialadmin,.userBanner.userBanner--chiefadmin,.tc-cus-banner-44393,.tc-cus-banner-36483,.tc-cus-banner-49,.tc-cus-banner-35235,.tc-cus-banner-857,.tc-cus-banner-42,.tc-cus-banner-44003,.tc-cus-banner-184,.tc-cus-banner-69,.tc-cus-banner-11771 {
    position: relative;
    overflow: hidden;
    contain: layout style paint
}

.userBanner.userBanner--projectteam::before,.userBanner.userBanner--chiefadmin::before,.tc-cus-banner-44393::before,.tc-cus-banner-36483::before,.tc-cus-banner-49::before,.tc-cus-banner-35235::before,.tc-cus-banner-857::before,.tc-cus-banner-42::before,.tc-cus-banner-44003::before,.tc-cus-banner-184::before,.tc-cus-banner-69::before,.tc-cus-banner-11771::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.75), transparent);
    transform: translateX(-250%);
    animation: bannerShineSpecial 2.8s ease-in-out infinite;
    will-change: transform;
    pointer-events: none
}

.userBanner.userBanner--projectteam::after,.userBanner.userBanner--chiefadmin::after,.tc-cus-banner-11771::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 5px 1px var(--glow-color, rgba(255,255,255,0.35));
    opacity: 0.4;
    animation: bannerGlowPulse 4s ease-in-out infinite;
    will-change: opacity;
    pointer-events: none
}

@keyframes bannerShineSpecial {
    0% {
        transform: translateX(-250%)
    }

    100% {
        transform: translateX(350%)
    }
}

@keyframes bannerGlowPulse {
    0%,100% {
        opacity: 0.35
    }

    50% {
        opacity: 1
    }
}

.userBanner.userBanner--projectteam {
    color: #000;
    background: #ffcb00;
    border-color: #ffe066;
    --glow-color: rgba(255,203,0,0.5)
}

.userBanner.userBanner--chiefadmin {
    color: #fff;
    background: #d80000;
    border-color: #ff4d4d;
    --glow-color: rgba(216,0,0,0.5)
}

.userBanner.userBanner--senioradmin {
    color: #fff;
    background: #4169E1;
    border-color: #7090ff
}

.userBanner.userBanner--admin {
    color: #fff;
    background: #2855dc;
    border-color: #6d8fff
}

.userBanner.userBanner--curator {
    color: #fff;
    background: #228B22;
    border-color: #64AD64
}

.userBanner.userBanner--deputyca {
    color: #fff;
    background: #bb0000;
    border-color: #ff0000
}

.userBanner.userBanner--moderator,.label.label--moderator {
    color: #000;
    background: #ffcb00;
    border-color: #ffe066
}

.userBanner.userBanner--juniormod,.label.label--juniormod {
    color: #000;
    background: #ffcb00;
    border-color: #ffe066
}

.userBanner.userBanner--hgov {
    color: #fff;
    background: #0E6B3A;
    border-color: #3b9869
}

.userBanner.userBanner--dgov {
    color: #fff;
    background: #198754;
    border-color: #4dbd82
}

.userBanner.userBanner--hocg {
    color: #fff;
    background: #a22325;
    border-color: #d45b5d
}

.userBanner.userBanner--docg {
    color: #fff;
    background: #d62a0c;
    border-color: #f05a3f
}

.userBanner.userBanner--hhelper {
    color: #fff;
    background: #cd9f2b;
    border-color: #e5c15e
}

.userBanner.userBanner--dhelper {
    color: #fff;
    background: #f5af00;
    border-color: #ffd35c
}

.userBanner.userBanner--leader {
    color: #fff;
    background: #339999;
    border-color: #66cccc
}

.userBanner.userBanner--yalta,.label.label--yalta {
    color: #000;
    background: #83FCD5;
    border-color: #acfde3
}

.userBanner.userBanner--tester {
    background: #e312ff;
    border-color: #ef77ff
}

.userBanner.userBanner--salvador {
    color: #fff;
    background: #0047AB;
    border-color: #1274ff
}

.userBanner.userBanner--orange {
    border-color: #ffdf66
}

.p-title-value .label {
    padding-left: 12px !important
}

.label:not(.menuPrefix) {
    padding: 2px 5px;
    border-radius: 12px;
    font-size: 0.82em;
    line-height: 1.3;
    font-weight: 500 !important
}

.label {
    vertical-align: middle
}

.label.menuPrefix {
    padding-left: 10px
}

.label.far,.label.fal,.label.fas,.label.fab,.label.fad {
    font-family: inherit;
    font-weight: 600;
    position: relative;
    text-indent: 1.2em
}

.label.far:before,.label.fal:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.label.fas:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold
}

.label.fab:before {
    font-family: 'Font Awesome 5 Brands';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.label.fad:before,.label.fad:after {
    font-family: 'Font Awesome 5 Duotone';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.label.fad:after {
    opacity: 0.45
}

.label:before,.label:after {
    position: absolute;
    left: -0.9em
}

.button.button--link,a.button.button--link {
    border-color: #444853 #5b616f #5b616f #444853;
    border-radius: 8px
}

.blockMessage--error {
    background-color: #f0f7ff !important;
    border-left: 4px solid #2a6bb5 !important;
    color: #1a3a5a !important;
    padding-left: 5em;
    border-radius: 8px
}

.blockMessage--error.blockMessage--iconic:before {
    color: #1a3a5a
}

.menu-content.js-visitorMenuBody .menu-linkRow {
    padding: 6px 5px 6px 12px
}

.menu-content.js-visitorMenuBody a.menu-linkRow:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.7em;
    color: #7c869d
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='whats-new/news-feed']:before {
    content: "\f09e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='search/member']:before {
    content: "\f086";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/reactions']:before {
    content: "\f164";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/account-details']:before {
    content: "\f4fe";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/security']:before {
    content: "\f3ed";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/privacy']:before {
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/preferences']:before {
    content: "\f085";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/signature']:before {
    content: "\f5b7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/following']:before {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/ignored']:before {
    content: "\f503";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='logout']:before {
    content: "\f08b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/connected-accounts']:before {
    content: "\f63d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/macros/active/']:before {
    content: "\f00b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/delete']:before {
    content: "\f1f8";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-avatar-offline {
    position: absolute;
    left: 50%;
    margin-left: -0.615em;
    bottom: -0.5em
}

.message-avatar-offline:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2bd";
    width: .969em;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #b90000;
    background: #2d3037;
    border: #2d3037 solid 2px;
    background: ;
    border-color: ;
    background: #353941;
    border-color: #353941;
    border-radius: 50%;
    display: inline-block
}

.actionBar-set.actionBar-set--external .actionBar-action.actionBar-action--comment:before {
    content: "\f27a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl a[href="https://liverussia.online/"]::before {
    content: "\f0ac" !important
}

.p-navEl a[href="https://files.liverussia.online/apk/release/app-ver_release-release.apk"]::before {
    content: "\f11b" !important
}

.p-navEl a[href="https://liverussia.online/recovery"]::before {
    content: "\f084" !important
}

.memberHeader-content--info .memberHeader-banners .userBanner {
    margin-top: 5px
}

.node--link .node-icon i {
    opacity: 1 !important;
    color: #8cb2d1
}

.node--id774 .node-stats,.node--id1813 .node-stats,.node--id761 .node-stats,.node--id758 .node-stats,.node--id756 .node-stats,.node--id1922 .node-stats,.node--id1927 .node-stats,.node--id774 .node-extra,.node--id1813 .node-extra,.node--id761 .node-extra,.node--id758 .node-extra,.node--id756 .node-extra,.node--id1922 .node-extra,.node--id1927 .node-extra {
    display: none
}

.block--mhHideDialog .input,.block--mhHideDialog .input--number,.block--mhHideDialog textarea {
    border-radius: 8px;
    border: 1px solid rgba(42,107,181,0.25);
    transition: border-color .15s ease,box-shadow .15s ease
}

.block--mhHideDialog .input:focus,.block--mhHideDialog .input--number:focus,.block--mhHideDialog textarea:focus {
    border-color: #2A6BB5;
    box-shadow: 0 0 0 3px rgba(42,107,181,0.15)
}

.block--mhHideDialog .formRow-explain {
    opacity: .8;
    font-size: 12px
}

.block--mhHideDialog .button--primary {
    background: #2A6BB5;
    border-color: #2A6BB5
}

.block--mhHideDialog .button--primary:hover {
    filter: brightness(1.08)
}

.mobile-widget {
    display: none
}

@media (max-width: 650px) {
    .desktop-widget {
        display:none
    }

    .mobile-widget {
        display: block
    }
}
 
Сверху