Skip to content

xHamster - Hider by xiggi

Write a review Install Get Stylus

Details

Authorxiggi

LicenseNo License

Categoryxhamster

Created

Updated

Size31 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Hidinf some things.

Notes

Hiding:

  • Footer,
  • Topbar AD hider,
  • Share link,
  • Moments,
  • Banner's premium,
  • Turn off adblock text block,,

UI Changes:

New, more Darked theme

  • Better look for subscribed channels button,
  • Darky watchtime/full video/watched video badge,
  • Darky scrollbar,
  • Darky subs count, channel #ranking,
  • Added box-shadow and normal background-color to video menu and "added to...",

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           xHamster
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("xhamster.com") {
    :root {
        --dark: #000;
        --gray: #151515;
        --gray-color: #908c8c;
        --white: #fff;
        --red: #e34449;
    }
    
/** Hider **/
    /** Topbar AD - hider **/
.pinned-38c41 {
        display: none;
    }
    
    /** Top video / your favorite cosplayer - hider**/
    .top-video-block {
        display: none;
    }
    
    aside.pinned-35203.desktop-35203 {
        display: none;
    }
    
    aside.pinned-35203 {
        display: none;
    }
    
    /** Footer - hider **/
    .footer .width-wrap {
        display: none;
    }
    
    .top_menu_items {
        display: none;
    }
    
    ul.scrollable {
        display: none;
    }
    
    .yld-pd--top {
        display: none;
    }
    
    .yld-pd--bottom {
        display: none;
    }
    
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .mobile-video-thumb .thumb-image-container {
        display: none;
    }
    
    header .top-menu-container .top-menu,
header .top-menu-container {
        display: none;
    }
    
    .promoMessageBanner-35203.custom-35203 {
        display: none;
    }
    
    .requestVerification-8720e {
        display: none;
    }
    
    .subsection.moments.index-videos.mixed-section, a.root-9d8b4.withIconRight-9d8b4.withIconLeft-9d8b4.primary-9d8b4.root-ea547, .root-b7566 { /** moments **/
        display: none;
    }
    
    .footer-wrapper, .recommend-results.search-results.search-results_bordered, .index-videos .thumb-list.thumb-list--middle-line .yld-pcpremium-n-overlay {
        display: none;
    }
    
    .yld-pccam-thumb.yld-pccam-thumb--lv-red.yld-pccam-thumb__look-like-item.video-thumb {
        display: none;
    }
    
.user-content-section.user-content-section--empty.user-content-section--dating.user-content-section--no-margin {
    display: none;
    }
    
    .recommend-results.search-results.search-results_bordered, .search-results__header.logo-header__title, a.root-64d24.color-indigo-64d24.button-cdbbb, button.root-64d24.button-bad62, .yld-pcpremium-n-overlay {
        display: none;
    }
    
    .desktop-2fb52 .wrapper-2fb52 {
        display: none;
    }
    
    .orient-switchers, .sidebar .orientations-filter, .orientation-dropdown-container.xh-dropdown {
        display: none;
    }
    
    ._9498da9f {
        display: none;
    }
    
    .a9e6c2ce {
        display: none;
    }
    
    .kvt-sUcam-thumb.kvt-sUcam-thumb--lv-red.kvt-sUcam-thumb__look-like-item.video-thumb, .root-7ae27, .f16c0316, .umVui-uvQXM--top, .umVui-uvQXM--bottom, .umVui-uvQXM--middle, .recommend-results.search-results.search-results_bordered, .index-videos .thumb-list.thumb-list--middle-line .umVui-uvQXMpremium-n-overlay, .LlZ-slcams-wgt.top, .LlZ-slcams-wgt.underplayer, .LlZ-slcams-wgt.mobile-horizontal, .LlZ-sl--bottom, .night-mode .recommend-results, .LlZ-sl--top, .recommend-results.search-results.search-results_bordered, .index-videos .thumb-list.thumb-list--middle-line .fgNLo-yCTCpremium-n-overlay, .fgNLo-yCTC--top, li.thumb-list-mobile-item.thumb-list-mobile-item--widget, .recommend-results, .night-mode .recommend-results, .search-results__wrap, .fgNLo-yCTCcams-wgt.mobile-horizontal, .fgNLo-yCTC--middle.fgNLo-yCTC--middle, .fgNLo-yCTC--bottom, a.xh-button.button.uploadBtn-70593.gray.small.square, ._62246b5a, .bvNVl-luEsp-b.bvNVl-luEsp-a, .video-page .bvNVl-luEplayer, .bvNVl-luEclipstore-bottom.width-wrap, .bvNVl-luEbottom-widget-section>.width-wrap, .xplayer .yld-pcxplayer-hover-menu, .root-56cf2, .search-results__wrap, .widget-header, .night-mode .search-results.search-results_bordered, .search-results.search-results_bordered, aside.bvNVl-luEpremium-n-overlay, .bvNVl-luEunder-player-banner-wrapper, .bvNVl-luE.bvNVl-luE--top.bvNVl-luEno-ts-init, .related-results.search-results.search-results_bordered, .bvNVl-luE--bottom, .related-results.search-results.search-results_bordered, .videoListMobile-81bf3.video_block .bvNVl-luEpremium-n-overlay, .column-block.profile-dating-promo, .widget-e2c20 {
        display: none !important;
    }
    
/** Hider - End **/
    
    /** Dropdown **/
.xh-dropdown .dropdown {
    background: var(--gray);
    border: 1px solid var(--color-cobalt-light-4-lightened);;
    border-radius: 3px;
    box-shadow: 1px 1px 30px var(--color-cobalt-light-4-lightened);;
    min-width: 140px;
    padding: 10px 0;
    position: absolute;
    top: 100%;
}
    
li.dropdown-item.with-icon {
    margin-bottom: 2px;
    margin-top: 2px;
}
    
.xh-dropdown .dropdown>li>.import-video-from-tube-upload-menu__item, .xh-dropdown .dropdown>li>a, .xh-dropdown .dropdown>li>button, .xh-dropdown .dropdown>li>span, .xh-dropdown .dropdown>ul li>.import-video-from-tube-upload-menu__item, .xh-dropdown .dropdown>ul li>a, .xh-dropdown .dropdown>ul li>button, .xh-dropdown .dropdown>ul li>span {
    color: #ccc;
    }
    
    /** Full Video badge **/
.badge-producer:before {
    background-color: var(--dark);
    font-weight: 600;
    padding: 5px 5px;
    border-radius: 5px;
}
    
    /** Longtime video badge **/
    .video-thumb .thumb-image-container__duration {
        background:var(--dark);
    border-radius: 5px;
    }
    
    .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .time {
        background: var(--dark);
    border-radius: 5px;
    }
    
.video-thumb .thumb-image-container:hover {
    opacity: 50%;
        transition: 0.2s;
}
    
    .red-round {
        box-shadow: 1px 1px 20px var(--red);
        border-radius: 5px;
    }
    
header .search-container.suggest-visible .search-suggestions {
    box-shadow: 1px 1px 20px var(--gray);
    background: var(--gray);
}
    
header .search-container .search-suggestions .suggest-title span {
    background: transparent;
    color: var(--red);
}

    /** UI **/
.xh-button.gray {
    background-color: var(--gray);
    border-color: transparent !important;
    color: #fff;
}
    
    button.sub-button.exclude-tablet.xh-button.square.red, .sub-button, .sub-button__counter, .related-container .related-list li .subscribe .sub-button__icon.sub {
        color: #d9d9d9;
    }
    
    button.sub-button.exclude-tablet.xh-button.square.red:hover,  button.sub-button.exclude-tablet.xh-button.square.red:active {
        background: var(--color-cobalt-light-4-lightened);
        color: #fff;
        transition: 0.2s;
    }
    
    .sub-button.gray {
        color: #fff;
        font-weight: 600;
        margin-left: 5px;
    }
    
    .sub-button.red {
        color: #fff;
        font-weight: 600;
        margin-left: 5px;
    }
    
    .related-container .related-list li .preview .rating {
        background-color: var(--dark);
    }
    
    .page-button-link {
        background-color: var(--gray);
    }
    
    .page-button-link--active {
        background-color: var(--gray);
    }
    
    .page-button-link--active, .page-button-link--active:active, .page-button-link--active:visited {
        color: var(--red);;
        border: 1px solid var(--red);
        background: transparent;
    }
    
    .prev-next-list-link--next {
        background-color: var(--gray);
    }
    
    .alert-item__content {
        background-color: var(--gray);
        box-shadow: 1px 1px 10px var(--gray);
        text-align: center;
        color: #ccc;
    }
    
.root-3dca0.mobile-3dca0 {
    margin: 0 var(--xh-spacers-m) var(--xh-spacers-m) var(--xh-spacers-m);
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.root-3dca0 {
    align-items: center;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
    
.page-list-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}
    
.root-bb5db.mobile-bb5db {
    margin-top: 20px;
    margin-bottom: 20px;
}
    
    .header-container {
    background: transparent;
    }
    
.item-6dd22 {
    background: var(--gray);
    border: 2px solid transparent;
    color:#ccc;
}

    .xh-wide-button {
    background: var(--gray);
    border: 2px solid transparent;
        color: #ccc;
    }
    
    .xh-wide-button:hover, .xh-wide-button:active {
        background: var(--color-cobalt-light-4-lightened);
    color: #fff;
    transition: 0.2s;
    }
    
    .sidebar {
    background: transparent;
    }
    
.main-wrap, main {
        background-color: var(--dark);
    }
    
.related-container {
    border-top: 1px solid transparent;
    }
    
main article {
    border-left: 1px solid transparent;
    }
    
    header {
        background: transparent;
    }
    
.login-section .notifications-dropdown {
    background: var(--dark);
    box-shadow: 0 10px 30px 0 r;
    border: 1px solid var(--gray);
}
    
.login-section .notifications-dropdown .notification-controls {
    border-top: 1px solid var(--gray);
}
    
    .item-8199e {
        background: var(--gray);
    }
    
.xplayer .xp-progress-bar .seeker {
    background: var(--white);
}
    
.xplayer .handle {
    background-color: var(--red);
    box-shadow: 1px 1px 10px var(--red);
}
    
    .beta-preloader {
        background: var(--dark);
    }
    
    .subscribe-block__wrapper {
        background: var(--dark);
    }
    
.subscribe-block__container {
    border-top: 1px solid var(--gray);
}
    
    .sidebar-link:hover {
        color: var(--red) !important;;
        transition: 0.2s;
    }
    
    .color-secondary-3b728 {
        background: var(--gray);
    }
    
.xh-button  {
        background: var(--gray) !important;
    border-color: transparent !important;
    color: #ccc;
    }
    
.xh-button:hover  {
        background: var(--color-cobalt-light-4-lightened) !important;
    color: #fff;
    transition: 0.2s;
    }
    
    .button.black {
    color: #ccc;
    }
    
    .button.black:hover {
    color: #fff;
    transition: 0.2s;
    ...

Reviews

No reviews yet.