For a large screen: Reorganize the Movie page to watch all the principals Infos without scrolling.
当前为
/* ==UserStyle==
@name IMDb - Dark and Gray Simple v.1
@namespace https://greasyfork.org/fr/users/8-decembre?sort=updated
@version 01.0.0
@description For a large screen: Reorganize the Movie page to watch all the principals Infos without scrolling.
@author decembre
@license unlicense
==/UserStyle== */
@-moz-document domain("imdb.com"), domain("www.imdb.com") {
/* ==== 0- IMDb - Dark and Gray Simple v.1 - TEST FRESH ==== */
/* ==== COPMPACT */
/* SEARCH - RESULTS - GENRE TITLE LIST */
.lister-item.mode-advanced {
display: inline-block !important;
width: 100% !important;
font-size: 11px;
padding: 15px 20px;
}
.lister-item.mode-advanced .lister-item-image.float-left{
float: left !important;
clear: none !important;
margin: 0 !important;
/* border: 1px solid aqua !important; */
}
.lister-item.mode-advanced .lister-item-image.float-left + .lister-item-content {
float: right !important;
clear: none !important;
max-width: 84%;
padding: 4px 5px !important;
/* border: 1px solid red !important; */
}
/* ==== COLOR - ALL */
/* (new13) ===== 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;
} */
/* COLOR - BACKGROUND - BLACK LIGHT + TEXT + BORDER */
.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;
color: #fff !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;
}
/* (new13) COLOR - BACKGROUND - #111 */
/* #filmography .head, */
table.findList td.primary_photo {
background-color: #111 !important;
}
/* (new16) COLOR - BACKGROUND - #222 - ALL:INITIAL - all: initial !important; */
.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;
}
/* (new13) 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;
}
/* (new1) COLOR - BACKGROUND - #222 + TEXT- GRAY + BORDER #333 */
.recently-viewed ,
div.findMoreMatches ,
.article ,
.aux-content-widget-2,
.aux-content-widget-3,
.article.on-tv,
.aux-content-widget-4 {
color: gray !important;
background: #222 !important;
border: 1px solid #333 !important;;
}
/* (new16) 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;
}
.lister-item.mode-advanced:nth-child(odd) ,
.lister-item.mode-detail:nth-child(odd) ,
.list-preview.odd ,
.soda.odd {
color: gray !important;
background: #222 !important;
border: 1px solid #333 !important;;
}
.lister-item.mode-advanced:nth-child(even) ,
.lister-item.mode-detail:nth-child(even) ,
.even ,
.soda.even {
color: gray !important;
background: #333 !important;
border: 1px solid slategray !important;;
}
/* (new13) COLOR - SVG - CHANGE COLOR BY FILTER - BLACK TO PERU*/
.ipc-media--fallback svg.ipc-media__icon {
fill: blue !important;
color: red !important;
filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
}
.ipc-media--base::before {
background: rgba(17, 17, 17, 0.81);
}
/* (new13) COLOR - SVG - FILL - THUMB */
svg#iconContext-thumb-up {
fill: green !important;
}
svg#iconContext-thumb-down {
fill: red !important;
}
/* (new13) COLOR - TEXT WHITE */
.article h1.header span.itemprop ,
.article h1.findHeader span.findSearchTerm ,
.ipc-rating-star--maxRating ,
.ipc-list-card__content a > div > div > div,
.ipc-signpost.ipc-signpost--accent1.ipc-signpost--left-aligned + div ,
.ipc-metadata-list-item__list-content-item--subText ,
.ipc-title__description ,
.ipc-chip.ipc-chip--on-base ,
.ewdPHp ,
.ipc-metadata-list-item__label ,
.ipc-title__text ,
.ipc-html-content.ipc-html-content--base>div ,
.ipc-page-section.ipc-page-section--base.celwidget > div{
color: #fff !important;
}
/* (new16) COLOR - TEXT GRAY */
.text-primary ,
.lister-item-content span.text-primary ,
.text-muted ,
.subnav h4 ,
.article h1.header ,
.listo .header .nav .desc{
color: gray !important;
}
/* (new13) COLOR - TEXT - GOLD */
.ipc-rating-star--base ,
.ipc-title__subtext ,
.gwBsXc ,
.dbUarY ,
.ktSkVi ul,
.ipc-metadata-list.ipc-metadata-list--dividers-all.ipc-metadata-list--base{
color: gold !important;
}
/* (new13) COLOR - TXT / LINKS - PERU */
#personal-details>p>span>time ,
#personal-details>h3 ,
.rightcornerlink form select.fixed ,
.rightcornerlink span.filmo-show-hide-all ,
a.jFeBIw ,
a .esZWnh ,
a {
color: peru !important;
}
/* 0- IMDB - ROOT - ALL:INITIAL === */
#styleguide-v2, #styleguide-v2 #wrapper {
margin: auto;
min-width: 1008px;
position: static;
width: auto;
all: initial !important;
}
/* END === COLOR - ALL === */
}