Skip to content

FT(HUD, Compact mod) by stalker666

Screenshot of FT(HUD, Compact mod)
Write a review Install Get Stylus

Details

Authorstalker666

LicenseNo License

Categoryfaptitans

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Несколько графических модификаций, призванных сделать некоторые элементы интерфейса более компактными и удобными

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           FT(HUD, Compact mod)
@namespace      https://userstyles.world/style/13970/fthud-compact-mod
@version        1.0.0
@description    Несколько графических модификаций, призванных сделать некоторые элементы интерфейса более компактными и удобными
@author         stalker666
@preprocessor stylus

Компактный список героинь
@var checkbox   heroinesPanel "Compact heroine's panel" 1

Немного компактный список суточных квестов(как для поверхности, так и для подземки)
@var checkbox   dailyQuests 'Compact daily quests list' 1

Компактный список скинов игрока
@var checkbox   skinsList "Compact skin's list" 1

Компактные вкладки. Никакого текста, только значки, только хардкор.
@var checkbox   compactTab 'Compact tab buttons' 0

==/UserStyle== */
@-moz-document domain("faptitans.com") {
/*Компактный список героинь*/
    if heroinesPanel==1 {
        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card {
            height: 104px !important;
            margin-top: 2px !important;
            margin-bottom: 2px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-avatar-box {
            height: 92px !important;
            top: 6px !important;
            overflow: hidden !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card.disabled .hero-avatar-box:after {
            background-position: center 8px,center 6px,50% !important;
        }
        
        .hero-avatar-box:after {
            top: 0px !important;
            left: 0px !important;
            width: 100% !important;
            height: 100% !important;
            border-radius: 6px;
            box-shadow: inset 0 10px 10px 2px #ffffff80 !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-avatar-box .hero-avatar {
            width: 98px !important;
            height: auto !important;
            top: -3px !important;
            left: 0px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-avatar-box .hero-avatar img {
            overflow: hidden !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-avatar-box .sh2-icon-forgirl {
            top: 0px !important;
            left: -2px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-name-box {
            height: 16px !important;
            top: 22px !important;
            background: linear-gradient(90deg, #006552, #00b1ae 50%, #006552) !important;
            box-shadow: inset 0 10px 0 #ffffff1a, 0 1px 1px #00000026 !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-name-box .hero-name {
            color: #fcfcc0 !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-level-box {
            height: 16px !important;
            top: 6px !important;
            line-height: 16px !important;
            border-top-right-radius: 6px;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-level-box .hero-level {
            font-size: 12px !important;
            line-height: 16px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-dps-box {
            height: 16px !important;
            top: 38px !important;
            line-height: 16px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-dps-box .hero-dps {
            font-size: 12px !important;
            line-height: 16px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-power-box {
            top: 54px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .color-btn.green {
            top: auto !important;
            bottom: 6px !important;
            height: 26px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .color-btn.green .color-btn-text {
            margin-top: -1px !important;
        }

        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .color-btn.green .color-btn-text .color-btn-text1 .btn-text,
        body .main .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .color-btn.green .color-btn-text .color-btn-text .btn-text {
            right: -6px !important;
            top: 20px !important;
        }

        body .main.world1 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-pieces-icon {
            width: 25px !important;
            height: 25px !important;
            top: 6px !important;
            left: 75px !important;
            border-radius: 6px !important;
        }

        body .main.world1 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-pieces-icon:before {
            width: 24px !important;
            height: 24px !important;
            left: 1px !important;
            top: 1px !important;
            background-position: center -24px !important;
        }

        body .main.world1 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card .hero-pieces-icon:after {
            width: 25px !important;
            height: 25px !important;
        }

        .hero-abil-icon {
            top: auto !important;
            bottom: 5px !important;
        }

        .tutor-layer.tutor04 .blend-2 {
            height: 104px !important;
        }

        .tutor-layer.tutor04 .blend-3 {
            height: 104px !important;
        }

        .tutor-layer.tutor04 .blend-4 {
            height: 412px !important;
        }

        .tutor-layer.tutor04 .screen {
            height: 104px !important;
        }

        .squad-info-buttons {
            height: 30px !important;
        }

        .squad-card-heroes {
            top: 26px !important;
        }

        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap .hero-card .squad-card-heroes .squad-card-hero-wrap {
            width: 40px;
            height: 40px;
        }

        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap .hero-card .hero-level-box {
            top: unset !important;
            bottom: 0px;
        }

        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap .hero-card .specialization-icon {
            width: 78px;
        }

        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap .hero-card .specialization-icon .cls {
            width: 31px;
        }

        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap:after,
        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap:before {
            top: -2px;
        }

        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap {
            margin: 1px 5px;
        }

        body .main.world2 .left-side .left-panel .heroes-list-all-box .all-heroes-box .all-heroes-box-scroll .hero-card-box-all .hero-card-wrap .hero-card .squad-card-heroes {
            left: 0;
            right: 0;
            width: auto;
        }
    }
}

@-moz-document domain("faptitans.com") {
/*Немного компактный список суточных квестов(как для поверхности, так и для подземки)*/
    if dailyQuests==1 {
        body .main .left-side .left-panel .quests-list-all-box .journal-parth-box-all .daily-mission-box.completed .daily-reward:after {
            content: "";
            width: 50px;
            height: 50px;
            position: absolute;
            top: 6px;
            left: 50%;
            transform: translateX(-50%);
            background: url(https://cdn.faptitans.com/s1/__1312/rc/paycheck.png);
            background-size: cover;
            background-position: 50%;
            background-repeat: no-repeat;
        }

        body .main .left-side .left-panel .quests-list-all-box .journal-parth-box-all .daily-mission-box .daily-reward .end-banner .txt {
            color: #ffec62;
            font-size: 12px;
            font-weight: 700;
            text-shadow: 0 1px 2px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.4);
            position: absolute;
            left: 50%;
            top: 38px;
            transform: t...

Reviews

No reviews yet.