Authordecembre
LicenseNo License
CategoryImdb, dark and gray, dark
Created
Updated
Size14 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Dark and Gray ... Simply ....
Ideal companion of "IMDb Compact Movie Page + GM Tweaks" (Same version, in different places):
AND "IMDb Compact - New Names Page":
IMDb - Dark and Gray Simple (Same version in different places):
/* ==UserStyle==
@name IMDb - Dark and Gray Simple v.11
@namespace https://greasyfork.org/fr/users/8-decembre?sort=updated
@version 11.0.0
@description Dark and Gray Simply...
@author decembre
@license unlicense
==/UserStyle== */
@-moz-document domain("imdb.com"), domain("www.imdb.com") {
/* ==== 0- IMDb - Dark and Gray Simple v.10 (new10) - TEST FRESH ==== */
/* 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;
==== */
/* ==== COLOR - ALL */
/* (new8) ===== COLOR ===== */
:root {
--ipt-base-rgb: 0,0,0 !important;
--ipt-on-base-rgb: 255,255,255 !important;
--ipt-base-shade3-rgb: 0,0,0 !important;
--ipt-on-base-accent2-rgb: 0,190,250 !important;
}
/* #root {
background: red !important;
} */
/* (new8) COLOR - BUTTON - #333 + OPACITY - :not([href^="https://help.imdb.com/article/imdb/discover-watch/"]) */
.ipc-btn.ipc-btn--full-width.ipc-btn--left-align-content.ipc-btn--large-height.ipc-btn--core-accent1.ipc-btn--theme-baseAlt ,
.ipc-title__actions ,
.ipc-btn[href^="https://contribute.imdb.com/"] {
opacity: 0.6 !important;
pointer-events: auto !important;
background: rgb(221, 178, 22) !important;
background: #333 !important;
}
.ipc-btn.ipc-btn--full-width.ipc-btn--left-align-content.ipc-btn--large-height.ipc-btn--core-accent1.ipc-btn--theme-baseAlt:hover ,
.ipc-title__actions:hover ,
.ipc-btn[href^="https://contribute.imdb.com/"]:hover {
opacity: 1 !important;
/* border: 1px solid gray !important; */
/* background: #222 !important; */
}
.ipc-btn.ipc-btn--full-width.ipc-btn--left-align-content.ipc-btn--large-height.ipc-btn--core-accent1.ipc-btn--theme-baseAlt {
color: grey !important;
}
/* (new4) COLOR - BACKGROUND - DARK IMDB- Near #222: */
.celwidget[data-testid="Filmography"] ,
#ipc-wrap-background-id ,
.celwidget[data-testid="Filmography"],
.celwidget[data-testid="Filmography"][data-cel-widget="StaticFeature_Filmography"] {
background: #1f1f1f !important;
}
/* (new5) COLOR - BACKGROUND - DARK LINEAR-GRADIENT IMDB - Near #222: */
.ipc-page-background--baseAlt ,
#ipc-wrap-background-id, .celwidget[data-testid="Filmography"],
.celwidget[data-testid="Filmography"][data-cel-widget="StaticFeature_Filmography"] ,
.ipc-page-content-container--center .ipc-page-background.ipc-page-background--base.jtTbgg ,
.ipc-page-content-container--center {
background: #1f1f1f !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; */
}
/* (new2) COLOR - BACKGROUND - BLACK */
.ezIlqu.ipc-page-background--baseAlt {
background: black !important;
}
/* (new11) COLOR - BACKGROUND - BLACK LIGHT (#1d2124) - NO TEXT / BORDER / BOX SHADOW */
#wrapper #pagecontent div[class^="aux-content-widget-"] {
background: #1d2124 !important;
}
div[class^="aux-content-widget-"] {
background-color: #1d2124 !important;
}
/* (new11) COLOR - BACKGROUND - BLACK LIGHT (#1d2124) + TEXT + BORDER - + BOX SHADOW AROUND rgba(0, 0, 0, 0.3)*/
/* #sidebar > div.aux-content-widget-2 , */
.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; */
border-color: #222 !important;
color: #fff !important;
/* BOX SHADOW AROUND - TEST */
box-shadow: -3px -3px 3px rgba(230, 224, 224, 0.08) !important;
box-shadow: inset 2px 2px 2px 2px red !important;
box-shadow: 0px -1px 2px 1px rgba(0, 0, 0, 0.3), 1px 1px 3px 1px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px rgba(0, 0, 0, 0.3) inset !important;
/* JUST INSET */
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3) inset !important;
}
/* (new13) COLOR - BACKGROUND - rgb(30, 32, 34) */
.ipc-page-section.ipc-page-section--base {
Background: rgb(30, 32, 34) !important;
}
/* COLOR - BACKGROUND IMAGE - GRADIENT - DIVERS */
#filmography .head {
background-image: -webkit-linear-gradient(bottom, #333 0%, #222 50%);
text-shadow: unset !important;
}
/* COLOR - BACKGROUND IMAGE - 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;
}
/* (new8) COLOR - BACKGROUND IMAGE - GRADIENT - ELLIPSIS VERTICAL - TRANSPARENT to BLACK */
.lister-list .lister-item .gradient-container {
background: transparent linear-gradient(transparent, #111) repeat scroll 0 0 !important;
}
/* (new11) COLOR - BACKGROUND - #111 */
#content-2-wide::before ,
main.ipc-page-wrapper--base .ipc-page-content-container.ipc-page-content-container--full > .ipc-page-background.ipc-page-background--base > .ipc-page-background.ipc-page-background--baseAlt > .ipc-page-content-container.ipc-page-content-container--center:last-of-type> section > section > div:last-of-type ,
.ipc-page-section.ipc-page-section--baseAlt.ipc-page-section--tp-none.ipc-page-section--bp-xs > div:last-of-type ,
.ipc-page-wrapper.ipc-page-wrapper--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-grid ,
.ipc-page-wrapper.ipc-page-wrapper--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-grid.ipc-page-grid--bias-left [data-testid="video-info-container"],
.ipc-page-wrapper.ipc-page-wrapper--baseAlt .ipc-page-content-container.ipc-page-content-container--center .ipc-page-grid.ipc-page-grid--bias-left ,
.celwidget[data-testid="VideoInfo"] ,
.iDwMSU ,
.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"]) .ipc-title--section-title ,
#imdbHeader ,
.ipc-page-grid__item.ipc-page-grid__item--span-1:hover ,
.ipc-page-grid__item.ipc-page-grid__item--span-1:hover .nas-slot + .ipc-page-section:first-of-type > .ipc-title> hgroup ,
.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 ,
.drawer.hamburger__drawer.imdb-header__nav-drawer ,
.eSmZzJ ,
table.findList td.primary_photo {
background-color: #111 !important;
}
/* (new11) COLOR - BACKGROUND - #222 - ALL:INITIAL - all: initial !important; */
.DocumentationLayout_pageWrapper__MFm0_ ,
.listo .header .nav ,
.fixed ,
body#styleguide-v2 #wrapper[style="background: 000000 !important"] ,
html ,
html.scriptsOn ,
html body#styleguide-v2.fixed #wrapper[style="background: 000000 !important"] ,
html body#styleguide-v2 #wrapper[style="background: 000000 !important"] ,
html #wrapper[style="background: 000000 !important"] ,
html #wrapper ,
html body#styleguide-v2 ,
html body#styleguide-v2.fixed ,
html body#styleguide-v2 #wrapper ,
html body#styleguide-v2.fixed #wrapper {
all: initial !important;
background-color: #222 !important;
background-image: unset !important;
background-attachment: unset !important;
background-clip: unset !important;
background-origin: unset !important;
background-position: unset !important;
background-repeat: unset !important;
background-size: unset !important;
}
/* (new4) COLOR - BACKGROUND - #333 */
.article.name-overview.with-hero .name-overview-widget #prometer_container ,
#prometer #meterRank ,
#pagecontent ,
.ipc-poster-card.ipc-poster-card--base.ipc-poster-card--dynamic-width.ipc-sub-grid-item.ipc-sub-grid-item--span-2 {
Background: #333 !important;
}
/* (new13) COLOR - BACKGROUND #333 + BACKGOUD IMAGE */
#prometer {
background-color: #333 !important;
box-shadow: -1px 2px 5px #222 !important;
}
/* (new11) COLOR - BACKGROUND - #222 + TEXT- GRAY + BORDER #333 */
:not(pre) > code ,
.recently-viewed ,
div.findMoreMatches ,
.article ,
.article.on-tv {
color: gray !important;
background: #222 !important;
border: 1px solid #333 !important;;
}
/* (new9 - BACKGROUD with IMG */
.list_item div.image a.add-image {
background-color: #111 !important;
}
.hover-over-image.zero-z-index.no-ep-poster .add-image +div ,
.add-image-container.episode-list {
background-color: #111 !important;
}
/* (new11) BACKGROUND - ZEBRA */
/* .odd ,
.filmo-category-section .filmo-row.odd {
background: #333 !important;
border: 1px solid #333;
color: gray;
} */
/* .even ,
.devitem.even ,
.filmo-category-section .filmo-row.even {
background: #222 !important;
border: 1px solid #333;
color: gray;
}
*/
/* ODD */
table.chart tbody tr:nth-child(odd) ,
.ipc-metadata-list-summary-item:nth-child(odd) ,
.filmo-category-section .filmo-row.odd ,
.ipl-zebra-list__item:nth-child(odd) ,
/* .lister-item.mode-advanced:nth-child(odd) , */
.lister-item:nth-child(odd) ,
.list-preview.odd ,
.devitem.odd ,
.soda.odd ,
.odd {
color: gray !important;
background: #222 !important;
/* border: 1px solid green !important; */
border: 1px solid transparent !important;
border-bottom: 1px solid black !important;
border-top: 1px solid #3c3c3c !important;
}
/* EVEN */
table.chart tbody tr:nth-child(even) ,
.ipc-metadata-list-summary-itemn:nth-child(even) ,
.filmo-category-section .filmo-row.even ,
.ipl-zebra-list__item:nt...