Xhamster Widescreen - New Design - v.499 by janvier56
Details
Authorjanvier56
LicenseNo License
CategoryXhamster, widescreen, adulte, porn
Created
Updated
Size1.5 MB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Xhamster For The NEW DESIGN on large screen (1920x1080) ONLY !
What it does:For a wide experience on large screen (1920x1080).
Video Page:
-
Player stay fixed at its place (left side)
-
Related Videos at Right
-
Comments under Video player
General:
-
Less scrolling: organize elements to watch them without (or less) scrolling:
Optimized thumbnails (take all the place possible in the windows -
Less adds too...
NOTE:
For a better effect, you need to enable the Night template of Xhamster.
- Last - BIG - Changes ?:
v.496 > 498: Adaptation to a Xhamster's Big Code Change around comments:
Fixing it for Video Player pages and User Profile pages and BLOGS (v.496)
and rework on Tags list in Video pages
v.492: Supp Blur in video loop
v.489 - Add Dark / Thin Scrollbar in it (no need to have another tweak)
v.477 - Test for Preview Screenshots now on HOVER Player:
before it was on hover of its progress Bar.
v.473 - TEST around Large mode (which not work since a code change from Xhamster)
v.433: Adaptation for code change in Video Page:
Less comment visible (Now only 5 visible with a pagination).
Because they take less place, i Expand the related Videos panel.
For them you can test my:
Xhamster - AUTO More Related Videos
v.430: Adaptation for code change for thumbnail (they add a "Watched" Badge)
v.425: corrections for Pornstar pages
Others changes:
Go to the history of:
Xhamster Widescreen - New Design [Greasyfork]
Find it too in:
Xhamster Widescreen - New Design [Greasyfork]
Or if not logged to Greastfork :
Xhamster Widescreen - New Design [Sleazyfork]
NOTE:
For a better effect, you need to enable the Night template of Xhamster.
You can use with it:
-
NEW Adaptation for:
XHamster GX:
Plays all video thumbnails without a mouseover, also cleans up some elements -
Xhamster Progressbar Updater:
Show and Animate the Video ProgressBar even when it's supposed to be hidden. -
Xhamster Middle Click Search (fork of "Youtube Middle Click Search" by Adrien Pyke:
Middle clicking the search icon on Xhamster opens the results in a new tab -
Xhamster - Video Auto Infinite Replay:
As the title say, Video Auto Infinite Replay.... :-) -
Xhamster COLLECTION LIST for XHAM New design 2020
My own list of Xhamster collections (+4800 pornstars and categories)
You can use too:
-
Video Speed Buttons:
but you need edit the script to support Xhamster.
The code to add in the "// Multi-purpose Loader (defaults to floating on top right)" section:
// Xhamster NEW DESIGN 2022.05
"#video-tags-list-container" , -
Xhamster (TEST) - AUTO Delete Our Deleted Favs (videos/Users)
For Clean Collections, it auto delete our Deleted Favorites Video in our collection....
But yet, it is also useful (due of the technical Problem from Xhamster) to delete too all these Blank and inactive favs:
I clean my collections with its help!
It is fast on Firefox Quantum, but less in Chrome ( i don't know why...)
Note:
If you want an good auto pager script for Xhamster use:
Gm "Super_preloaderPlus_one_New" by machsix.
Actually (18.08.2021), there a problem to obtain it from GreasyFork (because it's minified...).
And if you have updated a previous version of it, it should be deleted by GreasyFork.
But don't worry, you can install it directly - go simply here (and show if a solution is found with GreasyFork):
不需要備份，直接從這裡下載就好了。[GitHub]
Télécharger directement à partir d'ici[GitHub]
To use it, just choose "Autopager" in its settings popup.
And check the setting to use "New Iframe" which permit to see the animated video preview thumbnail.
If you use an Adblocker (like Ublock Origin), check if it don't block these iframe loaded by GM "Super_preloaderPlus_one_New"....
"Xhamster Widescreen - New Design " Userstyle/Userscript Support it:
Some page don't work very well with "Super_preloaderPlus_one_New" but i have make some CSS to make them better.
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 Widescreen - New Design v.499
@namespace xhamster.com
@version 499.0
@include https://*xhamster.com/*
@include http://upload*.xhamster.com/*
@include https://xhamsterlive.com/*
@author janvier56
@description CSS theme for a larger Xhamster on large screen (1920x1080) ONLY...
@homepage https://greasyfork.org/fr/users/7434-janvier56
@license unlicense
==/UserStyle== */
@-moz-document domain("xhamster.com"), domain("xhamster19.com"), domain("xhamster.desi"), domain("fr.xhamster.com"), domain("de.xhamster.com"), domain("nl.xhamster.com"), domain("es.xhamster.com"), domain("it.xhamster.com"), domain("ru.xhamster.com"), domain("pl.xhamster.com"), domain("jp.xhamster.com"), domain("ge.xhamster.com"), domain("br.xhamster.com"), domain("cz.xhamster.com"), domain("vi.xhamster.com"), domain("tr.xhamster.com"), domain("ua.xhamster.com"), domain("hi.xhamster.com"), domain("th.xhamster.com"), domain("ko.xhamster.com"), domain("ro.xhamster.com"), domain("pt.xhamster.com"), domain("my.xhamster.com"), domain("id.xhamster.com"), domain("thumb-v.xhcdn.com"), domain("thumb-v-ec.xhcdn.com"), domain("http://ept.xhcdn.com"), domain("http://ep0.xhcdn.com"), domain("http://ep1.xhcdn.com"), domain("http://ep3.xhcdn.com"), domain("http://ep4.xhcdn.com"), domain("http://ep4.xhcdn.com"), domain("http://ep5.xhcdn.com"), domain("http://ep6.xhcdn.com"), domain("http://ep7.xhcdn.com"), domain("http://ep8.xhcdn.com"), domain("http://ep9.xhcdn.com"), domain("") {
/* ==== X Xhamster Widescreen - New Design - v.499 (new499) - TEST NEW DESIGN - CHROME DEV ==== */
/* COLOR XHAMSTER MEMO:
RED XHAM : background-color: #e34449 !important;
==== */
/* GM IN USE:
GM "XHamster GX" (play Thumbnail):
https://openuserjs.org/scripts/dropdabase/XHamster_GX
=== */
/* ============================================================================= */
/* AAA ==== START ==== PART 1 =====
href="https://xhamster.com/stories/story ============================================ */
/* ============================================================================= */
/*
/*(new496) TEST - PERSO INDICATOR - */
/* ON TOP */
/* (new491) CHROME -TOP */
.video-page .ab-info.controls-info__item.xh-helper-hidden > p:not(:empty):hover:before {
content: " Xhamster \A Widescreen" !important;
position: fixed;
display: inline-block !important;
height: 100% !important;
height: auto !important;
/*max-height: 2vh !important;*/
line-height: 2vh !important;
width: 80px;
top: 3.3vh;
left: 1438px !important;
right: 0;
border-radius: 8px 0px 0px 8px !important;
padding: 1px 0px 0 0px !important;
text-align: center !important;
overflow: hidden !important;
white-space: pre !important;
z-index: 10;
background: #111 !important;
border: 1px solid red
}
.video-page .ab-info.controls-info__item.xh-helper-hidden > p:not(:empty):after {
content: "499" !important;
position: fixed;
display: inline-block !important;
height: 100% !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 1.5vh !important;
width: 70px !important;
top: 3.7vh;
left: 1500px;
right: 0;
padding: 0 5px 0 0px !important;
text-align: left !important;
border-radius: 8px !important;
overflow: hidden !important;
z-index: 500000 !important;
filter: grayscale(0.8) !important;
opacity: 0.2 !important;
background-image: url(https://userstyles.world/preview/1785/0.webp) !important;
object-fit: contain !important;
background-size: 9.5vh 85px !important;
background-position: 0px -5px !important;
background-repeat: no-repeat !important;
color: red !important;
border: 1px solid red !important;
}
/* HOVER ICON */
.video-page .ab-info.controls-info__item.xh-helper-hidden > p:not(:empty):hover:after {
content: "499" !important;
position: fixed;
display: inline-block !important;
height: 100% !important;
min-height: 4vh !important;
max-height: 4vh !important;
line-height: 2vh !important;
width: 80px !important;
top: 3.3vh;
left: 1520px;
right: 0;
border-radius: 0 8px 8px 0px !important;
padding: 1px 0 0 0px !important;
font-size: 13px !important;
z-index: 10;
opacity: 1 !important;
filter: grayscale(0) !important;
background-image: url(https://userstyles.world/preview/1785/0.webp) !important;
object-fit: contain !important;
background-size: 9vh 90px !important;
background-position: center center !important;
background-repeat: no-repeat !important;
border: 1px solid red
}
/* FOR MY COMMENTS */
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentItem-"] [class^="commentBodyWrap-"] [class^="user-"]:has( a[href="https://xhamster.com/users/janvier57"]) + [class^="commentBody-"] [class^="commentText-"] {
color: gold !important}
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentItem-"] [class^="commentBodyWrap-"] [class^="user-"]:has( a[href="https://xhamster.com/users/janvier57"]) + [class^="commentBody-"] [class^="commentText-"]:before
{
content: "WIDE" !important;
position: absolute;
display: inline-block !important;
vertical-align: bottom !important;
height: 100% !important;
min-height: 3.5vh !important;
max-height: 3.5vh !important;
line-height: 9vh !important;
width: 32px !important;
top: 5vh;
left: 0px;
right: 0;
border-radius: 5px 5px 0px 0px !important;
padding: 1px 0 0 0px !important;
text-align: center !important;
font-size: 10px !important;
z-index: 10;
filter: grayscale(0) !important;
background-image: url(https://userstyles.world/preview/1785/0.webp) !important;
object-fit: contain !important;
background-size: 7vh 100px !important;
background-position: -18px 4px !important;
background-repeat: no-repeat !important;
color: gold !important;
border: 1px solid red
}
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentItem-"] [class^="commentBodyWrap-"] [class^="user-"]:has( a[href="https://xhamster.com/users/janvier57"]) + [class^="commentBody-"] [class="commentText-ea690"]:after
{
content: "XHAM" !important;
position: absolute;
display: inline-block !important;
height: 100% !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
width: 32px !important;
top: 3.3vh;
left: 0px;
right: 0;
border-radius: 8px 8px 0 0 !important;
padding: 1px 0 0 0px !important;
text-align: center !important;
font-size: 10px !important;
z-index: 10;
color: gold !important;
background: #222 !important;
border: 1px solid red
}
/* TEST BOUTON COPY FAVS */
/*.login-section:before {
content: "XX" !important;
height: 2vh !important;
line-height: 2vh !important;
position: absolute !important;
right: 285px !important;
background: green !important;
color: gold !important;
}*/
/* (new499) GM - XHamster - IA - Links Utility MERGED */
/* BLOG LINKS */
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentsList-"] [class^="commentItem-"] [class^="text-"] a.link-inner:has(span[title^="New link: https://xhamster.com/posts/"]) {
float: left !important;
clear: none !important;
line-height: 15px !important;
width: 100% !important;
margin: 0px 0px !important;
padding: 0 25px 0 0 !important;
background: blue !important;
}
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentsList-"] [class^="commentItem-"] [class^="text-"] a.link-inner span[title^="New link: https://xhamster.com/posts/"] {
float: right !important;
clear: none !important;
margin: -1vh 0px 0 0 !important;
padding: 2px;
font-size: 17px !important;
border-radius: 50%;
opacity: 1 !important;
transition: opacity 0.2s ease-in-out;
background: gold !important;
}
/* VIDEO LINK */
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentsList-"] [class^="commentItem-"] [class^="text-"] a.link-inner[href*="/videos/"]:not([href*="/my/favorites"]) {
float: left !important;
clear: none !important;
line-height: 15px !important;
width: 85% !important;
margin: 0px 0px !important;
padding: 5px;
background: green !important;
}
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentsList-"] [class^="commentItem-"] [class^="text-"] a.link-inner[href*="/videos/"]:not([href*="/my/favorites"]) + button {
float: right !important;
clear: none !important;
margin: 0px 5px 0 0 !important;
padding: 5px;
border-radius: 50%;
opacity: 0.5;
transition: opacity 0.2s ease-in-out;
background: green !important;
}
/* MY FAV */
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentsList-"] [class^="commentItem-"] [class^="text-"] a.link-inner[href*="/favorites/"] {
display: inline-block !important;
width: 100% !important;
line-height: 15px !important;
margin: 0px 0px !important;
padding: 0 30px 0 5px !important;
background: gold;
}
.video-page .width-wrap .comments-section.comments-container #commentBox [class^="commentsList-"] [class^="commentItem-"] [class^="text-"] a.link-inner[href*="favorites/"] + button {
display: block !important;
float: right !important;
clear: none !important;
margin: -4vh 5px 0 0 !important;
padding: 3px !important;
border-radius: 50%;
opacity: 0.5 !important;
transition: opacity 0.2s ease-in-out;
background: red !important;
}
/* (new499) TEST WEB KIT SCROLL BAR */
*:not(select) ...