Xhamster Widescreen - New Design - v.539 by janvier56
Details
Authorjanvier56
LicenseNo License
CategoryXhamster, widescreen, adulte, porn
Created
Updated
Size1.7 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.
IMPORTANT ========2025.03 ===========
About Ublock Origin:
Principally Need it to remove the Video Add which is played when you run a first video.
For the others Adds, my userstyles delete them...
Ublock Origin got removed from Chrome :(:
Do not remove the app from Chrome!
- Go to chrome://extensions/.
- Click the three dots next to the extension's name.
- Select "Keep for now."
- Scroll down to Ublock Origin.
- Turn it back on.
And that's good (for now).
This Work for others extensions, like:
Translate Web Pages [TWP]
See in its Read Me how install it for Chrome.
- Last - BIG - Changes ?:
v. 539: Adaptation for my new userscript:
Xhamster Search Favs in Collection List
And others corrections (Blogs etc...)
v.534: Adaptation for Code change in Video Player page (Quick Fix)
v.529: Adaptation for code change in Video page for Context Search panel added in all language (but not in English...)
v.528 > 529: Adaptation Code change in Xhamster Cam pages (now their are 2 thumbnails to the right of player.)
v.527 > 528: Supp new Pubs and Rework (in Progress) for better adaptation of XHamster GX
v.525 > 526: Quick Adaptation to a Xhamster's Big Code Change around TOP USER INFOS
v.522:
Correction for GM "XHamster Retired User Search (IA) (DuckDuckGo: In site search)"
v.496 > v.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)
v.484 - Adaptation for Xhamster's Code Change for Top Nav. Better Large Mode.
v.441 - Adaptation Code Change for Comments Pagination in Video Player page
v.434 - 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)
As my fix can touch some others pages,
You can submit, in a comments to me, a link where you see a problem.
You can with it:
(2025.02) My new userscript:
"Search Favs in Collection List (Your and from others users) In Collection of Favorites list,
This script add a search box to filter Collection.
It Enlarge too the Left Sidebar to make the the collection list more readable.
When you type something in its search bar, it show only the Collection matching the input. A Clear button erase the input.
Work for Favs collection list:
In your Favs page.
In Other User FavS page.
In Video player page.
Note: for Video player page, Click the Fav Button open the collection list on the left of the player with the Search box at the bottom"
Show and Animate the Video Progress Bar even when it's supposed to be hidden.
Middle clicking the search icon on Xhamster opens the results in a new tab
As the title say, Video Auto Infinite Replay.... :-)
My own list of Xhamster collections (+4800 pornstars and categories).
- Xhamster - Video Speed Button (Tweaked):
Add speed buttons to Xhamster Player - Fork of Video Speed Button (by Braden Best) v.1.0.10 - Adaptation (2024.08)
You can use with it some Other Userscripts:
- [NEW 2024.12] XHamster Improved by Smartcephale:
Its Features:
Infinite scroll (optional)
Filter by duration
filter include/exclude keywords with Regular Expessions, to simplify regex you can use f:word construction instead of ^word$
Automatically expand more videos on video page.
Lazy loading
Plays all video thumbnails without a mouse hover, also cleans up some elements
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.539
@namespace xhamster.com
@version 539.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.539 (new539) - 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 =============================================================== */
/* (new537) TEST WEB KIT SCROLL BAR */
*:not(select) {
scrollbar-color: rgba(41, 42, 43, .6) rgba(168, 169, 170, .6)!important;
scrollbar-width: thin !important;
}
/* Chrome and derivatives*/
/*:root {
--custom-thumb-color: red !important;
--custom-track-color: green !important;
--custom-width: thin;
--custom-thumb-color-hover: rgba(140, 141, 142, .8);
--custom-track-color-hover: rgba(0, 0, 0, 0);
--webkit-scrollbar-width-height: 2px !important;
--webkit-scrollbar-border-radius: 5px !important;
--workaround-gh-scrollbars: 0 !important;
}*/
::-webkit-scrollbar {
max-width: 2px !important;
max-height: 2px !important;
background: rgba(183, 183, 183, .6) !important;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
background: #4a4a4a !important;
}
::-webkit-scrollbar-thumb {
background: #a4a4a4 !important;
border-radius: 0px !important;
}
::-webkit-scrollbar-corner:hover,
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track-piece:hover {
background: red !important;
}
::-webkit-scrollbar-thumb:hover {
background: #737373!important;
}
/*(new505) TEST - PERSO INDICATOR */
/* ON TOP */
/* (new505) 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;
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: "539" !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: "539" !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
}
/* (new532) TEST - GM "Xhamster Search Favs in Collection List v.4" */
.video-page .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items li:last-of-type + div:has(#search-favs) ,
.user-page.user-videos-page.my-uploads-page .submenu.submenu-video li:last-of-type + div:has(#search-favs) ,
.favorites-page .favorites-side-switcher ul.video-collections-list li:last-of-type + div:has(#search-favs) {
position: fixed !important;
display: inline-block !important;
height: 2.9vh !important;
width: 330px !important;
bottom: 0.5vh !important;
right: 1540px !important;
visibility: visible !important;
z-index: 80000000 !important;
background: rgb(34, 34, 34);
border: 1px solid azure;
}
/* HOVER */
.user-page.user-videos-page.my-uploads-page .submenu.submenu-video li:last-of-type + div:has(#search-favs):hover ,
.favorites-page .favorites-side-switcher ul.video-collections-list li:last-of-type + div:has(#search-favs):hover{
background: green !important;
border: 1px solid azure !important;
}
/* VIDEO PAGES */
.video-page .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items li:last-of-type + div:has(#search-favs) {
position: fixed !important;
display: inline-block !important;
height: 2.9vh !important;
width: 330px !important;
bottom: 0.5vh !important;
right: 540px !important;
visibility: visible !important;
z-index: 80000000 !important;
background: rgb(34, 34, 34);
border: 1px solid azure;
}
/* INPUT */
.user-page.user-videos-page.my-uploads-page .submenu.submenu-video li:last-of-type + div:has(#search-favs) input#search-favs ,
.favorites-page .favorites-side-switcher ul.video-collections-list li:last-of-type + div:has(#search-favs) input#search-favs {
position: relative !important;
display: inline-block !important;
height: 2.5vh !important;
width: 300px !important;
top: 0vh !important;
right: 0 !important;
z-index: 5000 !important;
color: gold !important;
background: rgb(34, 34, 34) !important;
border: 1px solid azure !important;
}
.user-page.user-vi...