IMDb WideScreen New Design + GM Tweak v.7

For a large screen: Reorganize the Movie page to watch all the principals Infos without scrolling.

目前为 2022-05-23 提交的版本。查看 最新版本

/* ==UserStyle==
@name           IMDb WideScreen New Design + GM Tweak v.7
@namespace      https://greasyfork.org/fr/users/8-decembre?sort=updated
@version        7.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("streamlare.com"), domain("2embed.ru") {
/* domain("imdb.com"),  */

/* ==== 0- IMDb WideScreen New Design + GM Tweaks  - GLOBAL -  v.7 - TEST FRESH ==== */

/* 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 "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/
==== */

/* SUPP */
.ipc-promptable-base ,
.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;
}

/* TOP NAV */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section .ebkFyv .fZiJKK .gklGiF  .ipc-secondary-button.ipc-button--core-baseAlt .ipc-button__text {
    position: absolute !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 14vw !important;
    max-width: 14vw !important;
    height: 38px !important;
    margin: 0 !important;
    top: 4px !important;
/* border: 1px dashed tomato !important; */
}

/* (new6) TOP NOTATION HEADER */
/* .cMYixt, */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type {
    display: flex;
    flex-direction: row;
    height: 140px !important;
}
/* .eGmDjE.dyFVGl, */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type{
    position: absolute !important;
    height: 4.2rem !important;
    top: 15.2vh !important;
    margin: 0 !important;
    padding: 0.3rem 0.3rem 0.3rem 0.3rem !important;
    border-radius: 5px !important;
background: #111 !important;
}
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type   .rating-bar__base-button {
    height: 3.6rem !important;
    font-size: 0.575rem !important;
    border-radius: 5px !important;
border: 1px solid #333 !important;
}
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type   .rating-bar__base-button > div {
   margin-bottom: 0.1rem !important;
    font-size: 0.575rem !important;
/* border: 1px solid green !important; */
}
/* TIT NOTES CONT + ADD NOTE */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type   .rating-bar__base-button > div + button ,
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type   .rating-bar__base-button > div:not(button) {
/*    margin-bottom: 0.1rem !important; */
    font-size: 0.475rem !important;
     margin-bottom: -0.4rem !important;
padding: 0 !important;
/* border: 1px dotted green !important; */
}

.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type  .ipc-button__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.475rem !important;
/* border: 1px solid aqua !important; */
}
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type  .ipc-button__text > div  > div:first-of-type {
    display: flex;
    align-items: center;
    height: 1rem !important;
    width: 1rem !important;
    margin-right: 0.15rem !important;
    font-size: 0.575rem;
/* border: 1px solid yellow !important; */
}
/* NOTE IMDB */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type   .rating-bar__base-button[data-testid="hero-rating-bar__aggregate-rating"] > div:not(button)  + a .ipc-button__text > div  > div:first-of-type {
/*     margin-top: -0.8rem !important; */
}

.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type  .ipc-button__text > div  > div:last-of-type {
    font-size: 0.575rem !important;
/* border: 1px solid pink !important; */
}
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type  .ipc-button__text > div  > div:last-of-type  > div:first-of-type {
    font-size: 0.675rem !important;
/* border: 1px solid red !important; */
}
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type  .ipc-button__text > div  > div:last-of-type  > div:first-of-type span:first-of-type {
    font-size: 0.875rem !important;
/* border: 1px dashed red !important; */
}

/* POPUL 1 */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type .ipc-button__text > div > div:last-of-type > div:first-of-type[data-testid="hero-rating-bar__popularity__score"] {
    font-size: 0.875rem !important;
/* border: 1px dashed BLUE !important; */
}
/* POPUL 2 */
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-xs.ipc-page-section--bp-xs > div:first-of-type > div:last-of-type .ipc-button__text > div > div:last-of-type > div:last-of-type[data-testid="hero-rating-bar__popularity__delta"] {
    font-size: 0.675rem !important;
/* border: 1px dashed BLUE !important; */
}

/* (new6) PRINCIPAL - cf if overflow-y: auto is need for small screen */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center  + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section {
    position: fixed !important;
    display: inline-block !important;
    width: 81.3vw !important;
    height: 93.3vh !important;
    right: 0 !important;
    overflow: hidden !important;
/* overflow-y: auto !important; */
border: 1px solid red !important;
}

/* (new6) CONTAINER - POSTER / TRAILER / FOLDERS ICONS */
/* .ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center  + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section .bmKajB .bdaMFc , */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center  + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type {
    display: inline-block !important;
    display: block !important;
    width: 55vw;
    overflow: hidden;
/* overflow-y: auto !important; */
border: 1px solid #333 !important;
}

/* BLOCK INFOS RESUME / CAST etc */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type  + div  {
    position: absolute !important;
    display: inline-block !important;
    width: 30.5% !important;
    height: 68.3vh !important;
    right: 1vw !important;
    padding: 0 0.1rem 0 0.5rem !important;
    overflow: hidden;
    overflow-y: auto !important;
border: 1px solid #333 !important;
}
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type + div  > div:first-of-type  {
    width: 98% !important;
}
/* (new7) ONLY POSTER 
https://www.imdb.com/title/tt18258584/
=== */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center  + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type > div > div:only-child {
    position: fixed !important;
    width: 52.5vw !important;
min-height: 343px !important;
max-height: 343px !important;
    left: 20vw !important;
/* padding: 5px 24.2rem !important; */
padding: 0 !important;
border: 1px solid #333 !important;
border: 1px solid red !important;
}
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center  + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type > div > div:only-child  .ipc-poster__poster-image.ipc-media__img img{
/* position: fixed !important; */
width: 52.4vw !important;
min-height: 340px !important;
max-height: 340px !important;
margin: 0 !important;
/*     left: 20vw !important; */
/* padding: 5px 24.2rem !important; */
object-fit: contain !important;
border: 1px solid #333 !important;
/* border: 1px solid aqua !important; */
}

/* BLOCK INFOS - RESUME */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type + div  > div:first-of-type > div:first-of-type {
    position: fixed !important;
    display: inline-block !important;
    width: 52.5vw !important;
    height: 29vh !important;
    right: 27.5vw !important;
    top: 68.5vh !important;
    padding: 0 5rem 0 5rem !important;
    overflow: hidden;
    overflow-y: auto !important;
border: 1px solid #333 !important;
}

/* ADD TO LIST */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type + div  > div:first-of-type + div {
    position: fixed !important;
    display: inline-block !important;
    min-width: 25vw !important;
    max-width: 25vw !important;
    height: auto !important;
    bottom: 1vh !important;
    right: -5vw !important;
/* left: 77vw !important; */
    padding: 5px  5px 5px 35px !important;
    margin: 0 5vw 0 0 !important;
    border-radius: 5px !important;
    z-index: 5000000000 !important;
    visibility: hidden !important;
/* background: red !important; */
background: #111 !important;
border: 1px solid red !important;
}
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type + div  > div:first-of-type + div:hover {
    padding: 4.5vh  5px 5px 35px !important;
    visibility: visible !important;
}
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background + .ipc-page-content-container.ipc-page-content-container--center + .ipc-page-content-container.ipc-page-content-container--center section.ipc-page-background.ipc-page-background--baseAlt section > div:last-of-type > div:first-of-type + div  > div:first-of-type + div:after {
    content: "👁" !important;
position: fixed !important;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 22px !important;
bottom: 1.2vh !important;
right: 0.3vw !important;
margin: 0 0 0 0 !important;
    padding: 2px !important;
    text-align: center !important;
    border-radius: 100% !important;
    font-size: 25px !important;
    visibility: visible !important;
background: #222 !important;
border: 1px solid red !important;
}

/* (new7) TRAIL VID PREVIEW */
.dEQvuU[data-testid="hero-media__video-container"] .celwidget {
    height: 100% !important;
/* border: 1px solid aqua !important; */
}
.eZQuUL.hide-videoPreview {
    height: 100% !important;
/* border: 1px dashed aqua !important; */
}
/* (new7) */
/* .dLKBVl[data-testid="video-player-aspectRatioLocked"] {
    padding-bottom: 422px !important;
}
 */
/* (new6) TAGS */
.ipc-page-background .ipc-page-background--baseAlt .ipc-page-section .ipc-chip-list {
    position: fixed;
    width: 65vw;
    height: 31px;
    left: 19.5vw;
    top: 6.8vh;
    overflow-y: hidden !important;
}
.ipc-page-background .ipc-page-background--baseAlt .ipc-page-section .ipc-chip-list > .ipc-chip {
    margin-bottom: 0;
    padding: 0.05rem 0.75rem !important;
}

/* (new6) VID TRAIL */

/* (new6) TRAIL PLAY - BUTTON + TXT */
.ipc-lockup-overlay .ipc-lockup-overlay__icon--centered {
     display: inline-block !important;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    width: 100% !important;
    min-width: 25px !important;
    max-width: 25px !important;
    font-size: 10px !important;
/* background-size: 25px 25px !important; */
/* transform: scale(3) !important; */
/* border: 1px solid red !important; */
}

/* (new6) INFOS DETAILS - VISIBLE ON HOVER */
main.ipc-page-wrapper--base {
height: 93.5vh !important;
    min-height: 0vh !important;
    overflow: hidden !important;
    background: #111 !important;
}
/* .ipc-page-background.ipc-page-background--base.kUbSjY:not(:hover) > .ipc-page-background.ipc-page-background--baseAlt.ezIlqu  , */
/* .ipc-page-background.ipc-page-background--base.kUbSjY:hover > .ipc-page-background.ipc-page-background--baseAlt.ezIlqu , */
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:not(:hover){
    display: inline-block !important;
    position: fixed !important;
    width: 100px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    top: 6.2vh !important;
    right: 0vw !important;
    overflow: hidden !important;
    z-index: 500000 !important;
color: gray !important;
background: green !important;
/* border-left: 3px solid red !important; */
}
/* (new6) HOVER */
/* .ipc-page-grid.ipc-page-grid--bias-left:hover */
/* .ipc-page-background.ipc-page-background--base.kUbSjY  .fmxrQX:hover */
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 {
display: inline-block !important;
    position: fixed !important;
    width: 45vw !important;
    min-height: 20px !important;
    max-height: 92.5vh !important;
    top: 6.2vh !important;
    right: 2px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 5000000 !important;
background: #111 !important;
color: gray !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
border-left: 3px solid red !important;
}
/* .ipc-page-background.ipc-page-background--base.kUbSjY  .fmxrQX:hover .ipc-page-grid.ipc-page-grid--bias-left  */
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{
    padding-top: 1.75rem !important;
}

/* INFOS RIGHT - INDICATOR */
/* .ipc-page-background.ipc-page-background--base.kUbSjY  .fmxrQX:before ; */
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:before  {
    content: "◣ ➕" !important;
    display: inline-block !important;
    position: fixed !important;
    width: 200px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin-top: 0vh !important;
    right: 0 !important;
    padding-left: 5px !important;
    border-radius: 0 0 0 5px !important;
    z-index: 500000 !important;
color: gold !important;
background: #111 !important;
border: 1px solid red !important;
}
/* .ipc-page-background.ipc-page-background--base.kUbSjY  .fmxrQX:hover:before */
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:before {
    content: "➕ ◥ " !important;
    display: inline-block !important;
    position: fixed !important;
    width: 45vw !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin-top: -3.1vh !important;
    right: 0 !important;
    z-index: 500000 !important;
background: #111 !important;
border: 1px solid red !important;
border-left: 3px solid red !important;
}

/* (new6) RECENTLY VIEWED */
.ipc-page-background--baseAlt .recently-viewed {
    display: inline-block !important;
    position: fixed !important;
    width: 17.5vw !important;
    min-height: 320px !important;
    max-height: 320px !important;
    bottom: 3vh !important;
    left: 2px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 500000 !important;
color: gold !important;
background: #111 !important;
}
.ipc-sub-grid.ipc-sub-grid--nowrap.ipc-sub-grid--page-span-3 {
    grid-auto-columns: calc(20.33333% - 0.91667 * 1.5rem - 0rem) !important;
    grid-auto-flow: column;
    grid-template-columns: none;
}


/* IMDB GM "IMDb: Link 'em all!":
https://greasyfork.org/fr/scripts/17154-imdb-link-em-all
=== */
#__LTA__.ipc-page-content-container {
    display: inline-block !important;
    position: fixed !important;
    width: 64px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    right: 2px !important;
    top: 6.7vh !important;
    padding: 0px 0px 0px 0px !important;
   overflow: hidden !important;
    overflow-y: hidden !important;
    z-index: 500000000 !important;
    transition: height ease 2s !important;
color: gold !important;
background-color: white;
}
#__LTA__.ipc-page-content-container:hover {
    display: inline-block !important;
    position: fixed !important;
    width: 324px !important;
    min-height: 93vh !important;
    max-height: 93vh !important;
    right: 0px!important;
    top: 6.4vh !important;
    padding: 20px 5px 5px 15px !important;
   overflow: hidden !important;
    overflow-y: auto !important;
    transition: height ease 0.7s !important;
background-color: #111 !important;
border: 1px solid red !important;
}
#__LTA__:before {
    content: " ▼ IMDb: Link 'em all!" !important;
    position: fixed !important;
    width: 140px !important;
    top: 6.4vh !important;
    right: 0 !important;
    padding: 1px 5px !important;
    text-align: right !important;
    border-radius: 0 0 0 5px !important;
    font-size: 10px !important;
border: 1px solid red !important;
background-color: #333 !important;
}

/* (new6) IMDb: Link 'em all! - CONFIG PANEL */
.App_configWrapper__2KuAE {
    position: fixed;
    right: 120px;
    top: 6.7vh !important;
}
.App_configWrapper__2KuAE .Config_popover__3RK3L[style="display: block;"] {
    position: fixed !important;
    width: 800px;
    top: 6.4vh !important;
    left: 41.5vw !important;
    line-height: 1.5rem;
    padding: 10px;
    border-radius: 4px 0 0 4px !important;
    font-size: 11px;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    z-index: 500000000 !important;
box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
color: gold !important;
background-color: #111 !important;
border: 1px solid red !important;
}
.Config_popover__3RK3L::before {
    right: calc(-1px - 2 * 8px) !important;
    top: calc(0 * 8px) !important;
    transform: rotate(90deg) !important;
}
.Config_popover__3RK3L .Config_inner__2Sbjz .Config_body__2JuhF {
    max-height: 82.7vh !important;
    min-height: 82.7vh !important;
background-color: #111 !important;
border: 1px solid red !important;
}
.Config_body__2JuhF>div {
    overflow: hidden !important;
}
.Config_body__2JuhF>div > div:not(.Sites_searchBar__1cpJl) {
    max-height: 77vh !important;
    min-height: 77vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
color: gold !important;
}
.Config_body__2JuhF>div > div:not(.Sites_searchBar__1cpJl) label span {
    color: gold !important;
}
.Config_body__2JuhF>div > div:not(.Sites_searchBar__1cpJl) label[class^="Sites_checked__"] span {
    color: green !important;
    background-color: gold !important;
    border: 1px dashed aqua!important;
}
.Sites_resultCount__2p4vG  {
    color: red !important;
}
.Sites_resultCount__2p4vG span  {
    color: green !important;
}

/* ==== GM IMDB SCOUT MOD ==== */

/* (new7) SCOUT SETTINGS */
#imdb_scout {
    position: fixed;
    display: block;
    width: 450px;
    height: 90%;
    max-height: 95%;
    max-width: 95%;
    right: 150px;
    top: 50px;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    opacity: 1;
    z-index: 500000000 !important;
border: 1px solid #000;
}

#scout_rating_table ~hr {
display: none !important;
}

#scout_rating_table {
    position: fixed;
    display: inline-block !important;
    width: 305px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    left: 5px !important;
    top: 60px !important;
    padding: 5px 5px 5px 5px !important;
   overflow: hidden !important;
    overflow-y: auto !important;
border: 1px solid red !important;
background-color: #111 !important;
}
#scout_rating_table>tbody>tr>td:not([style="width:30px; vertical-align:middle;"]) img {
    height: 28px !important;
    width: 28px !important;
}
#scout_rating_table > tbody > tr > td[style="width:30px; vertical-align:middle;"] + td{
     padding: 0 2px 0 2px !important;
border-left: 3px solid red  !important;
}
#scout_rating_table>tbody>tr>td[style="width:30px; vertical-align:middle;"] {
    height: 28px !important;
    line-height: 15px !important;
    width: 15px !important;
    font-size: 12px !important;
border-right: 1px solid red  !important;
}
#scout_rating_table>tbody>tr>td[style="width:30px; vertical-align:middle;"] span {
    height: 28px !important;
    line-height: 15px !important;
    width: 15px !important;
    font-size: 12px !important;
}

/* SCOUT ICONS SMALL */
#imdbscout_iconsheader img ,
[id*="_header"] img {
    height: 20px !important;
    width: 20px !important;
    margin: 1px 0 2px;
    border-radius: 2px;
border-width: 2px !important;
}
#imdbscout_iconsheader  {
    position: fixed;
    display: inline-block !important;
    width: 305px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    left: 5px !important;
    top: 105px !important;
    padding: 5px 5px 5px 5px !important;
   overflow: hidden !important;
    overflow-y: auto !important;
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid yellow !important;
}
#imdbscout_iconsheader>a[href="javascript:;"] {
    float: right !important;
    height: 20px !important;
    line-height: 12px !important;
    width: auto !important;
    padding: 2px 3px !important;
    font-size: 11px;
    text-decoration: none !important;
color: gold !important;
border: 1px solid yellow !important
}

/* FIRST - AQUA */
#imdbscout_header  {
    position: fixed;
    display: inline-block !important;
    width: 305px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    left: 5px !important;
    top: 185px !important;
    padding: 5px 5px 5px 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 500 !important;
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px  solid aqua !important;
}
#imdbscout_header:after {
    content: "❶ Bar" !important;
    position: fixed !important;
    display: inline-block !important;
    width: 30px !important;
    height: auto !important;
    left: 308px !important;
    margin-top: -6px !important;
    padding: 0px 2px !important;
    font-size: 12px !important;
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid aqua !important;
}
/* 2nd - GREEN*/
#imdbscoutsecondbar_header  {
    position: fixed;
    display: inline-block !important;
    width: 305px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    left: 5px !important;
    top: 245px !important;
    padding: 5px 5px 5px 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 500 !important;
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid green !important;
}
#imdbscoutsecondbar_header:after {
    content: "❷ Bar" !important;
    position: fixed !important;
    display: inline-block !important;
    width: 30px !important;
    height: auto !important;
    left: 308px !important;
    margin-top: -6px !important;
    padding: 0px 2px !important;
    font-size: 12px !important;
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid green !important;
}
/* 3nd */
#imdbscoutthirdbar_header {
    position: fixed;
    display: inline-block !important;
    width: 305px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    left: 5px !important;
    top: 300px !important;
    padding: 5px 5px 5px 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 500 !important;
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid tomato !important;
}
#imdbscoutthirdbar_header:after {
    content: "❸ Bar" !important;
    position: fixed !important;
    display: inline-block !important;
    width: 30px !important;
    height: auto !important;
    left: 308px !important;
    margin-top: -6px !important;
    padding: 0px 2px !important;
    font-size: 12px !important;
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid tomato !important;
}


/* =========== */

@keyframes zoomIn {
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
/*  GM "2EMBED" - TEMPLATE */
/* iframe[id="2embed"]:before {
content: "📽 2embed ▲▼" !important;
    position: fixed !important;
    display: inline-block !important;

    width: 200px;    
    height: 25px !important;
    line-height: 25px !important;
    top: 2%;
    left: 0%;
    margin-top: 0px;
    padding: 0;
    border-radius: 10px;
    pointer-events: auto;
    text-align: center !important;
    z-index: 50000000000 !important;
visibility: visible !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background: #111 !important;
border: 1px solid red !important;
} */
#imdbHeader  ~  iframe[id="2embed"] {
/*     display: none; */
display: inline-block !important;
    animation-name: zoomIn;
    position: fixed !important;
    width: 100%;
    max-width: 16vw !important;
    height: 50px !important;
    top: 1.7vh !important;
    left: 0.2vw ;
    margin-top: 0px;
    padding: 0rem;
    border-radius: 10px;
    pointer-events: auto;
    z-index: 5000000 !important;
overflow: hidden !important;
    transform: translateY(-20%);
visibility: visible !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: all ease 0.7s !important;
background: #111 !important;
border: 1px solid red !important;
}
#imdbHeader  ~  iframe[id="2embed"]:hover {
display: inline-block !important;
    top: 26vh !important;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    transform: translateY(-50%) !important;
visibility: visible !important;
}
iframe[id="2embed"]:hover {
    min-width: 1400px !important;
    max-width: 1400px !important;
    min-height: 900px !important;
    margin-top: 215px !important;
transition: all ease 0.7s !important;
visibility: visible !important;
}

/* IFRAME STREAMLARE */
body[data-recaptcha-key] {
    font-family: Nunito,sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    text-align: left;
    background-color: #111 !important;
    color: #212529;
}
body[data-recaptcha-key] #media-embed {
    position: fixed;
    max-height: 895px !important;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    overflow: hidden !important;
/*     overflow-y: auto !important; */
background-color: #111 !important;
border: 1px solid red !important;
}
.navbar-expand-md {
    padding-left: 482px !important;
background-color: #111 !important;
border: 1px solid red !important;
}

/* COLOR - BACKGROUND - BLACK LIGHT */
.ipc-list-card--base ,
.ipc-page-grid__item.ipc-page-grid__item--span-1 .ipc-page-section--base ,
.ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget{
    background-color: #1d2124 !important;
    border-color: #171a1d !important;
    color: #fff !important;
}
/* COLOR - BACKGROUND - GRADIENT - ELLIPSIS  VERTICAL - BLACK LIGHT to BLACK */
.ipc-overflowText.ipc-overflowText--base.ipc-overflowText--listCard .ipc-overflowText-overlay {
    background: transparent -moz-linear-gradient(center top , rgba(45, 45, 45, 0.61), rgba(10, 10, 10, 0.68), rgba(17, 17, 17, 0.85)) repeat scroll 0 0;
}
/* (new6) SVG - CHANGE COLOR BY FILTER - BLACK TO PERU*/
svg#iconContext-thumb-down ,
.ipc-media--fallback svg.ipc-media__icon {
    fill: blue !important;
    color: red !important;
    filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
}
.ipc-media--base::before {
    background: rgba(17, 17, 17, 0.81);
}

/* COLOR -TEXT  WHITE */

.ipc-metadata-list-item__list-content-item--subText ,
.ipc-title__description ,
.ipc-chip.ipc-chip--on-base ,
.ewdPHp ,
.ipc-metadata-list-item__label ,
.ipc-title__text ,
.ipc-html-content.ipc-html-content--base>div ,
.ipc-page-section.ipc-page-section--base.celwidget > div{
    color: #fff !important;
}

/* TEXT COLOR - GOLD */

.gwBsXc ,
.dbUarY ,
.ktSkVi ul,
.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base{
    color: gold !important;
}

/* LINKS */

a.jFeBIw ,
a .esZWnh , 
a {
    color: peru !important;
}


/* ==== END  ==== */
}