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

/* ==UserStyle==
@name           IMDb WideScreen Compact + GM Tweaks  v.54
@namespace      https://userstyles.world/user/decembre
@version        54.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 domain("imdb.com"), domain("streamlare.com"), domain("m.imdb.com"), domain("2embed.ru"), url-prefix("https://www.imdb.com/title/") {
/* ==== 0- IMDb Compact - Movie Page + GM Tweaks (new54)  - DEV in QUANTUM - NO COLOR / NO (Only New Names Pages) - ALL:INITIAL - SIMPLIFIED - GLOBAL ==== */


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

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

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

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

/* (new54) PB SPECIAL PAGE - MOVIES DETAILS CONTAINER 
https://www.imdb.com/title/tt12746218/?ref_=fn_tt_tt_3
https://www.imdb.com/title/tt23398964/
=== */
main.ipc-pag...