Reorganize the new Name page of IMdb:Take advantage for a Wide Screen (More infos in a glance...)
当前为
/* ==UserStyle==
@name IMDb Compact - New Names Pages v.3
@namespace https://greasyfork.org/fr/users/8-decembre?sort=updated
@version 03.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.3 - URL-PREF ==== */
/* (new3) START - URL-PREF - NAMES PAGES */
/* SUPP */
.cQZIoF.navbar__imdbpro-content ,
.jbJDWL .footer__sign-in{
display: none !important;
}
/* TOTAL CONTAINER COLOR */
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;
}
.eSmZzJ{
position: fixed !important;
width: 39.8vw !important;
top: 6vh !important;
z-index: 50000 !important;
background:#111 !important;
border-bottom: 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;
}
/* SMALL CENTER BOTTOM - RECENT - KEEP BACKGROUND BLACK */
main + section.ipc-page-background.ipc-page-background--baseAlt{
position: absolute !important;
display: inline-block !important;
max-width: 40% !important;
left: 30vw !important;
padding: 0.5rem !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;
}
/* SMALL - CENTER - FOOTER - KEEP BACKGROUND BLACK */
footer.imdb-footer.footer {
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:hover {
bottom: 0vh !important;
transition: all ease 0.7s !important;
background:#111 !important;
border: 1px solid red !important;
}
footer.imdb-footer.footer: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;
}
/* SMALL CENTER - CONTAINER */
.ipc-page-content-container--center {
max-width: 40% !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;
}
/* LEFT - FILMO GRAPHY SHORT */
.celwidget[data-testid="Filmography"] {
position: fixed !important;
width: 29.6% !important;
height: 100vh !important;
top: 0vh !important;
left: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000 !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;
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 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 !important;
}
/* LEFT - VIDEOS */
.ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Videos"]{
position: fixed !important;
width: 29.5% !important;
bottom: 26.5vh !important;
left: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
border: 1px solid red !important;
}
/* LEFT - PHOTO */
.ipc-page-section.ipc-page-section--base.celwidget[cel_widget_id="StaticFeature_Photos"]{
position: fixed !important;
width: 29.5% !important;
bottom: 0vh !important;
left: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
border: 1px solid 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;
top: 0vh !important;
right:0vw !important;
z-index: 5000 !important;
/* background: #111 !important; */
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.5% !important;
height: 100vh !important;
top: 0vh !important;
right: 0 !important;
padding-top: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000000 !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;
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;
}
.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: 5000000 !important;
}
.ipc-accordion__item__chevron {
margin-right: 35px !important;
}
/* END - URL-PREF - 0- IMDb Compact - New Names Pages v.3 - URL-PREF ==== */
/* ==== END ==== */
}