Adaptation de Stream - Tolbek + Clones Widescreen Pour "Remplacer div par card et ajouter posters sur les site de streaming [GreasyFork]". Celui-ci remplace les Titres des Films proposés par des cards et ajoute les posters depuis l'API The Movie Database.
/* ==UserStyle==
@name Stream - Tolbek + Clones Widescreen + TMDB (USw) v.93
@namespace https://greasyfork.org/en/users/8-decembre
@version 930.00
@author decembre
@description Adaptation de Stream - Tolbek + Clones Widescreen Pour "Remplacer div par card et ajouter posters sur les site de streaming [GreasyFork]". Celui-ci remplace les Titres des Films proposés par des cards et ajoute les posters depuis l'API The Movie Database.
@license GPL version 3 or any later version;
==/UserStyle== */
@-moz-document domain("boomycloud"), domain("pigraz.com"), domain("soponov.com"), domain("udriz.com"), domain("bradza.com"), domain("gomdax.com"), domain("yakwad.com"), domain("yarkam.com"), domain("prifaz.com"), domain("iramiv.com"), domain("fimior.com"), domain("daykaz.com"), domain("bovriz.com"), domain("tomacloud.com"), domain("toblek.com"), domain("vistrov.com"), domain("narmid.com"), domain("slatok.com"), domain("komrav.com"), domain("sopror.com"), domain("vokorn.com"), domain("dabzov.com"), domain("zambod.com"), domain("ovoob.com"), domain("baflox.com"), domain("rizlov.com"), domain("skimox.com"), domain("brodok.com"), domain("toswi.com"), domain("brikoz.com"), domain("avbip.com"), domain("zinroz.com"), domain("vadrom.com"), domain("ladrov.com"), domain("zivbod.com"), domain("wavmiv.com"), domain("voldim.com"), domain("sevrim.com"), domain("nakrab.com"), domain("maxtrab.com"), domain("fridmax.com"), domain("mivpak.com"), domain("alkiom.com"), domain("trodak.com"), domain("podvix.com"), domain("ozpov.com"), domain("zodrop.com"), domain("padlim.com"), domain("opkap.com"), domain("batkip.com"), domain("lekrom.com"), domain("lofroz.com"), domain("roplim.com"), domain("plokim.com"), domain("zaltav.com"), domain("mokrof.com"), domain("fosrak.com"), domain("krosov.com"), domain("izorp.com"), domain("tartog.com"), domain("ofziv.com"), domain("saftim.com"), domain("fevloz.com"), domain("ziprov.com"), domain("kikraz.com"), domain("drovoo.com"), domain("kejrop.com"), domain("chotrom.com"), domain("dorcho.com"), domain("imzod.com"), domain("borbok.com"), domain("sodpak.com"), domain("lamdop.com"), domain("rivbip.com"), domain("azrov.com"), domain("blorog.com"), domain("didraf.com"), domain("viabak.com"), domain("kradax.com"), domain("quepom.com"), domain("zodrok.com"), domain("balvoz.com"), domain("movbor.com"), domain("faskap.com"), domain("aksolv.com"), domain("vifip.com"), domain("lizdi.com"), domain("fianzax.com"), domain("tiviob.com"), domain("parlif.com"), domain("vrewal.com"), domain("brafzo.com"), domain("todrak.com"), domain("yavdi.com"), domain("zadriv.com"), domain("ovgap.com"), domain("sorbod.com"), domain("trochox.com"), domain("xodop.com"), domain("ravkom.com"), domain("pavdo.com"), domain("tetriv.com"), domain("zirkad.com"), domain("grozov.com"), domain("yalkaz.com"), domain("droskop.com"), domain("nokrom.com"), domain("bigbov.com"), domain("xadrop.com"), domain("zadrip.com"), domain("friloz.com"), domain("azkov.com"), domain("diprak.com"), domain("rodzop.com"), domain("yortom.com"), domain("smitav.com"), domain("fotrov.com"), domain("kibriv.com"), domain("ivrab.com"), domain("dofroz.com"), domain("fedzak.com"), domain("govrad.com"), domain("badzap.com"), domain("bremob.com"), domain("edkoz.com"), domain("topkiv.com"), domain("kedarp.com"), domain("abokav.com"), domain("lokarn.com"), domain("apirv.com"), domain("rodkov.com"), domain("lotriz.com"), domain("urmaz.com"), domain("farliz.com"), domain("faljam.com"), domain("mobzax.com"), domain("nozgap.com"), domain("zostaz.com"), domain("domgrav.com"), domain("malgrim.com"), domain("idvram.com"), domain("karvaz.com"), domain("lomiox.com"), domain("vredap.com"), domain("biapoz.com"), domain("kambad.com"), domain("pimtip.com"), domain("awdrip.com"), domain("dolorv.com"), domain("bazrof.com"), domain("sakmiz.com"), domain("sapraz.com"), domain("titrov.com"), domain("doksov.com"), domain("prifaz.com"), domain("movpom.com"), domain("pokoli.com"), domain("veksab.com"), domain("staklam.com"), domain("vizvop.com"), domain("ikfroz.com"), domain("votark.com"), domain("sibrav.com"), domain("obivap.com"), domain("alrav.com"), domain("odvib.com"), domain("instov.com"), domain("dubraz.com"), domain("toktav.com"), domain("dromoy.com"), domain("gabanov.com"), domain("valdap.com"), domain("zorbov.com"), domain("dopriv.com"), domain("rogzov.com"), domain("fakoda.com"), domain("prokiz.com"), domain("noprak.com"), domain("madroy.com"), domain("batiav.com"), domain("lakrof.com"), domain("iramiv.com"), domain("bramtiv.com"), domain("gofram.com"), domain("azmip.com"), domain("idivov.com"), domain("frimiv.com"), domain("kobiom.com"), domain("vogfo.com"), domain("yarkam.com"), domain("okmaz.com"), domain("rolbob.com"), domain("dapwop.com"), domain("trifak.com"), domain("dozbob.com"), domain("robluv.com"), domain("drikpo.com"), domain("pradav.com"), domain("morzid.com"), domain("kolrag.com"), domain("akroov.com"), domain("folmiv.com"), domain("yakriv.com"), domain("savrod.com"), domain("fusov.com"), domain("fimior.com"), domain("lajma.com"), domain("xabriv.com"), domain("brimav.com"), domain("yisera.com"), domain("yisera.com"), domain("kidraz.com"), domain("yisera.com"), domain("vadbak.com"), domain("adivak.com"), domain("pilkol.com"), domain("brozlo.com"), domain("padolmi.com"), domain("edmiv.com"), domain("rodorm.com"), domain("niztal.com"), domain("okrami.com"), domain("yepmiv.com"), domain("ilmiv.com"), domain("robrov.com"), domain("albrad.com"), domain("dipdri.com"), domain("driviv.com"), domain("deksov.com"), domain("fonzir.com"), domain("govioz.com"), domain("ipdro.com"), domain("kanrak.com"), domain("moovbob.com"), domain("nodrav.com"), domain("ralzom.com"), domain("ritrom.com"), domain("tokrav.com"), domain("tosnov.com"), domain("vorviz.com"), domain("wifrad.com"), domain("xerov.com"), domain("zakmav.com"), domain("zavzip.com"), domain("zinzov.com") {
/* FOR GM "Remplacer div par card et ajouter posters sur les site de streaming" by matt1x (2023):
https://greasyfork.org/fr/scripts/463692-remplacer-div-par-card-et-ajouter-posters-sur-les-site-de-streaming
<a href="https://greasyfork.org/fr/scripts/463692-remplacer-div-par-card-et-ajouter-posters-sur-les-site-de-streaming">Remplacer div par card et ajouter posters sur les site de streaming</a>
=== */
/* ==== 0- Stream - Tolbek Clones Widescreen + TMDB (USw) v.93 ==== */
/* LAST VERSION AUTO UPDATE onn Userstyles.org - 20230727.18.24 */
/* REQUEST API KEY TMDB:
<a href="https://stackoverflow.com/questions/31047815/api-key-for-themoviedb-org">API key for themoviedb.org</a>
====== */
/* (new93) SUPP */
#pop-content ,
.column1[style="background-color:#202020;"] #animated-banner,
#animated-banner,
.column1 + .column2 {
display: none !important;
}
/* (new6) WIDE RIGHT PANEL - ALL */
.column1 {
display: inline-block !important;
float: none !important;
width: 100% !important;
padding: 5px 5px 0 5px !important;
/* border: 1px solid red !important; */
}
/* MOVIES CARDS - ALL */
.movie-card {
float: left !important;
vertical-align: top;
width: 100% !important;
min-width: 10.75% !important;
max-width: 10.75% !important;
height: 32.5vh !important;
margin: 0 4px 4px 0 !important;
padding: 3px !important;
border-radius: 5px;
text-align: center;
/* transition: transform 0.3s ease 0s; */
transition: unset !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border: 1px solid #ccc;
background: #222 !important;
/* border: 1px solid red !important; */
}
/* (new6) MOVIE CARD - VISITED */
.movie-card a .movie-poster {
border: 1px solid #333 !important;
}
.movie-card a:visited .movie-poster {
border: 1px solid green !important;
}
.movie-card a:visited .movie-info h3 {
color: tomato !important;
}
.movie-card:hover {
transform: translateY(-5px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.movie-poster {
position: relative;
width: 100%;
height: 23vh !important;
border-radius: 5px;
overflow: hidden;
/* border: 1px solid aqua !important; */
}
.movie-poster img {
display: block;
height: 100% !important;
width: 100%;
transition: transform 0.3s ease 0s;
object-fit: contain !important;
}
.movie-info {
float: left !important;
height: 6vh !important;
width: 100% !important;
margin: 5px 0 0 0 !important;
/* border: 1px solid red !important; */
}
.movie-info h3 {
float: left !important;
clear: none !important;
width: 100% !important;
height: 6vh !important;
line-height: 0.9rem !important;
margin: 0 0 2px 0 !important;
font-size: 0.8rem !important;
font-weight: bold;
color: #000000;
color: peru !important;
}
.movie-info p {
float: left !important;
margin: 0;
font-size: 14px;
color: #777;
}
/* (new2) MOVIE CARD - PLAYER - FIRST */
.movie-card:first-of-type {
float: left !important;
vertical-align: top;
width: 100% !important;
min-width: 42.50% !important;
max-width: 42.50% !important;
height: 32.5vh !important;
margin: 0 16px 4px 10px !important;
padding: 3px !important;
border-radius: 5px;
text-align: center;
transition: transform 0.3s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background: #111 !important;
border: 1px solid red !important;
}
.movie-card:first-of-type .movie-poster {
position: relative;
float: left !important;
clear: none !important;
width: 49% !important;
height: 31.5vh !important;
padding: 10px !important;
border-radius: 5px;
overflow: hidden;
/* border: 1px solid aqua !important; */
}
.movie-card:first-of-type .movie-poster img {
display: block;
height: 100% !important;
width: 100%;
transition: transform 0.3s ease 0s;
object-fit: contain !important;
}
.movie-card:first-of-type .movie-info {
float: right !important;
clear: none !important;
height: 18vh !important;
width: 50% !important;
margin: 9vh 0 0 0 !important;
/* border: 1px solid red !important; */
}
/* COR - FLOAT */
.movie-card:first-of-type .movie-info h3 {
display: block !important;
float: left !important;
clear: none !important;
width: 100% !important;
height: 18vh !important;
line-height: 2rem !important;
margin: 0 0 2px 0 !important;
font-size: 2rem !important;
font-weight: bold;
color: #000000;
color: peru !important;
}
.movie-card:first-of-type .movie-info p {
float: left !important;
margin: 0;
font-size: 14px;
color: #777;
}
/* (new2) MENU BOTTOM - IN PLAYER - DISPLAY NONE */
br + #dernieajouts.couleur1 center#dernieresajouts {
position: fixed;
/* display: inline-block !important; */
display: none !important;
height: 20px !important;
width: 25px !important;
bottom: 0 !important;
right: 35px !important;
text-align: center !important;
z-index: 5000000 !important;
background-color: red !important;
border: 1px solid red !important;
}
br + #dernieajouts.couleur1 center#dernieresajouts #navWrap {
display: inline-block !important;
width: 100%;
width: 20px !important;
height: 18px !important;
padding: 0 !important;
text-align: center !important;
background-color: #2a2a2a;
}
/* (new2) PLAYER - OPACITY */
br + #dernieajouts.couleur1 {
transition-duration: 2s;
/* opacity: 0.5 !important; */
/* background: linear-gradient(to bottom, hsla(0,0%,1%,1) 0%,hsla(0,0%,7%,1) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
br + #dernieajouts.couleur1:not(:hover) .movie-card:not(:first-of-type) {
transition: opacity ease 0.7s !important;
transition-duration: 2s;
opacity: 0.8 !important;
/* filter: opacity(0.1) !important; */
filter: grayscale(1) brightness(0.15);
/* background: red !important; */
}
br + #dernieajouts.couleur1:hover .movie-card:not(:first-of-type) {
transition: opacity ease 0.7s !important;
transition: filter ease 0.7s !important;
transition-duration: 2s;
opacity: 1 !important;
/* background: red !important; */
}
#dernieajouts.couleur1 .movie-card:hover {
transform: translateY(0px) !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
/* (new2) MOVIES CARDS - PLAYER PAGE/ AFFICHE - NO ORIGINAL LINKS */
.row .column1[style^="background-color:"] > b ~ #hann ,
.column5 + .column1 #hann ,
.column1 #hann {
display: none !important;
}
/* (new2) MOVIES CARDS - IN PLAYER */
br + #dernieajouts.couleur1 .movie-card {
/* float: left !important; */
display: inline-block !important;
vertical-align: top;
width: 100% !important;
min-width: 6.5% !important;
max-width: 6.5% !important;
height: 21vh !important;
margin: 0 2px 2px 0 !important;
padding: 3px !important;
border-radius: 5px;
text-align: center;
transition: transform 0.3s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #111 !important;
border: 1px solid #ccc;
/* border: 1px solid aqua !important; */
}
br + #dernieajouts.couleur1 .movie-poster {
position: relative;
width: 100% !important;
height: 13vh !important;
padding: 0 !important;
border-radius: 5px;
overflow: hidden;
/* border: 1px solid aqua !important; */
}
br + #dernieajouts.couleur1 .movie-card .movie-poster img {
display: block;
height: 100% !important;
width: 100%;
transition: transform 0.3s ease 0s;
object-fit: contain !important;
}
br + #dernieajouts.couleur1 .movie-card .movie-info {
float: left !important;
height: 6vh !important;
width: 100% !important;
margin: 5px 0 0 0 !important;
}
br + #dernieajouts.couleur1 .movie-card .movie-info h3 {
float: left !important;
clear: none !important;
width: 100% !important;
height: 5vh !important;
line-height: 0.9rem !important;
margin: 0 0 2px 0 !important;
font-size: 0.75rem !important;
font-weight: bold;
color: #000000;
}
br + #dernieajouts.couleur1 .movie-card .movie-info p {
float: left !important;
margin: 0;
font-size: 0.7rem !important;
color: #777;
}
/* (new2) IN AFFICHE */
.row .column1[style^="background-color:"] > b ~ .movie-card {
/* float: left !important; */
display: inline-block !important;
vertical-align: top;
width: 100% !important;
min-width: 8.75% !important;
max-width: 8.75% !important;
height: 32.5vh !important;
margin: 0 6px 4px 0 !important;
padding: 3px !important;
border-radius: 5px;
text-align: center;
transition: transform 0.3s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
/* (new2) FIRST CARD - LARGE - IN AFFICHE */
.row .column1[style^="background-color:"] > b ~ .column20 + .movie-card {
display: inline-block !important;
vertical-align: top;
width: 100% !important;
min-width: 26.85% !important;
max-width: 26.85% !important;
height: 32.5vh !important;
margin: 0 6px 4px 0 !important;
padding: 3px !important;
border-radius: 5px;
text-align: center;
transition: transform 0.3s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #111 !important;
/* border: 1px solid #ccc; */
/* border: 1px solid tomato !important; */
}
.row .column1[style^="background-color:"] > b ~ .movie-card:hover ,
.row .column1[style^="background-color:"] > b ~ .movie-card:hover .movie-poster img {
transform: unset !important;
}
.row .column1[style^="background-color:"] > b ~ .column20 + .movie-card .movie-poster {
position: relative;
float: left;
height: 100% !important;
height: 32vh !important;
width: 40% !important;
margin: 0 0 0 0 !important;
border-radius: 5px;
overflow: hidden;
/* border: 1px solid aqua !important; */
}
.row .column1[style^="background-color:"] > b ~ .column20 + .movie-card .movie-info {
float: right !important;
height: 100% !important;
height: 32vh !important;
width: 60% !important;
margin: 0 0 0 0 !important;
/* border: 1px solid olive !important; */
}
.row .column1[style^="background-color:"] > b ~ .column20 + .movie-card .movie-info h3 {
display: inline-block !important;
vertical-align: top;
float: none !important;
clear: none;
width: 100%;
height: 29vh !important;
line-height: 1.9rem !important;
margin: 0 0 2px !important;
padding: 11vh 5px 0 5px !important;
font-size: 1.8rem !important;
font-weight: bold;
color: peru;
/* border: 1px solid olive !important; */
}
/* === END ==== */
}