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