HotMovie for large screen (1920x1080) ONLY...
HotMovie Widescreen v.5 by janvier56
Details
Authorjanvier56
LicenseNo License
Categoryadulte, info, widescreen, large
Created
Updated
Size77 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
for large screen (1920x1080) ONLY...
Provide infos in the window, with less scrolling things.
Work with my:
HotMovies Search Filter (IA)
"Add a filter for Movie's Titles in Pornstar pages"
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name HotMovie Widescreen v.5
@namespace xhamster.com
@version 5.0.0
@include https://www.hotmovies.com/*
@author janvier56
@description HotMovie for large screen (1920x1080) ONLY...
@homepage https://greasyfork.org/fr/users/7434-janvier56
@license unlicense
==/UserStyle== */
@-moz-document domain("hotmovies.com") {
/* ==== X HotMovie v.5 (new5) */
/* SUPP */
.scene__purchase-options ,
.sale ,
a[label="Banner Topper"] ,
.site-beacon ,
.scene-screenshot-container .overlay i ,
.movie__scenes__scene__actions ,
.movie__purchase-options ,
.purchase-options__selector ,
.hover-video-preview #hoverPreviewPlayerPlayBtn ,
.sticker,
.ribbon {
display: none !important;
}
/* TEST HotMovies Search Filter (IA) */
/* RESULTS - WITH / WHITHOUT ?- SEARCH FILTER IA */
/* SEARCH FORM - FIXED */
.row .row-search-title-results .search-title-form {
position: fixed !important;
display: inline-block !important;
top: 16vh !important;
left: unset !important;
right: 0 !important;
width: 100% !important;
min-width: 25% !important;
max-width: 25% !important;
padding: 0 15px !important;
border-radius: 0 0 5px 5px !important;
z-index: 50000000 !important;
background: #11579f !important;
border: 1px solid aqua !important;
}
.row .row-search-title-results {
position: fixed !important;
display: inline-block !important;
height: 80vh !important;
margin: 0vh 0 0 0 !important;
left: 0 !important;
top: 18vh !important;
width: 100% !important;
padding: 0 24% 0 5px !important;
overflow: hidden auto !important;
z-index: 50 !important;
/*border: 1px solid yellow!important;*/
}
/* (new4) SCENE */
.row .row-search-title-results:has(a[href*="/scene-"]) {
position: fixed !important;
display: inline-block !important;
margin: 0vh 0 0 0 !important;
left: 0 !important;
top: 18vh !important;
width: 100% !important;
padding: 0 24% 0 5px !important;
/*border: 1px dashed yellow!important;*/
}
/* (new4) ALL */
.col-xs-6.m-b-1 {
float: left !important;
width: 12.066666666666664% !important;
height: 190px !important;
margin: 0.5vh 0px 3px 5px !important;
padding: 0 5px 0 5px !important;
border: 1px solid red !important;
}
.row-search-title-results .col-xs-6.m-b-1:hover {
/*border: 1px solid yellowgreen !important;*/
}
.col-xs-6.m-b-1 .animated-scene .animated-scene-title {
display: block;
width: 100% !important;
min-height: 11vh !important;
text-overflow: ellipsis;
white-space: normal !important;
}
.col-xs-6.m-b-1 .animated-scene .animated-scene-title a {
display: inline-block !important;
width: 100% !important;
height: auto !important;
white-space: normal !important;
overflow: hidden;
text-overflow: ellipsis;
color: silver !important;
/*border: 1px solid yellowgreen !important;*/
}
.col-xs-6.m-b-1 .animated-scene .animated-scene-title > a {
width: 100% !important;
white-space: normal !important;
overflow: hidden;
text-overflow: ellipsis;
color: peru !important;
/*border: 1px solid blue !important;*/
}
.col-xs-6.m-b-1 .animated-scene .animated-scene-title > a:visited {
color: tomato !important;
/*border: 1px solid blue !important;*/
}
.col-xs-6.m-b-1 .animated-scene .animated-scene-title > a + .animated-scene-hiddentxt {
display: block !important;
white-space: normal !important;
overflow: hidden;
text-overflow: ellipsis;
/*color: aquamarine !important;*/
/*border: 1px solid yellowgreen !important;*/
}
.col-xs-6.m-b-1 .animated-scene .animated-scene-title > a + .animated-scene-hiddentxt > a i {
display: inline-block !important;
width: 100% !important;
white-space: normal !important;
overflow: hidden;
text-overflow: ellipsis;
color: peru !important;
}
.col-xs-6.m-b-1 .animated-scene .animated-scene-title > a + .animated-scene-hiddentxt > a:visited i {
color: tomato !important;
}
/* (new4) TEST HotMovies Search Filter (IA) - PAGI */
.row-search-title-results + .text-center {
position: fixed !important;
display: inline-block !important;
width: 100%;
max-width: 20%;
left: 40% !important;
top: 5vh !important;
border-radius: 4px;
z-index: 50000000 !important;
background: #333 !important;
border: 1px solid red !important;
}
.row-search-title-results + .text-center .pagination {
display: inline-block;
padding-left: 0;
margin: 0px 0;
border-radius: 4px;
background: brown !important;
border: 1px solid red !important;
}
/* WIDESCREEN */
.site-header-wrapper {
/*position: fixed;*/
display: inline-block !important;
left: 0;
top: 0;
width: 100%;
z-index: 50000000 !important;
}
#overlay.active {
position: fixed;
display: inline-block !important;
}
.site__top-nav {
position: relative;
padding: 15px;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: flex-start;
z-index: 50000000 !important;
}
.site__main-nav__menu {
left: 0;
width: 100%;
margin: 0;
z-index:500000000 !important;
overflow: hidden;
}
.content-container {
padding: 9.5vh 1rem 1rem !important;
}
.list__page-header.m-b-1 ,
.list__page-header__breadcrumb {
margin-bottom: 0.3rem !important;
}
.container,
.checkout-page {
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
}
.product-container {
position: relative;
display: inline-block !important;
width: 100% !important;
text-align: center;
}
.movie-page .container.m-b-2{
float: left !important;
max-width: 60% !important;
margin-left: auto;
margin-right: auto;
border-right: 1px solid red !important;
}
.movie__meta-purchase .movie__meta ,
.movie__meta-purchase {
display: inline-block !important;
width: 100%;
}
.movie__meta-purchase .movie__meta ul.list-unstyled {
display: inline-block !important;
margin: 0 0 0 !important;
}
.movie__meta-purchase .movie__meta ul.list-unstyled li {
display: inline-block !important;
width: 30% !important;
margin: 0 0 0 !important;
}
/* (new3) ALL - TOP FILTER */
.list__page-header.m-b-1 {
position: fixed !important;
width: 47.3333%;
margin: 0 0 0 0 !important;
top: 5vh !important;
left: 27% !important;
padding: 2px 5px 2px 5px !important;
border-radius: 5px !important;
z-index: 50000000 !important;
background: brown !important;
border: 1px solid silver !important;
}
.list__page-header__title-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
float: right !important;
width: 20%;
text-align: center !important;
border-left: 1px solid silver !important;
}
.list__page-header__title {
flex: 1 1 auto;
font-size: 15px !important;
}
.list__page-header__breadcrumb {
display: flex;
flex-direction: row;
float: left !important;
width: 80%;
margin: 0 0 0 0% !important;
}
/* ALL - CONTAINER */
.col-lg-10 {
left: 0 !important;
width: 83.3333%;
}
/* (new3) NEW CSS - overscroll-behavior: none !important; */
.movie__scenes.container.m-b-1{
float: right !important;
max-width: 40% !important;
height: 88.5vh !important;
margin: 0 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
overscroll-behavior: none !important;
border: 1px solid red !important;
}
.movie__meta-purchase + hr {
margin: 0 !important;
}
.movie__scenes__scene__container .movie__scenes__scene__meta ,
.scene-screenshot-carousel.m-b-1 + div{
display: none !important;
}
.movie__scenes__scene__scene-title {
display: inline-block;
max-width: 80%;
line-height: 1.5rem;
padding: 1px 15px !important;
background-color: #444141 !important;
}
.movie__scenes__scene__container {
padding: 3px 15px !important;
background-color: #444141;
}
.movie__scenes__scene__container .scene-screenshot-carousel {
margin: 0 0 0 0 !important;
}
a[rel="scenescreenshots"]{
pointer-events: none !important;
}
a[rel="scenescreenshots"] .scene-screenshot-container:hover {
height: 87px !important;
width: 155px !important;
pointer-events: auto !important;
background: black !important;
}
a[rel="scenescreenshots"] .scene-screenshot-container:hover .overlay {
display: inline-block !important;
height: 18vh !important;
opacity: 1 !important;
background-color: black !important;
}
a[rel="scenescreenshots"] .scene-screenshot-container:hover .overlay:before{
content: "◄ 👁" !important;
position: absolute !important;
display: inline-block !important;
left: 30% !important;
top: 37% !important;
font-size: 25px !important;
color: white !important;
/*background-color: red !important;**/
}
a[rel="scenescreenshots"] .scene-screenshot-container:hover .overlay:after{
content: "Full Movie: \A Need Login " !important;
position: absolute !important;
display: inline-block !important;
left: 30% !important;
top: 5% !important;
line-height: 15px !important;
font-size: 15px !important;
color: red !important;
/*background-color: red !important;**/
}
a[rel="scenescreenshots"] img {
pointer-events: auto !important;
}
/* (new3) */
a[rel="scenescreenshots"] .scene-screenshot-container:hover img ,
a[rel="scenescreenshots"] img:hover {
position: fixed !important;
display: inline-block !important;
height: 300px !important;
width: 400px !important;
left: 40% !important;
top: 20% !important;
margin: 0vh 0 0 0 !important;
pointer-events: auto !important;
object-fit: contain !important;
background: #111 !import...