For a large screen: Reorganize the Movie page to watch all the principals Infos without scrolling.
目前为
/* ==UserStyle==
@name IMDb WideScreen New Design + GM Tweak
@namespace https://greasyfork.org/fr/users/8-decembre?sort=updated
@version 1.0.0
@description For a large screen: Reorganize the Movie page to watch all the principals Infos without scrolling.
@author decembre
@license unlicense
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
@-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 v.1 - 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
==== */
/* SUPP */
.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 NOTATION HEADER */
.cMYixt {
display: flex;
flex-direction: row;
height: 140px !important;
}
.eGmDjE.dyFVGl{
position: absolute !important;
height: 68px !important;
top: 15vh !important;
margin: 0 !important;
border-radius: 5px !important;
background: #111 !important;
}
/* PRINCIPAl */
.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 {
width: 1555px !important;
/* margin-left: 20px !important; */
border: 1px solid red !important;
}
.ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-background.ipc-page-background--baseAlt {
left: -140px !important;
}
.jzJCdt ,
.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.jzJCd t{
display: inline-block !important;
flex-direction: unset !important;
width: 100% !important;
/* border: 1px solid aqua !important; */
}
/* DETAILS - POSTER TRAILLER */
.ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-background.ipc-page-background--baseAlt .hRoHMM {
float: left !important;
/* height: 522px; */
width: 50%;
/* border: 1px solid tomato; */
}
.fpjqna {
height: 620px !important;
}
/* POSTER */
.ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-background.ipc-page-background--baseAlt .hRoHMM .hNvLDX {
position: relative !important;
display: inline-block !important;
float: none !important;
/* clear: none !important; */
min-width: 30% !important;
height: 404px !important;
margin: 60px 0 0 -40px !important;
/* border: 1px solid green !important; */
}
.fpjqna .ipc-poster {
height: 400px !important;
}
/* VID TRAIL */
.ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-background.ipc-page-background--baseAlt .hRoHMM .cGAqvC {
position: relative !important;
display: inline-block !important;
float: none !important;
/* float: left !important; */
/* clear: none !important; */
margin: 0 0 0 20px !important;
min-width: 75% !important;
max-width: 75% !important;
height: 404px !important;
/* border: 1px solid aqua; */
}
.bsRmmD {
height: 400px;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding-bottom: 0;
}
/* CONTENT VID/PHO */
.feMLMz {
position: absolute !important;
display: inline-block !important;
/* float: left !important; */
/* clear: none !important; */
margin: 0 !important;
min-width: 100% !important;
height: 100px !important;
margin: 0 0 0 0px !important;
bottom: 4vh !important;
/* border: 1px solid aqua; */
}
.feMLMz a.ipc-button {
display: inline-block !important;
width: 48.5% !important;
min-height: 80px !important;
margin: 10px 05px 0 3px !important;
/* border: 1px solid yellow */
}
/* DETAILS - SHORT CAST */
.ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-background.ipc-page-background--baseAlt .TKmtG{
float: right !important;
height: 632px;
width: 48%;
/* border: 1px dotted tomato; */
}
/* INFOS DETAILS */
.ipc-page-wrapper--base {
height: 93.5vh !important;
background: #111 !important;
}
.ipc-page-background.ipc-page-background--base.kUbSjY {
display: inline-block !important;
position: fixed !important;
width: 82vw !important;
min-height: 93vh !important;
max-height: 93vh !important;
/* min-height: 0px !important;
max-height: 0px !important; */
top: 6.2vh !important;
right: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
background: #111 !important;
color: gray !important;
}
/* .ipc-page-background.ipc-page-background--base.kUbSjY:hover {
display: inline-block !important;
position: fixed !important;
width: 82vw !important;
height: 91vh !important;
top: 8vh !important;
right: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
background: red !important;
color: gray !important;
} */
.ipc-page-background.ipc-page-background--base.kUbSjY:hover > .ipc-page-background.ipc-page-background--baseAlt.ezIlqu {
display: inline-block !important;
position: fixed !important;
width: 82vw !important;
min-height: 93vh !important;
max-height: 93vh !important;
/* min-height: 0px !important;
max-height: 0px !important; */
right: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
/* background: yellow !important; */
color: gray !important;
}
.ipc-page-background.ipc-page-background--base.kUbSjY:not(:hover) > .ipc-page-content-container.ipc-page-content-container--center {
display: inline-block !important;
position: fixed !important;
width: 200px !important;
min-height: 20px !important;
max-height: 20px !important;
/* min-height: 0px !important;
max-height: 0px !important; */
top: 8vh !important;
right: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* z-index: 500000 !important; */
background: yellow !important;
color: gray !important;
}
.ipc-page-background.ipc-page-background--base.kUbSjY:not(:hover) > .ipc-page-content-container.ipc-page-content-container--center .ipc-page-grid__item.ipc-page-grid__item--span-2 {
display: inline-block !important;
position: fixed !important;
/* width: 200px !important; */
min-height: 20px !important;
max-height: 20px !important;
/* min-height: 0px !important;
max-height: 0px !important; */
/* top: 8vh !important; */
/* right: 2px !important; */
overflow: hidden !important;
overflow-y: hidden !important;
/* z-index: 500000 !important; */
background: yellow !important;
color: gray !important;
}
/* HOVER */
.ipc-page-background.ipc-page-background--base.kUbSjY:not(:hover) > .ipc-page-content-container.ipc-page-content-container--center .ipc-page-background.ipc-page-background--base.iuqrPx .ipc-page-grid__item.ipc-page-grid__item--span-2:hover ,
.ipc-page-background.ipc-page-background--base.kUbSjY:not(:hover) > .ipc-page-content-container.ipc-page-content-container--center .ipc-page-background.ipc-page-background--base.iuqrPx:hover .ipc-page-grid__item.ipc-page-grid__item--span-2 {
display: inline-block !important;
position: fixed !important;
/* width: 200px !important; */
min-height: 20px !important;
max-height: 100vh !important;
/* min-height: 0px !important;
max-height: 0px !important; */
/* top: 8vh !important; */
/* right: 2px !important; */
overflow: hidden !important;
overflow-y: hidden !important;
/* z-index: 500000 !important; */
background: yellow !important;
color: gray !important;
}
/* .ipc-page-grid.ipc-page-grid--bias-left {
display: inline-block !important;
position: fixed !important;
width: 200px !important;
min-height: 20px !important;
max-height: 20px !important;
top: 8vh !important;
right: 2px !important;
overflow: hidden !important;
overflow-y: hidden !important;
z-index: 500000 !important;
background: red !important;
color: gray !important;
} */
.ipc-page-background.ipc-page-background--base.iuqrPx .ipc-page-grid.ipc-page-grid--bias-left:before {
content: "◣ ➕" !important;
display: inline-block !important;
position: fixed !important;
width: 200px !important;
min-height: 30px !important;
max-height: 30px !important;
margin-top: -1.5vh !important;
right: 14px !important;
padding-left: 5px !important;
z-index: 500000 !important;
color: gold !important;
border-radius: 0 0 0 5px !important;
border: 1px solid red !important;
background: #111 !important;
}
.ipc-page-background.ipc-page-background--base.iuqrPx .ipc-page-grid.ipc-page-grid--bias-left:hover:before {
content: "➕ ◥ " !important;
display: inline-block !important;
position: fixed !important;
width: 45vw !important;
min-height: 30px !important;
max-height: 30px !important;
margin-top: -1.5vh !important;
right: 2px !important;
z-index: 500000 !important;
background: #111 !important;
border: 1px solid red !important;
border-left: 3px solid red !important;
}
/* .ipc-page-background.ipc-page-background--base.iuqrPx:hover .ipc-page-grid.ipc-page-grid--bias-left , */
.ipc-page-grid.ipc-page-grid--bias-left:hover {
display: inline-block !important;
position: fixed !important;
width: 45vw !important;
min-height: 20px !important;
max-height: 90vh !important;
top: 8vh !important;
right: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
background: #111 !important;
color: gray !important;
border-left: 3px solid red !important;
}
.bWzZoX {
padding: 0.75rem 0 0 0.75rem !important;
}
.ipc-page-background.ipc-page-background--base.iuqrPx {
display: inline-block !important;
position: fixed !important;
width: 45vw !important;
min-height: 0px !important;
max-height: 0px !important;
top: 8vh !important;
right: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
background: green !important;
color: gray !important;
}
.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;
}
/* .ipc-page-background--baseAlt .recently-viewed .ipc-sub-grid-item--span-2.ipc-shoveler__item {
grid-column: unset !important;
position: relative !important;
float: left !important;
margin: 0 0px 0 0px !important;
min-width: 99px !important;
max-width: 99px !important;
border: 1px solid aqua !important;
} */
/* .ipc-sub-grid-item.ipc-sub-grid-item--span-2.rvi-shoveler__item.ipc-shoveler__item{
width: 99px !important;
} */
/* .ipc-media {
position: relative;
display: inline-flex;
overflow: hidden;
} */
/* .ipc-media.ipc-media--poster-27x40.ipc-image-media-ratio--poster-27x40.ipc-media--baseAlt.ipc-media--poster-m.ipc-poster__poster-image.ipc-media__img {
min-width: auto;
width: 99px !important;
} */
/* 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: 264px !important;
min-height: 20px !important;
max-height: 20px !important;
right: 2px !important;
top: 0 !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: 264px !important;
min-height: 90vh !important;
max-height: 90vh !important;
right: 0 !important;
top: 0 !important;
padding: 20px 5px 5px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: height ease 0.7s !important;
background-color: #111 !important;
}
#__LTA__:before {
content: " ▼ IMDb: Link 'em all!" !important;
position: fixed !important;
width: 266px !important;
top: 0 !important;
right: 0 !important;
padding: 0 5px !important;
text-align: right !important;
/* pointer-events: none !important; */
border-radius: 0 0 0 5px !important;
border: 1px solid red !important;
background-color: #333 !important;
}
/* GM IMDB SCOUT MOD */
#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;
/* z-index: 500000 !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;
}
#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;
/* z-index: 500000 !important; */
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid yellow !important;
}
#imdbscout_iconsheader>a[href="javascript:;"] {
display: block !important;
height: 28px !important;
line-height: 15px !important;
width: auto !important;
font-size: 11px;
color: gold !important;
border: 1px solid yellow !important
}
#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: 500000 !important; */
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid aqua !important;
}
#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: 500000 !important; */
background-color: #111 !important;
border: 1px solid #333 !important;
border-left: 3px solid green !important;
}
/* =========== */
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
/* GM "2EMBED" - TEMPLATE */
#imdbHeader:before {
content: "📽 2embed ▲▼" !important;
display: inline-block !important;
position: fixed !important;
width: 170%;
height: 25px !important;
line-height: 25px !important;
width: 200px;
top: 2%;
left: 0%;
margin-top: 0px;
padding: 0;
border-radius: 10px;
pointer-events: auto;
text-align: center !important;
z-index: 5000 !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;
animation-name: zoomIn;
position: fixed !important;
width: 100%;
max-width: 320px;
height: 400px !important;
top: 26% !important;
left: 0%;
margin-top: 0px;
padding: 1rem 1.25rem 1.25rem;
border-radius: 10px;
pointer-events: auto;
z-index: 5000000 !important;
transform: translateY(-50%);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background: #111 !important;
border: 1px solid red !important;
}
#imdbHeader ~ iframe[id="2embed"]:hover,
#imdbHeader:hover ~ iframe[id="2embed"] {
display: block !important;
animation-duration: 0.2s;
animation-fill-mode: both;
}
iframe[id="2embed"]:hover {
min-width: 1400px !important;
max-width: 1400px !important;
min-height: 900px !important;
margin-top: 215px !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;
}
/* 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;
}
svg:root ,
svg:not(:root) {
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 ==== */
}