Stream - Tolbek + Clones Widescreen + TMDB (USw) v.10

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.

目前為 2023-09-16 提交的版本,檢視 最新版本

/* ==UserStyle==
@name        Stream - Tolbek + Clones Widescreen + TMDB (USw) v.10 
@namespace   https://gf.qytechs.cn/en/users/8-decembre 
@version     100.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("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("zibroz.com"), domain("morvoz.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("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"), 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"), 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://gf.qytechs.cn/fr/scripts/463692-remplacer-div-par-card-et-ajouter-posters-sur-les-site-de-streaming
<a href="https://gf.qytechs.cn/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.10 (new10) ==== */

/* 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>
====== */

/*  SUPP LEFT PANEl */
.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);
background-color: #fff;
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-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: 42.38vh !important;
    width: 100% !important;
    margin-top: 0px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    transition-duration: 2s;
/* opacity: 0.2 !important; */
background: black !important;
}
/* (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%;
    height: 18px !important;
    width: 20px !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;
    width: 100%;
    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  ==== */
}

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址