Reorganize the new Name page of IMdb:Take advantage for a Wide Screen (More infos in a glance...)
Verzia zo dňa
/* ==UserStyle==
@name IMDb Compact - New Names Pages v.5
@namespace https://greatest.deepsurf.us/fr/users/8-decembre?sort=updated
@version 05.0.0
@description Reorganize the new Name page of IMdb:Take advantage for a Wide Screen (More infos in a glance...)
@author decembre
@license unlicense
==/UserStyle== */
@-moz-document url-prefix("https://www.imdb.com/name/") {
/* ==== 0- IMDb Compact - New Names Pages v.4 - URL-PREF ==== */
/* INFO ABOUT IT:
https://help.imdb.com/article/imdb/new-features-updates/imdb-name-page-redesign/GMWASETVPLJYXEZE?ref_=helpsect_cons_8_2#
=== */
/* BACKGOUND IMDb:
BACKGOUND IMDb - Near #222:
background: #1f1f1f !important;
BACKGROUND - DARK LINEAR-GRADIENT IMDB - Near #222:
background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(31, 31, 31), 20%, rgba(31, 31, 31, 0.6), 80%, rgb(31, 31, 31)) repeat scroll 0 0 !important;
==== */
/* (new3) START - URL-PREF - NAMES PAGES */
/* SUPP */
.cQZIoF.navbar__imdbpro-content ,
.jbJDWL .footer__sign-in{
display: none !important;
}
/* TOTAL CONTAINER COLOR */
html {
background: white ;
}
html {
background: white ;
}
/* TOP STICKY */
/* TOP NAV - TEST STICKY */
.ghNLnK {
position: sticky !important;
top: 0vh !important;
/* background: red !important; */
border-top: 1px solid red !important;
}
/* ACTOR NAME - TEST STICKY */
.kAEvnY.ipc-page-section:first-of-type {
padding-top: 8vh !important;
/* border-bottom: 1px solid aqua !important; */
}
.eSmZzJ{
position: fixed !important;
width: 40.8vw !important;
top: 5.9vh !important;
z-index: 50000 !important;
background:#111 !important;
border-bottom: 1px solid red !important;
}
/* (new5) STICKY - SMALL CENTER */
.ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget:not([data-cel-widget="StaticFeature_Awards"]):not([data-cel-widget="StaticFeature_Videos"]):not([data-cel-widget="StaticFeature_Photos"]) {
padding: 0 0 0 0.5rem !important;
}
.ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget:not([data-cel-widget="StaticFeature_Awards"]):not([data-cel-widget="StaticFeature_Videos"]):not([data-testid="videos-section"]):not([cel_widget_id="StaticFeature_Photos" ]):not([data-testid="Photos"]):not([data-cel-widget="StaticFeature_Photos"]) .ipc-title--section-title {
position: sticky !important;
width: 40vw !important;
top: 15vh !important;
padding: 0 0 0 0 !important;
z-index: 1 !important;
background: white;
border-bottom: 1px dashed red !important;
}
.czBPkk {
-moz-box-align: center;
align-items: center;
flex-flow: row wrap;
border-top: 1px solid red !important;
border-left: 1px solid red !important;
border-right: 1px solid red !important;
}
/* SMALL CENTER */
/* TOP NAV */
#imdbHeader {
background: white ;
}
.ezIlqu {
background: transparent ;
}
/* TOP HAMBURGER MENU - OPEN */
.drawer.hamburger__drawer.imdb-header__nav-drawer {
max-width: 40% !important;
left: 30vw !important;
padding: 0.5rem !important;
/* background:#111 !important; */
border: 1px solid red !important;
}
.liGxUA .navlinkcat__listContainer {
overflow: hidden;
transition: border-color 0.1s ease-in 0s, height 0.2s ease 0s;
}
ul.ipc-list.navlinkcat__list {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
list-style-type: disc !important;
list-style-position: inside !important;
line-height: 15px !important;
vertical-align: top !important;
/* color: red !important; */
}
.liGxUA .ipc-list__item {
height: auto !important;
padding-bottom: 0.6rem;
padding-top: 0.1rem;
padding-left: 0.5rem !important;
border-left: solid 2px red !important;
}
.ipc-list__item .ipc-list-item__text {
display: list-item !important;
overflow: hidden;
text-overflow: ellipsis;
}
/* (new4) SMALL CENTER BOTTOM - RECENT - KEEP BACKGROUND BLACK */
main + section.ipc-page-background.ipc-page-background--baseAlt{
position: absolute !important;
display: inline-block !important;
min-width: 41% !important;
max-width: 41% !important;
left: 29.3vw !important;
padding: 0rem !important;
background: #111 !important;
border: 1px solid red !important;
}
main + section.ipc-page-background.ipc-page-background--baseAlt .ipc-page-content-container--center {
max-width: 100% !important;
}
/* (new4) SMALL - CENTER - FOOTER - KEEP BACKGROUND BLACK */
footer.imdb-footer.footer.jbJDWL {
position: fixed !important;
display: inline-block !important;
max-width: 40% !important;
left: 30vw !important;
bottom: -69.8vh !important;
padding: 0.5rem !important;
z-index: 5000 !important;
transition: all ease 0.7s !important;
background: #222 !important;
border: 1px solid red !important;
}
footer.imdb-footer.footer.jbJDWL:hover {
bottom: 0vh !important;
transition: all ease 0.7s !important;
background:#111 !important;
border: 1px solid red !important;
}
footer.imdb-footer.footer.jbJDWL:before {
content: "Infos ⏏" !important;
position: absolute !important;
display: inline-block !important;
width: auto !important;
height: 15px !important;
line-height: 15px !important;
right: 0vw !important;
top: -1.6vh !important;
padding: 0 0.1rem !important;
font-size: 10px !important;
background: #111 !important;
border: 1px solid red !important;
}
/* (new5) SMALL CENTER - CONTAINER */
#ipc-wrap-background-id, .celwidget[data-testid="Filmography"],
.celwidget[data-testid="Filmography"][data-cel-widget="StaticFeature_Filmography"] {
background: white ;
}
.ipc-page-content-container--center {
max-width: 41% !important;
/* background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(31, 31, 31), 20%, rgba(31, 31, 31, 0.6), 80%, rgb(31, 31, 31)) repeat scroll 0 0 !important; */
/* border-right: 1px solid aqua !important; */
}
.ipc-page-content-container--center .ipc-page-background.ipc-page-background--base.jtTbgg {
/* background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(31, 31, 31), 20%, rgba(31, 31, 31, 0.6), 80%, rgb(31, 31, 31)) repeat scroll 0 0 !important; */
border-top: 1px solid red !important;
border-left: 1px solid red !important;
border-right: 1px solid red !important;
}
.ipc-page-grid__item.ipc-page-grid__item--span-2 {
display: inline-block !important;
grid-column: unset !important;
width: 100% !important;
min-width: 39.9vw !important;
max-width: 39.9vw !important;
}
/* TOP INFOS */
.Cmihf {
display: flex;
flex-flow: row wrap;
margin-bottom: 0.75rem;
position: relative;
/* box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px rgba(0, 0, 0, 0.3) inset !important; */
}
.caCZxA {
margin-right: 0.25rem;
width: calc(55% - 0.15rem / 2) !important;
}
.Cmihf .ipc-photo,
.Cmihf .ipc-poster,
.Cmihf .ipc-slate {
display: inline-flex;
height: 100% !important;
position: relative;
text-decoration: none;
}
/* OPACITY */
.cYzQDy ,
.gwaHmt {
opacity: 0.2 !important;
}
.cYzQDy:hover ,
.gwaHmt:hover {
opacity: 1 !important;
}
/* (new4) LEFT - FILMO GRAPHY SHORT */
.celwidget[data-testid="Filmography"] {
position: fixed !important;
width: 29.5% !important;
height: 100vh !important;
top: 0vh !important;
left: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000 !important;
background: white ;
/* border-right: 1px solid red !important; */
}
.celwidget[data-testid="Filmography"] .ipc-page-section {
padding: 0 0 1.5rem 0 !important;
}
.celwidget[data-testid="Filmography"] section:first-of-type .ipc-title {
display: inline-block !important;
width: 100% !important;
height: 6vh !important;
line-height: 5.9vh !important;
vertical-align: middle !important;
margin-bottom: 0rem !important;
border-radius: 0 0 5px 0 !important;
border-right: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.celwidget[data-testid="Filmography"] section:first-of-type .ipc-title + .jVJjba {
width: 99% !important;
margin: 0.5vh 0 0 0 !important;
padding: 0.5rem 0.5rem 1rem 0 !important;
border-top: 1px solid red !important;
/* border-right: 1px solid red !important; */
border-bottom: 1px solid red !important;
}
.celwidget[data-testid="Filmography"] section:first-of-type .ipc-title hgroup {
display: inline-block !important;
margin: 1vh 0 0 0 !important;
}
.celwidget[data-testid="Filmography"] section:first-of-type .ipc-sub-grid.ipc-sub-grid--page-span-2.ipc-sub-grid--wraps-at-above-l.ipc-shoveler__grid {
padding: 0.7rem 0.5rem 1rem 0.5rem !important;
}
/* LEFT - VIDEOS */
.ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Videos"]{
position: fixed !important;
width: 29.2% !important;
bottom: 26.8vh !important;
left: 0 !important;
padding: 1.5rem 0.5rem 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
border: 1px solid red !important;
}
.ipc-page-grid__item.ipc-page-grid__item--span-2 .ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Videos"] {
/* border-top-color: red !important; */
border-bottom-color: red !important;
}
/* LEFT - PHOTO */
.ipc-page-grid.ipc-page-grid--bias-left .celwidget[cel_widget_id="StaticFeature_Photos"] ,
.ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Photos"]{
position: fixed !important;
width: 29.2% !important;
height: 24vh !important;
bottom: 0.5vh !important;
left: 0 !important;
padding: 1.5rem 0.5rem 2rem 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
border: 1px solid red !important;
}
.ipc-page-grid__item.ipc-page-grid__item--span-2 .ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Photos"]{
/* border-top-color: red !important; */
/* border-bottom-color: red !important; */
}
/* RIGHT - DECOUV */
.ipc-page-grid__item.ipc-page-grid__item--span-1 {
position: fixed !important;
width: 28.5% !important;
height: 100vh !important;
top: 0vh !important;
right: -28.8vw !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000 !important;
transition: right ease 0.7s !important;
border: 1px solid red !important;
}
.ipc-page-grid__item.ipc-page-grid__item--span-1:hover {
position: fixed !important;
width: 28.5% !important;
height: 100vh !important;
top: 0vh !important;
right: 0vw !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000 !important;
transition: right ease 0.7s !important;
/* background: #111 !important; */
border: 1px solid red !important;
}
.ipc-page-grid__item.ipc-page-grid__item--span-1:not(:hover) .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup {
position: fixed !important;
top: 0vh !important;
right: 0vw !important;
padding: 3px 3px 3px 27px !important;
z-index: 5000 !important;
transform-origin: top right !important;
transform: scale(0.5) !important;
background: green !important;
/* border: 1px solid red !important; */
}
.ipc-page-grid__item.ipc-page-grid__item--span-1:not(:hover) .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup:before {
content: "◀" !important;
position: absolute !important;
height: 40px !important;
line-height: 40px !important;
top: 0.3vh !important;
left: 0.2vw !important;
/* padding: 3px 3px 3px 20px !important; */
font-size: 25px !important;
z-index: 5000 !important;
transform-origin: top left !important;
transform: scale(1) !important;
color: gold !important;
/* background: red !important; */
/* border: 1px solid red !important; */
}
.ipc-page-grid__item.ipc-page-grid__item--span-1:hover .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup {
position: fixed !important;
width: 29.5% !important;
height: 6vh !important;
line-height: 5.9vh !important;
margin: 1vh 0 0 !important;
top: -1vh !important;
right: 0vw !important;
border-radius: 0 0 0 5px !important;
z-index: 5000 !important;
background: white ;
border: 1px solid red !important;
}
/* RIGHT - FILM - LISTS */
.celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type{
position: fixed !important;
width: 29.3% !important;
height: 99vh !important;
top: 0vh !important;
right: -1rem !important;
padding : 0 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000000 !important;
border-bottom: 1px solid red !important;
}
.celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type .ipc-title.ipc-title--section-title.ipc-title--base.ipc-title--on-textPrimary {
position: sticky;
height: 5.9vh !important;
line-height: 5.9vh !important;
top: 0vh !important;
margin: 0 0 0.2rem 0 !important;
z-index: 5000000 !important;
background: white ;
border-radius: 0 0 0 5px !important;
border-left: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.ipc-chip-list--nowrap {
max-width: 100%;
overflow: hidden;
padding: 0.5rem 0 0 0 !important;
border-top: 1px solid red !important;
}
.celwidget[data-testid="Filmography"] .ipc-page-section.ipc-page-section--base:last-of-type .ipc-title.ipc-title--section-title.ipc-title--base.ipc-title--on-textPrimary .ipc-title__wrapper {
height: 5.9vh !important;
line-height: 5.9vh !important;
}
.ipc-accordion__item__header--sticky {
position: sticky;
top: 5.9vh !important;
z-index: 1 !important;
}
.ipc-accordion__item__chevron {
margin-right: 35px !important;
}
/* END - URL-PREF - 0- IMDb Compact - New Names Pages v.3 - URL-PREF ==== */
/* ==== END ==== */
}