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 v.1
@namespace https://greasyfork.org/en/users/8-decembre
@version 1.01
@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("tomacloud.com"), domain("toblek.com"), domain("galtro.com"), domain("wobno.com"), domain("yisera.com"), domain("limpod.com"), domain("tamdor.com"), domain("bofiaz.com"), domain("radego.com"), domain("trozam.com"), domain("abiov.com"), domain("crebya.com"), domain("ivmox.com"), domain("botidou.com"), domain("urmoon.com"), domain("datzio.com"), domain("rawdid.com"), domain("bonoov.com"), domain("zetmir.com"), domain("xoperi.com"), domain("yisera.com"), domain("jomvu.com"), domain("diagrim.com"), domain("nirbom.com"), domain("remenz.com"), domain("filriv.com"), domain("gopzay.com"), domain("fervap.com"), domain("eyobim.com"), domain("jexoom.com"), domain("rodroz.com"), domain("xepam.com"), domain("motezi.com"), domain("peralga.com"), domain("nimvon.com"), domain("treyim.com"), domain("wanveo.com"), domain("kanmav.com"), domain("sajbo.com"), domain("xitof.com"), domain("vavozi.com"), domain("mindooz.com"), domain("afzor.com"), domain("bipvo.com"), domain("sowdrip.com"), domain("yapeol.com"), domain("nidoron.com"), domain("apolma.com"), domain("irumax.com"), domain("dolbri.com"), domain("mirvoy.com"), domain("parmiv.com"), domain("kapmop.com"), domain("vitmox.com"), domain("binmir.com"), domain("dirmox.com"), domain("irdoz.com"), domain("avtod.com"), domain("zinbax.com"), domain("treyim.com"), domain("sajbo.com"), domain("komiav.com"), domain("lozicon.com"), domain("tiwzen.com"), domain("xevdaz.com"), domain("zadiro.com"), domain("uquaz.com"), domain("lakmoa.com"), domain("yeswani.com"), domain("moyeor.com"), domain("trobway.com"), domain("pifdi.com"), domain("barlox.com"), domain("kempox.com"), domain("ditroz.com"), domain("fovri.com"), domain("rotwi.com"), domain("nidroy.com"), domain("dadroz.com"), domain("abdov.com"), domain("omyfo.com"), domain("wonior.com"), domain("druvaz.com"), domain("clavior.com"), domain("epiog.com"), domain("piopar.com"), domain("sivtez.com"), domain("zidixo.com"), domain("bovmi.com"), domain("tratov.com"), domain("vagdi.com"), domain("zawox.com"), domain("grizox.com"), domain("mildip.com"), domain("zavrol.com"), domain("okvop.com"), domain("pilmov.com"), domain("obniv.com"), domain("wavob.com"), domain("extrabb.com"), domain("bambip.com"), domain("pijpa.com"), domain("ovtok.com"), domain("ivrom.com"), domain("waklov.com"), domain("redzor.com"), domain("dibrav.com"), domain("flazto.com"), domain("bovrom.com"), domain("davrip.com"), domain("framib.com"), domain("difiam.com"), domain("ridzov.com"), domain("netdov.com"), domain("flozor.com"), domain("choupox.com"), domain("framib.com"), domain("evdod.com"), domain("badrip.com"), domain("poblom.com"), domain("zaniob.com"), domain("sardip.com"), domain("rigrov.com"), domain("justdaz.com"), domain("voplav.com"), domain("vadraz.com"), domain("saypap.com"), domain("sabtam.com"), domain("grebak.com"), domain("brikstok.com"), domain("tivrod.com"), domain("takpok.com"), domain("nofza.com"), domain("zifub.com"), domain("katrov.com"), domain("dokral.com"), domain("rikmod.com"), domain("tobrok.com"), domain("naxpom.com"), domain("grogab.com"), domain("nopliv.com"), domain("votrob.com"), domain("redziv.com"), domain("tiblor.com"), domain("brorov.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.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 v.1 (new1) - TEST ==== */
/* REQUEST API KEY TMDB:
<a href="https://stackoverflow.com/questions/31047815/api-key-for-themoviedb-org">API key for themoviedb.org</a>
====== */
/* SUPP LEFT PANEl */
.column1 + .column2 {
display: none !important;
}
/* WIDE RIGHT PANEL */
.column1 {
display: inline-block !important;
float: none !important;
width: 100% !important;
padding: 5px !important;
/* border: 1px solid red !important; */
}
/* MOVIES CARDS */
.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;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #fff;
border: 1px solid #ccc;
background: #222 !important;
/* border: 1px solid red !important; */
}
/* (new50) 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;
}
/* (new50) MOVIE CARD - 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-color: #fff;
border: 1px solid #ccc;
background: #222 !important;
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; */
}
.movie-card:first-of-type .movie-info h3 {
display: inline-block !important;
float: left !important;
clear: none !important;
vertical-align: middle !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;
}
/* IN PLAYER PAGE */
.column1 > p:first-of-type ~ p[style^="text-align: "] + p[style^="text-align: left;"] + p + p, .article-content > p:first-of-type ~ p {
display: inline-block;
float: left;
clear: none;
width: 51.4% !important;
max-height: 323px;
min-height: 323px;
margin-bottom: 5px;
margin-left: 5px;
padding: 0;
/* border: 1px solid yellow !important; */
}
br + #dernieajouts.couleur1 {
display: inline-block;
height: 40vh !important;
margin-top: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition-duration: 2s;
}
/* MOVIES CARDSIN PLAYER PAGE */
br + #dernieajouts.couleur1 .movie-card {
float: left !important;
vertical-align: top;
width: 100% !important;
min-width: 6.3% !important;
max-width: 6.3% !important;
height: 23vh !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;
border: 1px solid #ccc;
/* border: 1px solid red !important; */
}
#dernieajouts.couleur1 .movie-card:hover {
transform: translateY(0px) !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
br + #dernieajouts.couleur1 .movie-poster {
position: relative;
width: 100% !important;
height: 14vh !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;
/* border: 1px solid red !important; */
}
br + #dernieajouts.couleur1 .movie-card .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.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;
}
/* === END ==== */
}