Skip to content

IMDb Compact - New Names Pages v.10 by decembre

Screenshot of IMDb Compact - New Names Pages v.10

Details

Authordecembre

LicenseNo License

CategoryImdb, widescreen, wide screen, compact

Created

Updated

Size32 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

Support :

Ideal companion of (Same version, in different places):

With it, You test test too (Same Version in different places):

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 - New Names Pages v.10
@namespace      https://greasyfork.org/fr/users/8-decembre?sort=updated
@version        10.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== */

/* ==== 0- IMDb Compact - New Names Pages v.10 - URL-PREF ==== */

/* (new25) START - URL-PREF - ALL PAGES - SUPP */
@-moz-document domain("imdb.com") {

/* SUPP MOBILE VERSION */
.ipc-page-background.ipc-page-background--baseAlt.inline20-page-background ,
/* (new26) POPUP OPTION LECT */
.ipc-promptable-base.ipc-promptable-dialog .ipc-promptable-base__auto-focus .ipc-promptable-base__content  > div > div[data-testid="p_ct"]  + div +div,
/* PRO */
#name-filmography-pro-chip ,
.ipc-metadata-list-item__label.ipc-metadata-list-item__label--link[href^="https://pro.imdb.com/"] , 
.ipc-btn[href^="https://pro.imdb.com/"] ,
#full_cast_title_pro_link ,
.navbar__imdbpro ,

.navbar__coachmark ,
.ipc-btn[href^="https://www.amazon"] ,
footer.imdb-footer .footer__sign-in  ,
.ipc-promptable-base.ipc-promptable-dialog.ipc-rating-prompt.enter-done ,
.ipc-btn[href^="/showtimes/"] ,
a.ipc-btn[href^="https://www.primevideo.com/"] ,
.navbar__coachmark ,
.scriptsOn body > div:first-of-type ,

.ipc-button[href^="https://www.primevideo.com/"] ,
.ipc-link[href^="https://pro.imdb.com/"] ,
.ipc-button[href^="https://www.amazon"] ,
#ProUpsellLink ,

.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;
}
/* (new26) END - URL-PREF - ALL - SUPP */
}

@-moz-document url-prefix("https://www.imdb.com/name/"), url-prefix("https://m.imdb.com/name/") {

/* ==== 0- IMDb Compact - New Names Pages - 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 */
/* (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; */
}
/* .navbar__inner{
    position: fixed !important;
    top: 0vh !important;
background: red !important;
border: 1px solid aqua !important;
} */
/* .ghNLnK {
    position: sticky !important;
    top: 0vh !important;
background: red !important;
border-top: 1px solid red !important;
} */

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

/* (new6) TITLE NAME - CONTAINER - PADDING TOP */
/* .lfxdqX.ipc-page-section, */
/* .kAEvnY.ipc-page-section:first-of-type, */
section.ipc-page-background.ipc-page-background--base > .ipc-page-background .ipc-page-content-container  .ipc-page-background {
    padding-top: 16vh !important;
/* border-bottom: 1px solid aqua !important; */
}
/* (new6) TITLE NAME */
/* .fOPwy , */
/* .eSmZzJ , */
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-top: 1px solid red !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;
}
/*:not([class*="textPrimary"]) */
/* .dSMHZT {
    display: none !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 ;
}
/* (new7) FOR STICKY SUB HEADER */
.ipc-page-content-container--center {
    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; */
/* border-right: 1px solid aqua !important; */
}
/* (new7) FOR STICKY SUB HEADER */
.eYYUWh {
    overflow: unset !important;
    overflow-x: unset !important;
    overflow-y: unset !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;
    posit...

Reviews

No reviews yet.