Skip to content

IMDb WideScreen Compact + GM Tweaks v.52 (USw) by decembre

Screenshot of IMDb WideScreen Compact + GM Tweaks v.52 (USw)
Write a review Install Get Stylus

Details

Authordecembre

LicenseNo License

Categorywidescreen, wide screen, darck and gray, greasemonkey, userscript, large screen

Created

Updated

Size146 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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

Notes

For a IMDb with a WideScreen:
More info in a glance
Less Waste spaces
Remove "PRO" things and some Popups.

Last Changes:

51:
Merge in it:

  • IMDb Compact (Only New Names Pages)
  • IMDb - Dark and Gray Simple
    Add Small and Dark & Gray Scrollbar

Same version, in different places:

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.

- 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

▶ NOTES:
Note:
Not Updated in userstyles.org, because the Userstyles.org's NEW Design became worst and worst.
Request done (2023.08)

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 WideScreen Compact + GM Tweaks  v.52
@namespace      https://userstyles.world/user/decembre
@version        52.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") {

/* ++++ IMDb WideScreen Compact + GM Tweaks  v.52 -  MERGED (Movie Name pages + Dark and Gray ) ++++ */

/* ==== 0- IMDb WideScreen Compact + GM Tweaks  v.52 (new52)  - 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
==== */

/* (new52) TEST - SMALL AND DARK AND GRAY SCROLLBAR IMDB */
/*:root {
  --custom-thumb-color: red !important;
  --custom-track-color:blue  !important;
  --custom-width: thin !important;
  --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: 0px;
  --workaround-gh-scrollbars: 1;
}*/
/* (new52) TEST - SMALL AND DARK AND GRAY SCROLLBAR - 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*/
::-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: #dadae3 !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #737373!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;
}

/* (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;
}



/* (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;*/
}




/* (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...

Reviews

No reviews yet.