X PORNHUB WideScreen v.8

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("pornhub.com") {

/* ==== X PORNHUB WideScreen v.8 (new8) - Watnew06 ======
 ,  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...

============== */

/* (new7) SUPPP - === */
.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;
}

/* 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;
}
.container ,
.wrapper {
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 1049px !important;
border-bottom: 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: 785px;
border: 1px solid gray !important;
/* border: 1px solid blue !important; */
}

/*COMMENTS UNDER PALYER */
#main-container .video-wrapper.js-commentReplacement#under-player-comments {
position: absolute ;
display: inline-block ;
    width: 20% ;
    right: 738px ;
    top: 0;
border: 1px solid gray !important;
/* border: 1px solid red !important; */
}
#cmtWrapper h2 {
    margin-bottom: 0 ;
}
#cmtContent {
    height: 725px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1em;
}

/* VIDS RELATED */
#main-container .video-wrapper.js-relatedRecommended {
display: inline-block ;
position: absolute ;
    width: 1060px ;
    right: -843px;
border: 1px solid gray !important;
/* border: 1px solid yellow !important; */
}
#main-container .video-wrapper.js-relatedRecommended  ul#relatedVideosCenter.videos.underplayer-thumbs  {
display: inline-block !important;
    width: 1060px ;
}


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;
/*     border: 1px solid yellow; */
}

/* VIDS RIGHT PANEL */
#main-container #hd-rightColVideoPage {
position: absolute !important;
display: inline-block !important;
float: none !important;
    width: 1060px ;
    height: 337px;
    right: 6px;
    top: 499px;
    border-right: 5px;
    overflow: hidden;
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; */
}




/* ==== END === */

}