Skip to content

xHamster - Hider by xiggi

Details

Authorxiggi

LicenseNo License

Categoryxhamster

Created

Updated

Size55 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Hiding some things (mainly ads) and bring new black theme.

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, ._47516e7a, .f9586025, ._54a8761e, aside._75b1b54d._1dfb6ec0._0b1d0cc6._6aefa027, ._1dfb6ec0, a.root-48288.primary-48288.item.messages, ._6aefa027, .thumb-list--bigger-with-cube:not(.thumb-list--full-width) .uxK-CyWright-rectangle, .thumb-list--small-with-cube .uxK-CyWright-rectangle, .index-videos .thumb-list.thumb-list--middle-line .uxK-CyWpremium-n-overlay, ._2af3f84c, .a3df828f, .commentsToggle-c7c46 .button-c7c46, li#commentToggle, button.video-actions__control.report-control, ._7d98ffda ._44fd82b2, a.root-48288.primary-48288.userPageLink-dae4d.requestVerification-dae4d.mobile-dae4d, .aboutMe-68bbb.mobile-68bbb, .kdbm-zpNkF.kdbm-zpNkF--top.kdbm-zpNkFno-ts-init, ._7ffe6760, .root-a40b6, button.root-64d24.color-secondary-64d24.xhButton-2a3c5.desktop-2a3c5.buttonBackground-2a3c5, .comments-section.comments-container.clearfix, .a5d30e24 ._54f98972, .cf41133d, a.root-64d24.color-yellow-64d24.fullWidth-64d24, .buttons-aef6f, .e0164177._3a2b11e5, .jbvh-Drbanner-container .jbvh-Drsp-b, .video-page #video_info_container>.jbvh-Drpremium-n-overlay, .jbvh-Dr--top, .jbvh-Dr--top, span.tiny-bold-8643e.primary-8643e.adsLabel-5e8b4, .jbvh-Dr, .jbvh-Dr--bottom, .subtitles-control, .sex-03e9a, .HWXY-OQj.HWXY-OQj--middle.HWXY-OQjno-ts-init.page-1, .HWXY-OQj.HWXY-OQj--bottom.HWXY-OQjno-ts-init, .video-page #video_info_container>.HWXY-OQjpremium-n-overlay, .HWXY-OQj--middle, .HWXY-OQj--middle, .HWXY-OQj--middle, .HWXY-OQjpremium-n-overlay.fixed-height, .bb09731d, a.root-48288.withIconLeft-48288.unset-48288.link-a68d6, .video_block .thumb-list-mobile .ZF-wURW--middle, a.button-links-item.primary-48288.small-48288.root-48288:nth-of-type(5), a.button-links-item.primary-48288.small-48288.root-48288:nth-of-type(3), ._184f9dfd, .Mz-fJdG--bottom, .videoListMobile-81bf3.video_block .Mz-fJdGpremium-n-overlay, .LY-xH, .LY-xHpremium-n-overlay.fixed-height, .e812a96d .b5c101ce {
        display: none !important;
    }
    
[data-value="promo-messages-wrapper"], cKNip-nMtop, .cKNip-nM, .cKNip-nMbanner-container, .video-page .cKNip-nMbanner-container, aside.b423bb8f._7d98ffda.e018a246.dba7ea27, .fixed-height.oMsln-EoDpremoim-n-overlay, .fixed-height.oMslN-EoDrpremium-n-overlay, .b09b92da, .active.posts, .IeV-pC--bottom, .IeV-pC--middle, .IeV-pCpremium-n-overlay.fixed-height, .IeV-pC--top, .video_info .more-trigger-container .show-more, .video-page #video_info_container>.IeV-pCpremium-n-overlay, ._82ff097b[data-role="promo-messages-wrapper"] {
        display: none !important;
    }
    
    ._30ba5fa9 {
        display: none;
    }
    
    .fixed-height.Hu-UMKVmpremium0n0overlay, .fixed-height.MgHUX-SGTqipremium-n-overlay, .fixed-height.MgHUX-SGTqipremium-n-overlay {
        display: none !important;
    }
    
    a.root-48288.primary-48288.root-6d67f {
        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: 1px;
    }
    
    .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .time {
        background: var(--dark);
    border-radius: 1px;
    }
    
.video-thumb .thumb-image-container:hover {
    opacity: 70%;
        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, a.xh-pager-additional-button, a.xh-paginator-button {
        background-color: var(--gray);
        color: #ccc;
    }
    
    .page-button-link:hover {
        background: var(--color-cobalt-light-4-lightened);
        color: #fff;
        transition: 0.2s;
    }
    
    .page-button-link--active {
        backgr...

Reviews

No reviews yet.