Pornhub for large screen (1920x1080)...
/* ==UserStyle==
@name X PORNHUB WideScreen - UserCSS (userstyle)
@namespace iafd.com
@version 0.10.0
@author janvier56
@description Pornhub for large screen (1920x1080)...
@license unlicense
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("pornhub.com") {
/* ==== X PORNHUB WideScreen v.10 - TEST FRESH ======
, domain("hubt.pornhub.com")
► ► For FIREFOX ONLY , sorry .....
► Userstyles to optimize the space with a widescreen .
► Organize each page for less scrolling.:
- Thumbnail compact Mosaic take the maximun of the screen.
- Player on the left , Infos or Thumbnails on the right.
► Many additional Infos added and organized when is possible:
► Delete Publicity and adverts etc...
============== */
/* (new9) SUPPP - === */
.cookieBanner ,
html.supportsGridLayout .footerContentWrapper ,
.subscribeButton .buttonBase .buttonLabel ,
html.supportsGridLayout #header #headerWrapper #headerContainer #headerUpgradePremiumBtn ,
html.supportsGridLayout #header #headerWrapper #headerContainer #headerUploadBtn ,
.js-voteUp.icon-wrapper.tooltipTrig>span ,
.tab-menu-item span ,
#cmtWrapper .commentLogMessage ,
.ojq7f ,
#htcheck ,
.abAlertShown {
display: none !important;
}
/* (new9) FOR GIF MAKING */
.videoblock:hover .add-to-playlist-icon ,
.fade.videoPreviewBg.linkVideoThumb.js-linkVideoThumb.img.videoPreviewBg:hover .marker-overlays.js-noFade{
display: none !important;
}
/* WIDESCREEN */
* {
box-sizing: border-box !important;
}
html,
body {
height: 100%;
width: 100%!important;
}
#header {
position: relative;
width: 100%!important;
padding-bottom: 0 !important;
z-index: 2;
}
.wrapper {
position: relative;
width: 100%!important;
z-index: 1;
}
/* (new9) */
.container ,
.wrapper {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
/* border-bottom: 1px solid red !important; */
}
/* VIDEO PAGES */
.wrapper.hd {
display: inline-block !important;
position: absolute !important;
width: 100% !important;
min-width: 100% !important;
height: 85.5vh !important;
overflow: hidden !important;
/* border: 1px dashed yellow !important; */
}
/* .supportsGridLayout.fluidContainer.largeLayout #main-container */
html.supportsGridLayout #main-container #vpContentContainer:not(.premiumLocked) {
display: inline-block !important;
/* position: absolute !important; */
width: 100% !important;
min-width: 100% !important;
height: 85.5vh !important;
overflow: hidden !important;
/* border: 1px dashed red !important; */
}
html.supportsGridLayout.fluidContainer #main-container #vpContentContainer #hd-leftColVideoPage {
min-width: 100% !important;
height: 85.5vh !important;
overflow: hidden !important;
/* border: 1px solid red !important; */
}
/* BUTTON - ALL */
.userButtons .smallButton .buttonBase ,
.subscribeButton .buttonBase ,
.blackButton,
.greenButton,
.greyButton,
.orangeButton,
.pinkButton {
padding: 2px 5px !important;
}
/* PLAYER */
#main-container .video-wrapper:first-of-type {
position: absolute !important;
display: inline-block !important;
width: 33%!important;
height: 85vh !important;
margin-bottom: 0;
border: 1px solid gray !important;
}
/* (new9) ACTION UNDER PALYER */
#main-container #hd-leftColVideoPage .video-wrapper .video-actions-container .video-actions-tabs .video-action-tab.about-tab {
display: inline-block !important;
margin-top: -13px !important;
}
html.supportsGridLayout #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage .video-wrapper .video-actions-container {
height: 37.9vh !important;
padding: 5px 3px;
overflow: hidden !important;
}
.video-info-row.userRow {
position: fixed !important;
display: inline-block !important;
height: 65.8px !important;
width: 32.5%!important;
bottom: 29vh !important;
padding-bottom: 0;
z-index: 100 !important;
background: #111;
border-bottom: 1px solid red !important;
}
#main-container #hd-leftColVideoPage .video-wrapper .video-info-row .userActions .videoSubscribeButton button {
line-height: 20px !important;
min-width: 120px !important;
font-size: 15px;
}
html.supportsGridLayout #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage .video-wrapper .video-actions-container .video-detailed-info {
display: inline-block ;
height: 36vh !important;
padding-top: 72px;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px dashed gray !important;
}
/* (new9) COMMENTS UNDER PALYER - MOVE TO RIGHT OF PLAYER */
#main-container .video-wrapper.js-commentReplacement#under-player-comments {
position: absolute ;
display: inline-block ;
width: 15% ;
right: 990px ;
top: 0;
height: 85vh !important;
overflow: hidden !important;
border: 1px solid gray !important;
}
#cmtWrapper h2 {
margin-bottom: 0 ;
}
#under-player-comments #cmtContent {
display: inline-block ;
width: 100% ;
height: 77.3vh !important;
padding: 0 1em;
overflow-x: hidden;
overflow-y: auto;
border-top: 1px solid red !important;
}
#cmtContent .commentMessage {
padding-top: 0.5em;
width: calc(100% - 5px) !important;
}
#cmtWrapper.videoViewPage #cmtContent .commentBlock .nestedBlock,
#cmtWrapper.videoViewPage #cmtContent .nestedBlock {
padding-left: 5px;
}
/* (new9) VIDS RELATED */
#hd-rightColVideoPage > .clearfix ,
.newPaidSection {
display: none !important;
}
#main-container .video-wrapper.js-relatedRecommended {
display: inline-block ;
position: absolute ;
width: 985px ;
height: 85vh !important;
right: -925px;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid gray !important;
}
#main-container .video-wrapper.js-relatedRecommended ul#relatedVideosCenter.videos.underplayer-thumbs {
display: inline-block !important;
width: 1060px ;
}
/* #recommendedVideos.videos.user-playlist li , */
html.supportsGridLayout #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage .video-wrapper #relatedVideosCenter li {
display: inline-block !important;
float: none !important;
clear: both !important;
width: 255px !important;
height: 230px !important;
margin: 0;
padding: 2px !important;
border-radius: 5px ;
border: 1px solid gray !important;
}
/* VIDS RIGHT PANEL */
#main-container #hd-rightColVideoPage {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 1060px !important;
height: auto ;
right: 6px;
top: 499px;
border-right: 5px;
overflow: hidden;
/* border: 1px solid gray !important; */
/* border: 1px dotted yellow !important; */
}
#recommendedVideosVPage {
display: none !important;
border: 1px solid gray !important;
/* border: 1px dotted yellow !important; */
}
#main-container #hd-rightColVideoPage #relatedVideosVPage .videos-list ul#relateRecommendedItems.related-video-thumbs {
display: inline-block !important;
width: 1055px ;
height: 260px;
/* float: left !important; */
clear: both !important;
overflow: hidden;
overflow-y: auto ;
border: 1px solid gray !important;
/* border: 1px dotted yellow !important; */
}
#main-container #hd-rightColVideoPage #relatedVideosVPage .videos-list ul#relateRecommendedItems.related-video-thumbs li {
float: none !important;
clear: both !important;
width: 203px !important;
height: 190px !important;
padding: 2px !important;
border-radius: 5px ;
border: 1px solid gray !important;
/* border: 1px dotted yellow !important; */
}
/* PLAYLIST */
html.supportsGridLayout.fluidContainer #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage #under-player-playlists {
position: absolute;
width: 80px !important;
height: 25px !important;
top: 2px;
left: 838px;
overflow: hidden;
z-index: 500;
transition: width ease 0.7s !important;
border: 1px solid red ;
}
html.supportsGridLayout.fluidContainer #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage #under-player-playlists:not(:hover)>div h2 span,
html.supportsGridLayout.fluidContainer #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage #under-player-playlists:not(:hover)>div h2 ,
html.supportsGridLayout.fluidContainer #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage #under-player-playlists:not(:hover)>div {
height: 22px !important;
padding: 0 !important;
}
html.supportsGridLayout.fluidContainer #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage #under-player-playlists:not(:hover)>div h2 span {
height: 25px !important;
line-height: 23px !important;
font-size: 10px !important;
}
html.supportsGridLayout.fluidContainer #main-container #vpContentContainer:not(.premiumLocked) #hd-leftColVideoPage #under-player-playlists:hover {
width: 1148px !important;
height: auto !important;
transition: width ease 0.7s !important;
}
/* ==== END - GENERAL === */
}
@-moz-document url-prefix("https://fr.pornhub.com/view_video.php?"), url-prefix("https://de.pornhub.com/view_video.php?"), url-prefix("https://de.pornhub.com/view_video.php?"), url-prefix("https://es.pornhub.com/view_video.php?"), url-prefix("https://it.pornhub.com/view_video.php?"), url-prefix("https://pt.pornhub.com/view_video.php?"), url-prefix("https://pl.pornhub.com/view_video.php?"), url-prefix("https://de.pornhub.com/view_video.php?"), url-prefix("https://de.pornhub.com/view_video.php?"), url-prefix("https://rt.pornhub.com/view_video.php?"), url-prefix("https://jp.pornhub.com/view_video.php?"), url-prefix("https://cz.pornhub.com/view_video.php?"), url-prefix("https://cn.pornhub.com/view_video.php?"), url-prefix("https://www.pornhub.com/view_video.php?") {
/* (new9) START - URL-PREF - VIDEO PLAY PAGES HEIGHT */
/* VIDEO PAGES */
html {
display: inline-block !important;
position: absolute !important;
width: 100% !important;
min-width: 100% !important;
height: 100vh !important;
overflow: hidden !important;
/* border: 1px dashed yellow !important; */
/* background: red !important; */
}
/* (new9) END - URL-PREF - VIDEO PLAY PAGES HEIGHT */
}