hanime.tv - hider by xiggi

/* ==UserStyle==
@name           hanime.tv - hider
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("hanime.tv") {
    :root {
        --dark: #0d0d0d;
        --gray: #121111;
        --gray-button: #333;
    }
    
    /** Scrollbar **/
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: var(--dark);
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: var(--gray-button);
    }
    
.simplebar-scrollbar:before {
    background: var(--gray-button);
    }
    
::selection {
    background-color: var(--gray-button);
    color: #fff;
    text-shadow: none;
}
    
/** UI **/
.application.theme--dark {
    background: var(--dark);
    color: #fff;
}
    
    .accounts.account, .layout.results.flex.row, .browse, .playlists, .channel .channel-content {
    background: var(--dark);
    }
    
    .accounts.account .side_bg, .accounts.account .main .side_panel, .htv-profile-card, .flat_pane, .channel .channel-side-panel, .grey.darken-4, .grey.darken-4--after:after, .channel .channel__avatar_names, .channel .channel-content .playlists__none, .application .theme--dark.list, .theme--dark .list, .hvc2 .hvc2__data, aside.navigation-drawer, .flat_panel {
    background-color: var(--gray) !important
    }
    
    .search.page .search-config {
        background: var(--dark);
    }

.primary {
    background-color: #212121 !important;
    border-color: transparent !important;
}

.accounts.account .main .side_panel .side__normal h3, .flat_panel .flat_panel__content .content__text, .channel .channel-side-panel .data__section__text, .htv-carousel .htv-carousel__header .htv-carousel__header__title .htv-carousel__header__title__subtitle, .grey--text.text--darken-2, .playlist_item .playlist__item__text .hint {
    color: #ccc !important;
}
    
.application .theme--dark.card, .theme--dark .card {
    background-color: var(--gray);
    color: #fff;
}
    
    .htv-carousel .htv-carousel__header .htv-carousel__header__title, .accounts.account .main .content h2 {
        font-weight: 600;
    }
    
    .menu__content.user_options, .menu__content.user_options .user_options__list {
        background: var(--gray);
    }
    
    .menu__content .list .mdi.icon, .application .theme--dark.icon, .theme--dark .icon, .channel .channel-side-panel .icon, .search.page .search-config .sc-btn .scb-icon, .user_comments .sort_btn .icon {
        color: currentColor;
    }
    
    a.list__tile.list__tile--link {
        color: #ccc;
    }
    
    a.list__tile.list__tile--link:hover, a.list__tile.list__tile--link:active {
        color: #fff;
        transition: 0.2s;
    }
    
    .htv-video-page-info .hvpi-summary .hvpis-text {
    background-color: var(--gray);
    }
    
    .video__item a:hover, .video__item a:active, .channel .channel-content .playlists__item:hover {
        opacity: 70%;
        transition: 0.2s;
        }
    
.parallax-container {
    height: 10%;
    min-height: 100px;
}
    
.channel .channel__banner {
    position: relative;
    width: 100%;
    height: 10%;
    min-height: 100px;
}
    
.primary-hover:hover {
    background-color: var(--gray-button) !important;
}
    
    .cut_text, .channel .channel-side-panel .data__section__header {
        font-weight: 600;
    }
    
.application .theme--dark.chip, .theme--dark .chip {
    background: var(--gray-button);
    color: #fff;
}
    
    .search.page .search-config .sc-btn {
        color: #ccc;
    }
    
    .search.page .search-config .sc-btn:hover {
        color: #fff;
    }
    
.badge__badge, .badge__badge .icon {
    font-size: 14px;
}
    
.badge__badge {
    color: #fff;
    border-radius: 5px;
}
    
.channel .channel-side-panel .data__section__text.centered, .user-achievement .achievement__icon {
    opacity: 1;
}
    
.channel .channel-side-panel .data__section__text .web_btn:hover, .channel .channel-side-panel .data__section__text .web_btn:active {
    background: rgba(243, 198, 105, .15);
    transition: 0.2s;
    }
    
    .subheader.subheading.grey--text.text--darken-1, .accounts.account .main .side_panel .side__normal h3 {
        color: #fff !important;
        font-weight: 600;
    }
    
    .toolbar .log-in-text.btn, .landing .landing__content .btn__content {
        color: #ccc;
    }
    
    .toolbar .log-in-text.btn:hover, .landing .landing__content .btn__content:hover {
        color: #fff;
    }
    
.accounts .bg {
    background: var(--dark) url(https://i.imgur.com/Ke3vhqF.jpg) top center/cover no-repeat;
}
    
aside.navigation-drawer .ndsc_fader {

    background: var(--gray);
}
    
.elevation-0 {
    box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 var(--dark) !important;
}
    
.overlay.overlay--active::before {
    background-color: rgba(13, 13, 13, .5);
}
    
.toolbar .divider-vertical {
    background-color: var(--gray-button);
}
    
.ribbon-custom-color .text::before, .ribbon-custom-color .text::after, .no-css-transforms .ribbon-custom-color .text, .ribbon-custom-color .banner::after, .ribbon-custom-color .banner::before {
    background-color: var(--gray);
}
    
    .accounts.account .main .side_panel .side__normal .affix__item {
        color: #ccc;
    }
    
    .accounts.account .main .side_panel .side__normal .affix__item:hover {
        background: rgba(33, 33, 33, .5);
        color: #fff;
        transition: 0.2s;
    }

    .images_channel__item:hover {
        background: rgba(33, 33, 33, .5);
        color: #fff;
        transition: 0.2s;
    }
    
.images_channel__item {
    opacity: .6;
    }
    
    .htv-profile-card .hpc__presence .presence__item {
        font-weight: 500;
        color: #ccc;
    }
    
    .htv-profile-card .hpc__presence .presence__item:hover {
        background: rgba(33, 33, 33, .5);
        color: #fff;
        transition: 0.2s;
        opacity: 1;
    }
    
    .htv-profile-card .hpc__presence .presence__item .presence__item__text, .channel .channel-side-panel .summary__briefs .brief__solo_item, .channel .channel-side-panel .data__section__text .web_btn {
        font-weight: 500 !important;
    }
    
    .htv-profile-card .hpc__brief_stats .stats__item .stats__item__number {
        font-weight: 600;
    }
    
.channel .avatar {
    border-radius: 5px;
border: 4px solid var(--gray);
    background: var(--gray);
    }
    
.toolbar.semi-transparent {
    background-color: rgb(13 13 13 / 90%);
    backdrop-filter: blur(5px);
}
    
    .images_channel__item.nsfw-general.active, .images_channel__item.active {
        background: rgba(33, 33, 33, .5);
    }
    
.dot.primary {
    background: #fff !important;
}
    
.htv-video-page-info .hvpi-main .hvpim-brand-censor .hvpimbc-censorship-btn {
    margin-right: 5px;
}
    
.playlist_item .playlist__item__card .item__overlay .overlay__sub_item, .toolbar.semi-transparent {
    background: rgb(13 13 13 / 90%) !important;
    backdrop-filter: blur(5px);
}
    
.panel__header.mt-3 {
    margin-bottom: 16px;
}
    
a.ml-0.mr-3.btn.btn--outline.btn--depressed.btn--router.grey--text {
    border-color: transparent;
    background: var(--dark) !important;
    color: #ccc !important;
}
    
a.ml-0.mr-3.btn.btn--outline.btn--depressed.btn--router.grey--text:hover {
    color: #fff !important;
}
    
.tooltip__content {
    background: var(--gray-button);
    border-radius: 5px;
    }
    
.htv-video-page-info .hvpi-main .hvpim-brand-censor .hvpimbc-censorship-btn:hover {
    background: rgb(229 57 53);
    color: #fff;
    border-color: transparent;
}
    
.hvc:hover .hvc__media__cover-glass {
    background-color: rgb(18 17 17 / 50%);
}
    
    .video.page .divider {
        background: transparent;
    }
    
.video__item .video__item__image .video__item__image__now_playing {
    backdrop-filter: blur(4px);
}
    
.htv-video-player .play-btn {
    background: rgba(13, 13, 13, .5);;
    backdrop-filter: blur(4px);
}
    
    .htv-video-player .hvp-panel:hover .play-btn {
        border-color: #f3c669;
        color: #f3c669;
    background: rgba(13, 13, 13, .7);;
        transition: 0.2s;
    }
    
.htv-video-player .hvp-panel:hover .poster {
    opacity: 50%;
        transition: 0.2s;
}
    
div.rc-section:nth-of-type(4) {
    display: none;
}
    
.video__item.unbound {
    margin-bottom: 19px;
}
    
.htv-video-page-info .hvpi-summary .below_fold__grouping__actions__desc__still {
    border: 3px solid transparent;
}
    
.htv-profile-card .hpc__brief_stats {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
    
.htv-profile-card .hpc__brief_stats .stats__item+.stats__item, .channel .channel-side-panel .summary__briefs .brief__item+.brief__item {
    border-left: 1px solid transparent;
}
    
    .channel .channel-side-panel .summary__briefs {
    border-bottom: 1px solid transparent;
    }
    
    div.rc-section:nth-of-type(3) {
        display: none;
    }
    
aside.navigation-drawer .nav-drawer-list {
    border-top: 1px solid transparent;
}
    
.htv-video-page-action-bar {
    border-bottom: 1px solid transparent;
}
    
        /** Hider **/
    .site-description {
        display: none;
    }
    
    footer.footer, .parallax-container .parallax, .inte, .channel .channel__bannerr {
        display: none;
    }
    
.mb-5.htvad.desktop.active, .center_unit.htvad.desktop.active.smart_banner, .ad, .htvad.desktop.active.ntv.hidden-sm-and-down.flex.row.my-3, .htvad.desktop.active.ntv.hidden-sm-and-down.flex.row.my-3,     .htvad.desktop.ntv.hidden-sm-and-down.flex.row.my-3, .community_uploads.flex.column.align-center, .mb-5.htvad.mobile.active, .htvnad1.mobile.native_1 {
    display: none !Important;
    }
    
    .user_comments {
        display: none;
    }
    
}