Reorganize the Movie page to watch all the principals Info without scrolling, with some "hover"...
IMDb Compact - Movie Page + GM Tweaks v.51 (USw) by decembre
Details
Authordecembre
LicenseNo License
Categorywidescreen, wide screen, darck and gray, greasemonkey, userscript, large screen
Created
Updated
Size90 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
▶ NOTES:
- (2023.08): Update ONLY on Userstyles.world (USw) and GreasyFork:
Userstyles.org is broken for me (their new design don't permit Login! - request done 2023.08) - (2023.08): Last test, Login is possible Only on Chrome!
Same version, in different places:
- IMDb Compact - Movie Page + GM Tweaks [GreasyFork]
- IMDb Compact - Movie Page + GM Tweaks [Userstyles World (USw]
Note:
Not Updated in userstyles.org, because the Userstyles.org's NEW Design don't permit me to Login!.
Request done (2023.08):
Add support for some useful Greasemonkey userscripts :
- IMDb: Link 'em all! by buzz:
Adds all kinds of links to IMDb, customizable! - IMDb-Scout-Mod by
Purfview :
Adds too all kinds of links to IMDb, customizable!
- GM "Add movie ratings to IMDB links [adopted]" by joeytwiddle (2022):
Seems worked fine for language set to English.
but not display its ratings very well when the page is set to an other language:
It try to fix that since v22.
- NEW (2024.01) Lecture en Streaming de films et séries IMDb [with player of vidsrc.to] by Tommy0412 [2024.01]:
IMDB Video Player - Adds vidsrc.to streaming videos on IMDB webpages so you can watch it live !
For info this one, with player of 2embed.ru, Seems Broken - 2021:
IMDB Video Player - 2embed (play streaming videos from IMDb) by Guillaume Marteau
NOT working very well:
- IMDB bigger thumbnails/images/poster on chart pages by Alistair1231(2022):
"Edits image url to get the full size picture and increases poster size"
v.0.3: Need to add to it (request done):
// @include https://www.imdb.com/*
My adaptation is to reduce the full size cover (take to much place for me) to see them with an addons which can preview big images on hover.
Changes:
41:
- SUPP Some PUBs which appear only in Chrome and Quantum.
- Correction for GM "IMBd Link 'em all!"
- Small corrections in many places.
- Adaptation for this "special" page (not found another similar):
https://www.imdb.com/title/tt31416018/
for Chrome + Firefox Quantum.
AND Waterfox Classic, where this page not render the same.
43:
- Move Background color to my:
IMDb - Dark and Gray Simple [USw] - Corrections for Specials page like:
https://www.imdb.com/title/tt23398964/
https://www.imdb.com/title/tt31416018/
https://www.imdb.com/title/tt23398964/
https://www.imdb.com/title/tt12746218/?ref_=fn_tt_tt_3
https://www.imdb.com/title/tt0237572/technical
https://www.imdb.com/title/tt18413548/episodes/?year=2023
https://www.imdb.com/title/tt7707100/episodes/ - Adaption for GM "Lecture en Streaming de films et séries IMDb" [with player of vidsrc.to] by Tommy0412 [2024.01]
- Citations Anecdotes pages
- Series pages (Indicator to see on hover their info)
- Style some others pages too: Charts / Feature / Search
v.27:
- FIX for Support for mobile version on desktop / OLD layout in Movie page...
- Correction for GM "Add movie ratings to IMDB links [adopted]
- Correction for Series pages
- Tags moved Top / Right
- Some Tuning around the Movie page.
- Support for new code change in IMDb - 06.02.20022
- Support Images Viewer.
- Make the userstyles more robust against code Changes....
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name IMDb Compact - Movie Page + GM Tweaks v.51
@namespace https://userstyles.world/user/decembre
@version 51.0.0
@description For a large screen: Reorganize the Movie page to watch all the principals Infos without scrolling.
@author decembre
@license unlicense
==/UserStyle== */
@-moz-document url-prefix("https://www.imdb.com/title/"), domain("imdb.com"), domain("streamlare.com"), domain("m.imdb.com"), domain("2embed.ru") {
/* ==== 0- IMDb Compact - Movie Page + GM Tweaks v.50 (new50) - DEV in QUANTUM - (PB special Page) - NO COLOR - ALL:INITIAL - SIMPLIFIED - GLOBAL - TEST FRESH ==== */
/* domain("imdb.com"), domain("m.imdb.com") */
/* TEST PB SPECIAL PAGES
https://www.imdb.com/title/tt31416018/
https://www.imdb.com/title/tt23398964/
https://www.imdb.com/title/tt12746218/?ref_=fn_tt_tt_3
==== */
/* BACKGOUND IMDb - Near #222:
background: #1f1f1f !important;
==== */
/* ADD SUPPORT FOR GM:
GM "IMDb: Link 'em all!":
https://greasyfork.org/en/scripts/17154-imdb-link-em-all
GM "IMDb Scout Mod" :
https://github.com/Purfview/IMDb-Scout-Mod
GM "IMDB bigger thumbnails/images/poster on chart pages" by Alistair1231(2022):
https://greasyfork.org/en/scripts/428201-imdb-bigger-thumbnails-images-poster-on-chart-pages
REquest:
// @include https://www.imdb.com/*
GM "Lecture en Streaming de films et séries IMDb" (WITH 2embed- NOT WORKING):
https://greasyfork.org/fr/scripts/437200-imdb-video-player-2embed-play-streaming-videos-from-imdb
2024.01: FORK by Tommy0412 WITH vidsrc OK:
https://greasyfork.org/fr/scripts/485149-imdb-video-player-vidsrc-to-play-streaming-videos-from-imdb
TEST:
GM "IMDB YouTube Trailers Button" by 1N07 (2022) ;
https://greasyfork.org/fr/scripts/381254-imdb-youtube-trailer-button
GM "IMDB YouTube Trailers" by guyjz [GitHub]:
https://gist.github.com/guyjz/5542011
==== */
/* (new31) For GM: "IMDB bigger thumbnails/images/poster on chart pages"
REQUEST:
https://greasyfork.org/fr/scripts/428201-imdb-bigger-thumbnails-images-poster-on-chart-pages/discussions/179078#comment-390028
SEARCH PAGES - RESULTS - MOVIES /PERSONS:
MOVIES: [data-testid="find-results-section-title"] .ipc-image
AND
PERSON: [data-testid="find-results-section-name"]
=== */
.ipc-page-section[data-testid="find-results-section-name"] .ipc-media.ipc-media__img img ,
.ipc-page-section[data-testid="find-results-section-title"] .ipc-media.ipc-media__img img {
display: inline-block !important;
width: 100% !important;
min-width: 50px !important;
max-width: 50px !important;
height: 100% !important;
min-height: 74px !important;
max-height: 74px !important;
object-fit: contain !important;
border: 1px solid yellow !important;
}
/* (new17) GM "IMDb Youtube Trailer Button" */
.hoyJOH.hide-videoPreview {
opacity: 1 !important;
transition: visibility 0s ease 0.5s, opacity 0.5s linear 0s;
visibility: visible !important;
}
/* (new14) MORE OPTION VIEW */
.ipc-promptable-base.ipc-promptable-dialog.enter-done {
display: inline-block !important;
z-index: 500000000 !important;
}
.ipc-promptable-base.ipc-promptable-dialog.enter-done .ipc-promptable-base__panel {
position: fixed !important;
display: inline-block !important;
right: 0;
top: 13vh;
border: 1px solid red;
}
/* (new13) MENU TOTAL */
.drawer__state:checked ~ .drawer {
z-index: 5000000 !important;
}
/* (new20) FULL CONTAINER */
.hWwhTB .ezIlqu {
/*background: #111 !important;*/
}
.hWwhTB .ezIlqu.ipc-page-background--baseAlt {
/*background: black !important;*/
}
/* (new26) INFOS UNDER TITLE - BACKGROUND CONTAINER */
main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > .ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt > .ipc-page-content-container.ipc-page-content-container--center:last-of-type> section > section > div:last-of-type {
/*background-color: #111 !important;*/
}
.ipc-metadata-list__item {
align-items: center;
display: flex;
flex-wrap: wrap;
min-height: 1.5rem !important;
line-height: 0.2rem !important;
padding: 0 !important;
position: relative;
z-index: 0;
}
/* (new23) BOTTOM INFOS METADATAS - REAL / SCEN /CAST PRINCIP */
section.ipc-page-section.cxinTq > div:last-of-type.dxVPLZ .bHJsUC .fjLeDR[data-testid="title-pc-wide-screen"] ul.ipc-metadata-list.ipc-metadata-list--dividers-all.title-pc-list > li {
position: relative;
align-items: center;
display: flex;
flex-wrap: wrap;
width: 100% !important;
min-width: 64vw !important;
line-height: 0.2rem;
min-height: 1.5rem;
padding-bottom: 0.1rem;
z-index: 0;
border-bottom: 1px solid #333 !important;
}
/* (new23) BOTTOM INFOS METADATAS - RIGHT PANEL - OPTIONS / ADD LIST / AVIS */
.lceYKq {
position: fixed !important;
display: flex;
flex-direction: column;
width: 16% !important;
max-width: 16% !important;
right: 0 !important;
top: 6.2vh !important;
padding: 2rem 0.5rem !important;
/*background: #111 !important;*/
border: 1px solid #333 !important;
}
.lceYKq .ipc-inline-list.ljTGVt.baseAlt li {
display: inline-block;
vertical-align: middle;
width: 100% !important;
text-align: right !important;
}
.ipc-metadata-list__item.bTCsQp {
display: none !important;
/* border: none !important; */
}
/* (new25) DETAILS CENTER - TOTAL CONTAINER */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-none.ipc-page-section--bp-xs {
top: 0vh !important;
/*background: #111 !important;*/
}
/* (new47) DETAILS under TITLE */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-none.ipc-page-section--bp-xs > div:last-of-type {
/*background: #111 !important;*/
}
/* (new49) PB SPECIAL PAGE - DETAILS under POSTER - :not(.doBMpp)
https://www.imdb.com/title/tt23398964/
https://www.imdb.com/title/tt25650046/
=== */
/* (new50) NORMAL - POSTER + TRAILLER + FOLDER */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-none.ipc-page-section--bp-xs > div:last-of-type > div:first-of-type {
float: left !important;
max-height: 47vh !important;
width: 100% !important;
min-width: 20% !important;
margin: 0vh 0 26vh 0 !important;
padding: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/*background: #111 !important;*/
/*border: 1px solid aqua !important;*/
}
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-none.ipc-page-section--bp-xs > div:last-of-type > div:first-of-type .ipc-poster .ipc-media img {
max-height: 47vh !important;
width: 100% !important;
margin: 0vh 0 0vh 0 !important;
padding: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
object-fit: contain !important;
background: #111 !important;
/*border: 1px dotted aqua !important;*/
}
/* COR FLOAT */
main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > .ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt > .ipc-page-content-container.ipc-page-content-container--center:last-of-type> section > section > div:last-of-type > div:last-of-type {
display: inline-block !important;
/*float: right !important;*/
clear: both !important;
min-height: 32.2vh !important;
max-height: 32.2vh !important;
width: auto !important;
margin: 0vh 0 0 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/*background: #111 !important;*/
/*border: 1px solid aqua !important;*/
}
/* (new45) OLD DESIGN - POSTER + DESC = .gFpQdY */
#__next main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > .ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt > .ipc-page-content-container.ipc-page-content-container--center:last-of-type > section > section > div + div + div > .gFpQdY{
/*display: inline-block !important;*/
min-height: 32.2vh !important;
max-height: 32.2vh !important;
margin: -45vh 0 0 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/*background: #111 !important;*/
/*border: 1px solid yellow !important;*/
}
/* (new44) */
main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > .ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt > .ipc-page-content-container.ipc-page-content-container--center:last-of-type> section > section > div:last-of-type > div:last-of-type .ipc-chip-list + p + div ul.ipc-metadata-list li .ipc-html-content .ipc-html-content-inner-div {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
font-size: 13px !important;
color: gold !important;
/*background: red !important;*/
/*border: 1px solid green !important;*/
}
/* (new48) PB SPECIAL PAGE
https://www.imdb.com/title/tt12746218/?ref_=fn_tt_tt_3
https://www.imdb.com/title/tt23398964/
=== */
main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > .ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt > .ipc-page-content-container.ipc-page-content-container--center:last-of-type> section > section > div:last-of-type > div:last-...