FeaturedPost NineStream

March 04, 2023

Lihat video di atas untuk cara pemasangannya.
Script:

https://app.box.com/s/idt42g6gfw4n9ws8h2nuwpd9laf09dny

Paste CSS di atas ]]></b:skin>

CSS:

/* FeaturedPost */
.FeaturedPost{margin-inline:auto;padding-right:15px;padding-left:15px;max-width:1461px;}
.items{display:flex;align-items:center;position:relative;gap:3rem;border-radius:1rem;overflow:hidden;}
.image{filter:blur(12px) saturate(3);}
.items::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;z-index:2;background:linear-gradient(-90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 0,rgba(0,0,0,.9) 80%);}
.FeaturedPost .info{display:flex;gap:20px;position:absolute;padding:20px;z-index:5;align-items:center;width:100%;}
.FeaturedPost .snip{width:36%;}
.FeaturedPost .fluid-bg{flex:1;}
.FeaturedPost .bg-img{width:100%;border-radius:1rem;background-size:cover;position:relative;padding-bottom:45%;background-position:center center;background-repeat:no-repeat;}
.FeaturedPost .image{flex-grow:1;padding-bottom:30%;}
.FeaturedPost .image img{width:100%;object-fit:cover;border-radius:1rem;position:absolute;}
.FeaturedPost .post-title a{font-size:clamp(1rem,2.5vw,2rem);color:#fff;display:-webkit-box;text-transform:capitalize;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.FeaturedPost .synopsis{font-size:.9rem;color:#777;}
.meta.icons{display:flex;align-items:center;margin-bottom:10px;font-size:1rem;gap:10px;}
.actions{display:flex;align-items:center;}
.FeaturedPost .play{display:flex;align-items:center;font-size:1.3rem;padding-left:1rem;padding-right:1rem;}
.meta.icons i.rating{border:1.5px solid #aaa;font-weight:600;line-height:1.3em;height:1.5em;border-radius:.2em;padding:0 .3em;font-size:.65em;}
.meta.icons i.quality{font-weight:700;background:#aaa;line-height:1.5em;height:1.5em;padding:0 .3em;font-size:.65em;color:#0e0e0e;border-radius:.2em;display:inline-block;}
@media (max-width:1024px){.FeaturedPost .synopsis{display:none;}}
@media (max-width:756px){.FeaturedPost .fluid-bg .bg-img{padding-bottom:140%;}.FeaturedPost .snip{width:75%;}.FeaturedPost{padding:0;width:98%;}}