Skip to content

PornHub - Hider by xiggi

Write a review Install Get Stylus

Details

Authorxiggi

LicenseNo License

Categorypornhub

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Hiding some things also changing some UI.

Notes

Hiding:

  • Footer (now also working in mobile),
  • Top bar websites,
  • FREE XXX div,
  • becomePartner hider,
  • Channel GIFs hider,

UI Changes:

  • Darky watchtime/free premium/watched video badge,
  • Darky scrollbar,
  • Channel name have this same color as blue-badge,
  • Added support for autofill in login,
  • 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           PornHub
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("pornhub.com") {
    :root {
        --orange: #ffa31a;
        --blue: #3a88e9;
    }
    
/** Hiders **/
    /** Footer Hider **/
    .logoFooterWrapper.homePageFooter {
        display: none;
    }
    
    .logoFooterWrapper.homePageFooter {
        display: none;
    }
    
    html.supportsGridLayout .footerContentWrapper {
        display: none
    }
    
    /** Footer on Mobile **/
footer.js-mainFooter {
    display: none;
}

    /** FREE AD hider **/
    #welcome .innerContainer .innerText,
    #welcomePremium .innerContainer .innerText {
        display: none;
    }

    /** Top bar hider **/
    .networkBarWrapper {
        display: none;
    }
    
    /** Share hider **/
    div#jsShare {
        display: none;
    }
    
    /** .becomePartner hider **/
    .becomePartnerWrapper {
        display: none;
    }
    
    a.menuLink.customUpgradeBtn.removeAdLink {
        display: none;
    }
    
/** adblock alert **/
div#abAlert {
        display: none;
    }
    
/** other ads **/
    li#menuItem6, li#menuItem4, a.eudsaLink {
        display: none;
    }
    
/** Shorties hider **/
    a.menuLink.shorties.js-menuAnalytics {
        display: none;
    }
    
    /** Channel GIF's hider **/
body #mobileContainer #pornstarWrapper .pageHeader .pageTitle.gifsTitle {
    font-size: 16px;
    display: none;
}
    
ul#gifsShowSection {
    display: none;
}
    
    .viewAllButton.homePage {
        display: none;
    }
    
div#customSkinCTA {
        display: none;
    }
    
    .dfcbjkemgo {
        display: none;
    }
    
/** Hiders - End **/

    /** Watched Badge **/
    .watchedVideoText {
        position: absolute;
        top: .375rem;
        left: .375rem;
        color: #fff;
        opacity: inherit;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 12px;
        z-index: 3;
        border-radius: 1px;
        background-color: #000;
        padding: 3px 6px 3px 7px;
        text-transform: uppercase;
        pointer-events: none;
    }
    
    .latestThumbDesign.videoList .videoWrapper .thumbOverlay .bgEffect {
         background-color: #000;
        color: #fff;
    }
    
.latestThumbDesign.videoList .videoWrapper .thumbOverlay .phpFreeBlock {
    background: #000;
    }
    
    .latestThumbDesign.videoList .videoWrapper .thumbOverlay .phpFreeBlock .phpFree {
        color: #ff9000;
    }
    
    .latestThumbDesign.videoList .videoWrapper .videoUploaderBlock .uploaderLink {
        color: #ff9000;
        font-weight: 600;
        margin-right: 5px;
    }
    
    .latestThumbDesign.videoList .videoWrapper .underThumb .leftAlignInfo .channel-icon i:before {
        color: #ff9000;
    }
    
    .latestThumbDesign.videoList .videoWrapper .underThumb .rightAlignInfo .videoViews,
    .latestThumbDesign.videoList .videoWrapper .underThumb .rightAlignInfo .rating,
    .latestThumbDesign.videoList .videoWrapper .underThumb .rightAlignInfo .rating.neutral i:before {
        color: #ccc;
    }
    
    .latestThumbDesign.videoList .videoWrapper .underThumb .vidTitleWrapper .moreActionMenu a,
    .latestThumbDesign.videoList .videoWrapper .underThumb .vidTitleWrapper .moreActionMenu a span:not(.label) {
        color: #ccc;
    }
    
.video-action-sub-tab.addToStream li .img .marker-overlays, .video-action-sub-tab.addToStream li .phimage .marker-overlays, ul.videos li .img .marker-overlays, ul.videos li .phimage .marker-overlays {
        position: absolute;
        color: #fff;
        opacity: inherit;
        font-weight: 600;
        z-index: 3;
        border-radius: 5px;
        padding: 2px 5px;
        text-transform: uppercase;
        pointer-events: none;

    }

    .latestThumbDesign ul.videos li .wrap .img .marker-overlays .bgShadeEffect {
        background: rgb(0 0 0);
        color: #fff;
    }

    .latestThumbDesign ul.videos li .wrap .img .marker-overlays .phpFreeBlock {
        background: #000
    }

    .latestThumbDesign ul.videos li .wrap .img .marker-overlays .phpFreeBlock .phFreeText {
        color: var(--orange);
    }
    
.latestThumbDesign ul.videos li .wrap .thumbnail-info-wrapper .videoUploaderBlock .videoDetailBlock .views {
    color: #fff;
}
    
.latestThumbDesign ul.videos li .wrap .thumbnail-info-wrapper .videoUploaderBlock .videoDetailBlock .rating-container {
    color: #fff;
    }
    
.latestThumbDesign ul.videos li .wrap .thumbnail-info-wrapper .videoUploaderBlock .videoDetailBlock .rating-container .ph-icon-thumb-up {
        color: var(--orange);
    }
    
.latestThumbDesign ul.videos li .wrap .thumbnail-info-wrapper .videoUploaderBlock .videoDetailBlock .rating-container .value {
        color: var(--orange);
    }
    
.latestThumbDesign ul.videos li .wrap .thumbnail-info-wrapper .videoUploaderBlock .usernameWrapper .usernameWrap a {
    font-size: 13px;
    color: var(--blue);
}
    
.latestThumbDesign ul.videos li .wrap .thumbnail-info-wrapper {
    margin-top: 10px;
}
    
    .video-action-sub-tab.addToStream li .wrap .img, ul.videos li .wrap .img:hover {
        opacity: 40%;
    }
    
.latestThumbDesign ul.videos li .wrap .thumbnail-info-wrapper .vidTitleWrapper .moreActionMenu {
    background-color: rgb(21 21 21);
    box-shadow: 1px 1px 20px rgb(21 21 21);
}
    
#limitSpamToastMessage, #mainHubToastMessage, #socialMediaToastMessage, #toastMessage {
    background-color: rgb(21 21 21);
    box-shadow: 1px 1px 20px rgb(21 21 21);
    }
    
.bgShadeEffect.hideOnPreview.watchedVideo {
    background:#000 !important;
    color: var(--orange) !important;;
    border-radius: 5px;
}
    
.video-action-sub-tab.addToStream li .wrap .thumbnail-info-wrapper .videoUploaderBlock .usernameWrap a, ul.videos li .wrap .thumbnail-info-wrapper .videoUploaderBlock .usernameWrap a {
    color: var(--blue);
    }
    
    .rating-container.neutral {
        color: var(--orange);
    }
    
    .marker-overlays.js-noFade {
    background-color:#000;
    }
    
.video-action-sub-tab.addToStream li .img .marker-overlays, .video-action-sub-tab.addToStream li .phimage .marker-overlays, ul.videos li .img .marker-overlays, ul.videos li .phimage .marker-overlays {
    border-radius: 0;
    }
    
div.paginationGated ul li.page_current span {
    line-height: 49px;
    color: #fff;
    background:hsla(36, 100%, 50%, .1);
    border: 2px solid #f90;
    cursor: default;
}
    
bottomNav.clearfix, div.categoryTags div.categoryRow.fanClubButtons .videoFanClubButton.becomeUviuFan, .mostPopularComment, button#shareModal, div.bottomNav a.noImage:first-child {
    display: none;
    }
    
.mostPopularComment, div.underThumbButtons {
    border-bottom: 1px solid transparent;
}
    
    div.underThumbButtons  {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
    
.ratingDetails .underThumb .rating, .ratingDetails .underThumb .views {
    border-right: 1px solid transparent;
}
    
div.categoryTags div.categoryRow.fanClubButtons .videoSubscribeButton.subscribe button:hover {
    border: 1px solid transparent;
    color: #fff;
    background-color: #353535;
    transition: 0.2s;
}
    
    .showTags:hover {
    color: #fff;
    background-color: #353535;
    transition: 0.2s; 
}
    
    div.tabWrapper .tabFilterWrapper ul.tabs>li a:hover {
    color: #fff;
    background-color: #353535;
            border-radius: 23px;
    }
    
    .sectionWrapper .trendingPillsContainer .trendingNowWrapper li a {
        border-color: transparent;
    }
    
.ratingDetails .underThumb .rating, .ratingDetails .underThumb .views {
    border-right: 1px solid transparent;
    padding-left: 5px;
}
    
    #communityProfileMenu .nav>li span, #communityProfileMenu .nav>li>a:hover {
    color: #fff;
    background-color: #353535;
    transition: 0.2s; 
        border-radius: 30px;
    }
    
    .viewAllButton:hover, .viewAllButton:active {
    color: #fff;
    background-color: #353535;
    transition: 0.2s; 
    }
    
    .viewAllButton {
        color: #ccc;
        border-color: #ccc;
    }
    
    #playlistTopWrapper div.userContent, div.userActions, .generalBtn, div.tagsWrapper div.tagsContent, .playlist-bar-menu, #main-container {
        background: #0e0e0e;
    }
    
    #mobileHeader nav .topNav {
        border-bottom: 1px solid transparent;
    }
    
    div.playlistDetails button:hover, div.playlistDetails button:active, div.userActions button:hover, div.userActions button:active {
    color: #fff;
    background-color: #353535;
    transition: 0.2s; 
    }
    
div.userActions button span, div.userActions button i {
    color: inherit;
}
    
div.userActions button {
    color: #ccc;
}
    
.videoList .videoWrapper .duration {
    bottom: 0;
    right: 0;
    height: auto;
    z-index: 3;
    display: flex;
    position: absolute;
    color: #fff;
    opacity: inherit;
    font-weight: 600;
    padding: 5px 2px;
    font-size: 13px;
    text-transform: uppercase;
    pointer-events: none;
    background: #000;
    align-items: center;
    text-align: center;
    justify-content: center;
}
    
.videoList .videoWrapper .underThumb .title>a:hover, .videoList .videoWrapper .underThumb .titleSpiceVids>a:hover, .videoList .videoWrapper .videoUploaderBlock .uploaderLink:hover {
    color: #fff;
    transition: 0.2s;
    }
    /* Change Autocomplete styles in Chrome*/
    
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #000;
  -webkit-text-fill-color: var(--orange);
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in...

Reviews

No reviews yet.