Hiding some things (mainly ads) and bring new black theme.
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
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 {
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 {
background-color: var(--gray);
}
.page-button-link--active, ...