Skip to content

HH(Compact league style) by stalker666

Screenshot of HH(Compact league style)

Details

Authorstalker666

LicenseNo License

Categoryhentaiheroes

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

hentaiheroes - better compact league style

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           HH(Compact Leagues style)
@namespace      none
@version        1.0.0.10
@description    hentaiheroes - better compact leagues style
@author         stalker666
==/UserStyle== */

@-moz-document domain("hentaiheroes.com"),
domain("haremheroes.com"),
domain("comixharem.com"),
domain("pornstarharem.com"),
domain("mangarpg.com"),
domain("amouragent.com") {
#league .tabs {
    top: 1rem;
    left: 0.5rem;
}

#league .tabs .tabs-switcher {
    padding: .5rem 0 0 0;
    width: 48rem;
}

/* optimization for HH++ OCD */
.leagues_middle_header_script {
    display: flow-root;
    margin-top: 2px;
}

#league .tabs .tabs-switcher .leagues_middle_header_script .scriptLeagueInfo {
    position: relative;
    left: 0.5rem;
    width: auto !important;
    display: flex;
    flex-direction: row;
    float: right;
    font-size: 0.6rem !important;
    line-height: 0.6rem !important;
    color: rgb(255, 255, 255);
}


#league .tabs .tabs-switcher .leagues_middle_header_script .scriptLeagueInfo span img {
    margin-bottom: unset !important;
    transform: translate(0, 15%);
}

#league .tabs .tabs-switcher .leagues_middle_header_script #league_filter {
    position: absolute;
    left: unset;
    right: 0px;
    height: 26px;
    line-height: 0px;
    font-size: 16px;
    width: max-content;
    top: 8px;
}

#league .tabs .tabs-switcher .leagues_middle_header_script #league_filter_box {
    top: 2.2rem;
    left: unset;
    right: 0;
}
/* ------------------------- */

#leagues .league_content {
    height: 100%;
    padding: 2.25rem 1.2rem 0 1rem;
}

#leagues .league_content .league_tiers {
    margin-top: 0!important;
}

#leagues .league_content .league_tiers .league_tier_progress {
    padding: 0 1.5rem;
    height: 2.5rem;
    max-width: 47rem;
    margin-bottom: 0.25rem;
}

#leagues .league_content .league_tiers .league_tier_progress .bar-wrap {
    top: 50%;
    transform: translate(0, -50%);
}

#leagues .league_content .league_tiers .league_tier_progress .tier_icons {
    top: -50%;
    height: 3rem !important;
    margin-top: unset !important;
}

#leagues .league_content .league_tiers .league_tier_progress .tier_icons img {
    flex: 0 1 0% !important;
    width: 3rem !important;
}

#leagues .league_content .league_table {
    height: 100% !important;
    margin-bottom: unset;
    width: 100.5%;
}

#leagues .league_content .league_table .data-list .data-row .data-column {
    text-shadow: 1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000, 0 0 3px #000, 0 0 4px #000, 0 0 4px #000 !important;
}

.data-list .data-row .data-column {
    margin-left: 0rem;
}

#leagues .league_content .league_table .data-list .data-row {
    display: flex;
    min-height: 2rem;
    padding: 0.1rem 0;
    grid-column-gap: .15rem;
}

#leagues .league_content .league_table .data-list .data-row .head-column,
#leagues .league_content .league_table .data-list .data-row.head-row {
    min-height: 20px !important;
    height: 20px !important;
    line-height: 12px !important;
    font-size: 10px !important;
    border-radius: 0;
}

#leagues .league_content .league_table .data-list .data-row .head-column .upDownArrows_mix_icn,
#leagues .league_content .league_table .data-list .data-row .head-column .upArrow_mix_icn,
#leagues .league_content .league_table .data-list .data-row .head-column .downArrow_mix_icn {
    height: 10px !important;
    width: 10px !important;
    background-size: 7px;
}

#leagues .league_content .league_table .data-list .data-row.player-row {
    top: 1.1rem;
}

.data-list .data-row:hover,
#leagues .league_table .data-row.body-row:nth-of-type(even):hover {
    background-color: rgb(0 255 179 / 25%) !important;
}

#leagues .league_table .data-row.body-row:nth-of-type(even) {
    background-color: rgba(0, 0, 0, .25);
}

#leagues .league_content .league_table .data-list .data-row.head-row,
#leagues .league_content .league_table .data-list .data-row.player-row {
    background: rgb(0, 65, 40) !important;
    border-bottom: unset;
}

#leagues .league_content .league_table .data-list .data-row.player-row {
    color: #20a5ff;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=place],
#leagues .league_content .league_table .data-list .data-row .head-column[column=place] {
    min-width: 2.1rem;
    width: 2.1rem;
}

#leagues .league_content .league_table .data-list .data-row .data-column:not(.head-column)[column=place] {
    font-size: 0.75rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column:not(.head-column)[column=nickname] .square-avatar-wrapper img {
    width: 24px;
    height: 24px;
}

#leagues .league_content .league_table .data-list .data-row .data-column:not(.head-column)[column=nickname] .square-avatar-wrapper{
    width: 30px;
    height: 30px;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=nickname] .country,
#leagues .league_content .league_table .data-list .data-row .data-column[column=nickname] .square-avatar-wrapper,
#leagues .league_content .league_table .data-list .data-row .head-column[column=nickname] .country,
#leagues .league_content .league_table .data-list .data-row .head-column[column=nickname] .square-avatar-wrapper {
    margin-right: .1rem;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=nickname] .nickname {
    font-size: 12px;
    padding: .15rem;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=level],
#leagues .league_content .league_table .data-list .data-row .data-column[column=player_league_points],
#leagues .league_content .league_table .data-list .data-row .data-column[column=power],
#leagues .league_content .league_table .data-list .data-row .data-column[column=team],
#leagues .league_content .league_table .data-list .data-row .head-column[column=level],
#leagues .league_content .league_table .data-list .data-row .head-column[column=player_league_points],
#leagues .league_content .league_table .data-list .data-row .head-column[column=power],
#leagues .league_content .league_table .data-list .data-row .head-column[column=team] {
    font-size: 12px;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=level],
#leagues .league_content .league_table .data-list .data-row .head-column[column=level] {
    min-width: 2rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=power],
#leagues .league_content .league_table .data-list .data-row .head-column[column=power] {
    min-width: 2.6rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=player_league_points],
#leagues .league_content .league_table .data-list .data-row .head-column[column=player_league_points] {
    min-width: 2.25rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=match_history],
#leagues .league_content .league_table .data-list .data-row .head-column[column=match_history],
#leagues .league_content .league_table .data-list .data-row .data-column[column=match_history_sorting],
#leagues .league_content .league_table .data-list .data-row .head-column[column=match_history_sorting] {
    min-width: 4.5rem !important;
    height: 1.7rem;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=match_history] .result,
#leagues .league_content .league_table .data-list .data-row .head-column[column=match_history] .result,
#leagues .league_content .league_table .data-list .data-row .data-column[column=match_history_sorting] .result,
#leagues .league_content .league_table .data-list .data-row .head-column[column=match_history_sorting] .result {
    width: 1.5rem !important;
    height: 1.5rem !important;
    font-size: 10px !important;
    line-height: 1.5rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column="team"] {
    min-width: 2.75rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column:not(.head-column)[column=team] .button_team_synergy {
    column-gap: 1px;
}

#leagues .league_content .league_table .data-list .data-row .data-column:not(.head-column)[column=team] .button_team_synergy img.team-theme.icon {
    width: 0.8rem;
    height: 0.8rem;
}

#leagues .league_content .league_table .data-list .data-row .data-column:not(.head-column)[column=team] span.team-power {
    font-size: 9px;
    line-height: 9px;
    margin-top: 0.3rem;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=team] .button_team_synergy,
#leagues .league_content .league_table .data-list .data-row .head-column[column=team] .button_team_synergy {
    width: 1.5rem;
    height: 1.5rem;
}

#leagues.hidden_girl .league_table .data-list .data-row .data-column[column=boosters],
#leagues.hidden_girl .league_table .data-list .data-row .head-column[column=boosters] {
    min-width: 11.0rem;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=boosters] .player_stats,
#leagues .league_content .league_table .data-list .data-row .head-column[column=boosters] .player_stats {
    width: 5.6rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=boosters] .player_stats .player_stats_row,
#leagues .league_content .league_table .data-list .data-row .head-column[column=boosters] .player_stats .player_stats_row {
    width: 2.8rem !important;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=boosters] .player_stats .player_stats_row>div,
#leagues .league_content .league_table .data-list .data-row .head-column[column=boosters] .player_stats .player_stats_row>div {
    height: 1rem;
    line-height: 12px;
}

#leagues .league_content .league_table .data-list .data-row .data-column[column=boosters] .player_stats .player_stats_row span...

Reviews

No reviews yet.