Reorganize the Movie page to watch all the principals Info without scrolling, with some "hover"...
IMDb Compact - Movie Page + GM Tweaks v.31 by decembre

Details
Authordecembre
LicenseNo License
Categorywidescreen, wide screen, darck and gray, greasemonkey, userscript, large screen
Created
Updated
Size62 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
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! - 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.
- 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.
- [Seems Broken - 2022] IMDB Video Player - 2embed (play streaming videos from IMDb) by Guillaume Marteau:
IMDB Video Player - 2embed, Adds 2embed.ru streaming videos on IMDB webpages so you can watch it live !
Changes:
31:
- 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....
test link:
https://www.imdb.com/title/tt18258584/
- Fine tuning for GM "IMDb: Link 'em all!" And GM "Lecture en Streaming de films et séries IMDb".
- Corrections for GM "IMDb-Scout-Mod"
Screenshots with details v.7:
https://i.imgur.com/CHeHY9D.jpeg
Old Screenshots (but are informative):
https://i.imgur.com/l3z9ccL.jpeg
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.310
@namespace https://userstyles.world/user/decembre
@version 31.0.0
@description For a large screen: Reorganize the Movie page to watch all the principals Infos without scrolling.
@author decembre
@license unlicense
==/UserStyle== */
/* ==== 0- IMDb Compact - Movie Page + GM Tweaks v.31 (new31) - TEST OTHERS PAGES / SERIE - ALL:INITIAL - SIMPLIFIED - GLOBAL - TEST FRESH ==== */
/* (new26) START - URL-PREF - ALL PAGES - SUPP */
@-moz-document domain("imdb.com") {
/* SUPP MOBILE VERSION */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background ,
/* (new26) POPUP OPTION LECT */
.ipc-promptable-base.ipc-promptable-dialog .ipc-promptable-base__auto-focus .ipc-promptable-base__content > div > div[data-testid="p_ct"] + div +div,
/* PRO */
#name-filmography-pro-chip ,
.ipc-metadata-list-item__label.ipc-metadata-list-item__label--link[href^="https://pro.imdb.com/"] ,
.ipc-btn[href^="https://pro.imdb.com/"] ,
#full_cast_title_pro_link ,
.navbar__imdbpro ,
.navbar__coachmark ,
.ipc-btn[href^="https://www.amazon"] ,
footer.imdb-footer .footer__sign-in ,
.ipc-promptable-base.ipc-promptable-dialog.ipc-rating-prompt.enter-done ,
.ipc-btn[href^="/showtimes/"] ,
a.ipc-btn[href^="https://www.primevideo.com/"] ,
.navbar__coachmark ,
.scriptsOn body > div:first-of-type ,
.ipc-button[href^="https://www.primevideo.com/"] ,
.ipc-link[href^="https://pro.imdb.com/"] ,
.ipc-button[href^="https://www.amazon"] ,
#ProUpsellLink ,
.jbJDWL ,
.ipc-button.ipc-button--full-width.ipc-button--center-align-content.ipc-button--large-height.ipc-button--core-accent1.ipc-button--theme-baseAlt.deUguT ,
.Banner__BannerContainer-sc-1hps8ja-0.thTWG.banner.banner--accent1 {
display: none !important;
}
/* (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;
}
/* (new26) END - URL-PREF - ALL - SUPP */
}
@-moz-document url-prefix("https://www.imdb.com/title/"), domain("streamlare.com"), domain("m.imdb.com"), domain("2embed.ru") {
/* domain("imdb.com"), domain("m.imdb.com") */
/* ==== 0- IMDb Compact - Movie Page + GM Tweaks - ALL:INITIAL - SIMPLIFIED - GLOBAL - TEST FRESH ==== */
/* 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":
https://greasyfork.org/fr/scripts/437200-imdb-video-player-2embed-play-streaming-videos-from-imdb
Litle PB when ONLY POSTER (not Trailer/ Folder Icons :
https://www.imdb.com/title/tt18258584/
https://www.imdb.com/title/tt13149378/
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
==== */
/* (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;
/* background: red !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;
}
/* (new25) */
.ipc-metadata-list__item {
align-items: center;
display: flex;
flex-wrap: wrap;
min-height: 1.5rem !important;
line-height: 0.2rem !important;
/* padding-bottom: 0.10rem !important; */
padding: 0 !important;
position: relative;
z-index: 0;
/* border: none !important; */
}
/* (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;
/* border: 1px solid aqua !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;
}
/* (new25) 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;
}
/* (new27) DETAILS under POSTER */
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; */
min-height: 32.2vh !important;
max-height: 32.2vh !important;
/* min-height: 0vh !important; */
padding-bottom: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #111 !important;
/* border: 1px solid aqua !important; */
}
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 > div {
/* float: left !important; */
/* flex-direction: row !important; */
padding: 5px !important;
/* border: 1px solid yellow !important; */
}
/* (new25) TEST - INFO RIGH - SPEC TECHNICAL PAGE - OUTSIDE RIGHT PANEL - for SPECIFIC PAGE:
https://www.imdb.com/title/tt0237572/technical
=== */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs >div > hgroup {
display: inline-block !important;
background: #222 !important;
/* border: 1px solid aqua !important; */
}
/* .ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs hgroup .ipc-title.ipc-title--subpage-title.ipc-title--baseAlt.ipc-title--on-textPrimary */
main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > section:first-of-type section.ipc-page-background.ipc-page-background--base .ipc-page-grid__item.ipc-page-grid__item--span-2 >div + .ipc-page-section.ipc-page-section--base {
position: fixed;
left: 22.5% !important;
bottom: 30vh !important;
z-index: -1 !important;
pointer-events: none !important;
background: #111 !important;
/* border: 1px solid aqua !important; */
}
main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > section:first-of-type section.ipc-page-background.ipc-page-background--base:hover .ipc-page-grid__item.ipc-page-grid__item--span-2 > div + .ipc-page-section.ipc-page-section--base{
/* border: 1px solid ye...