IMDb Compact (Only New Names Pages) v.11 by decembre

Screenshot of IMDb Compact (Only New Names Pages) v.11

Details

Authordecembre

LicenseNo License

CategoryImdb, widescreen, wide screen, compact

Created2 years, 3 weeks ago

Updated1 month, 2 weeks ago

Size35 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Reorganize the new Name page of IMdb:
Take advantage of a WideScreen !

Notes

Reorganize the new Name page of IMdb:
More info in a glance
Less Waste spaces
Remove "PRO" things and some Popups.

With it, test too:

And BETTER:
Install the Merged ALL in ONE version [IMDb Compact (Only New Names Pages) + Dark and Gray Simple] into :

Support :
Add support for some useful Greasemonkey userscripts :

IMDb: Link 'em all! by buzz:
Adds all kinds of links to IMDb, customizable!
IMDb-Scout-Mod by
Purfview :
Adds too all kinds of links to IMDb, customizable!
GM "Add movie ratings to IMDB links [adopted]" by joeytwiddle (2022):
Seems worked fine for language set to English.
but not display its ratings very well when the page is set to an other language:
It try to fix that since v.6

Note:
Not Updated in userstyles.org, because the Userstyles.org's NEW Design became worst and worst.
Request done (2023.08)

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.

/* ==UserStyle==
@name           IMDb Compact (Only New Names Pages) v.11
@namespace      https://greasyfork.org/fr/users/8-decembre?sort=updated
@version        11.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/"), url-prefix("https://m.imdb.com/name/") {
/* ==== 0- IMDb Compact (Only New Names Pages) v.11 (new11) ==== */

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

/* (new8) - CHROME - BLUR THINGS */
section.ipc-page-background.ipc-page-background--base > .ipc-page-background .ipc-page-content-container .ipc-page-background  > div,

.fTsZdF {
    backdrop-filter: none !important;
}

/* TOTAL CONTAINER COLOR */
html {
    background: white ;
}
html {
    background: white ;
}

/* (new6) TOP STICKY */

/* (new6) TOP NAV - TEST STICKY */
nav#imdbHeader {
    position: fixed !important;
    top: 0vh !important;
/* background: red !important; */
}


/* (new6) ACTOR NAME - TEST STICKY */

/* (new11) TITLE NAME - CONTAINER - PADDING TOP */
section.ipc-page-background.ipc-page-background--base > .ipc-page-background .ipc-page-content-container .ipc-page-background:has([data-testid="hero-parent"]) {
    padding: 16vh 0 0 10px !important;
/* border-bottom: 1px solid aqua !important; */
}

/* (new6) TITLE NAME */
section.ipc-page-background.ipc-page-background--base > .ipc-page-background .ipc-page-content-container  .ipc-page-background .ipc-page-section > div:nth-child(2){
    position: fixed !important;
    width: 40.8vw !important;
    top: 6vh !important;
    z-index: 50000 !important;
background:#111 !important;
border-bottom: 1px solid red !important;
}

/* (new6) STICKY - SUB HEADER - SMALL CENTER  */
/* AWARDS */
.ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget[data-cel-widget="StaticFeature_Awards"] {
    position: sticky !important;
    display: inline-block !important;
    width: 39.2vw !important;
    top: 0vh !important;
    margin: 0vh 0 0vh 0 !important;
    padding: 1vh 0 0 0 !important;
    z-index: 1 !important;
background: white;
border-bottom: 1px dashed red !important;
/* border: 1px solid yellow !important; */
}
/* OTHERS */
.ipc-page-grid.ipc-page-grid--bias-left .ipc-page-section.ipc-page-section--base.celwidget:not([data-cel-widget="StaticFeature_Videos"]):not([data-cel-widget="StaticFeature_Photos"])  {
    padding: 0 0 10px 0.5rem !important;
margin: 0 0 0 10px !important;
border-bottom: 1px solid 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;
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;
}
.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 ;
}


/* (new11) FOR STICKY SUB HEADER - PB CITATIONS - :has([data-testid="hero-parent"]) */
.ipc-page-content-container--center:has(.ipc-page-grid) ,
.ipc-page-content-container--center:has([data-testid="hero-parent"]) {
    max-width: 41% !important;
    overflow: unset !important;
    overflow-x: unset !important;
    overflow-y: unset !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; */
/*background: brown !important;*/
/*border-right: 1px solid aqua !important; */
}


/* (neww11) ANECDOCTES / CITATIONS / OEUVRES / DIVERS*/
main.ipc-page-wrapper.ipc-page-wrapper--base:has([data-testid="sub-section-misc"]) ,
main.ipc-page-wrapper.ipc-page-wrapper--base:has([id^="quotes_"]) ,
main.ipc-page-wrapper.ipc-page-wrapper--base:has([id^="wrk"]) ,
main.ipc-page-wrapper.ipc-page-wrapper--base:has([id^="trivia_"]) {
    position: relative;
    min-height: 65vh !important;
    min-width: 300px;
background: transparent !important;
}

.ipc-page-wrapper section.ipc-page-background.ipc-page-background--baseAlt:has([data-testid="poster"])  hgroup:has([data-testid="title"]) {
    position: fixed;
    display: inline-block !important;
    width: 28% !important;
    height: 100% !important;
    min-height: 9vh !important;
    max-height: 9vh !important;
    left: 0% !important;
    top: 6vh !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    border-radius: 0 0 5px 5px !important;
    z-index: 500000000 !important;
    pointer-events: auto !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    
background: #111 !important;
border-left: 4px solid green !important;
}
.ipc-page-section.ipc-page-section--base:has([data-testid="sub-section-misc"]),
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 .ipc-page-grid.ipc-page-grid--bias-left  .ipc-page-grid__item.ipc-page-grid__item--span-2 >div  + .ipc-page-section.ipc-page-section--base {
    position: fixed;
    display: inline-block !important;
    width: 28% !important;
    height: 80vh !important;
    left: 0% !important;
    top: 15.1vh !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    border-radius: 0 0 5px 5px !important;
    z-index: 5 !important;
    pointer-events: auto !important;
    overflow: hidden !important;
    overflow-y: auto !important;
/*background: #111 !important;*/
border-left: 4px solid green !important;
}

/* SOUND - :has([data-testid="sub-section-misc"]) [data-testid="sub-section-sound"]  */
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 .ipc-page-grid.ipc-page-grid--bias-left .ipc-page-grid__item.ipc-page-grid__item--span-2 > div + .ipc-page-section.ipc-page-section--base > div:first-of-type + div[data-testid="sub-section-sound"],
.ipc-page-content-container--center:has([data-testid="sub-section-sound"]) [data-testid="sub-section-sound"] {
    position: fixed !important;
    display: inline-block !important;
    height: auto !important;
    min-width: 28% !important;
    max-width: 29% !important;
    margin: 0vh 0 0 0 !important;
    top: unset  !important;
    bottom: 5vh !important;
    left: unset !important;
    right: 0 !important;
    padding: 0 0px 0 0px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 50000000 !important;
    /*background: #111 !imp...

Reviews

No reviews yet.