Skip to content

IMDb Compact - Movie Page + GM Tweaks v.31 by decembre

Screenshot of IMDb Compact - Movie Page + GM Tweaks  v.31

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

Reorganize the Movie page to watch all the principals Info without scrolling, with some "hover"...

Notes

Same version, in different places:

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 :

- 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.

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

https://i.imgur.com/ElrhGUr.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...

Reviews

No reviews yet.