/* ==UserStyle==
@name Stream - Tolbek + Clones Widescreen + TMDB (USw) v.31
@namespace https://greasyfork.org/en/users/8-decembre
@version 310.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("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("seyav.com"), domain("epzir.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://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.31 ==== */
/* 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);
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; */
}
.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;
}
/* (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;
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 ==== */
}
