File manager

File manager - Edit - /home/contenidosenred/public_html/OD/wp-content/plugins/streamit-extensions/assest/css/style1.css

Back
/* Template: Streamit - Responsive Bootstrap 4 Template Author URI: https://iqonic.design/ Design and Developed by: https://iqonic.design/ NOTE: This file contains the styling for responsive Template. / /================================================ [ Table of contents ] ================================================ :: Buttons Design :: Title :: Main Slider :: Pages Content :: favorites-slider :: movie-content :: trending-slider :: parallax block :: topten-contens :: movie-detail :: seasons :: tvshows :: profile :: flatpickr :: Animation :: Shadow :: Grid Css :: favorites-slider :: Upcoming Movies :: Trending Tab ====================================== [ End table content ] ======================================/ :root { --iq-primary: #e50914; --iq-primary-hover: #bf000a; --iq-light-primary: #d7d3f8; --iq-secondary: #6c757d; --iq-white-color: #ffffff; --iq-black-color: #000000; --iq-title-text: #23203c; --iq-body-text: #D1D0CF; --iq-body-bg: #141414; --iq-bg1: #191919; --iq-body-border: #393750; --iq-gold: #E6C75F; --iq-black: #000000; --iq-white-light-color: #eff1fe; --iq-sub-title-color: #4e87f2; --iq-light-blue-color: #ebf1fe; --iq-warning-color: #ff0000; --iq-success-color: #398f14; --iq-form-gradient-color: rgba(11, 1, 2, 0); --iq-to-gradient-color: rgba(255, 55, 65, 0.3); } /---------------------------------------------- Buttons Design ------------------------------------------------/ .btn.iq-btn-small { font-size: 13px; padding: 10px 20px; } .btn.iq-btn-medium { font-size: 16px; padding: 15px 30px; } .btn.iq-btn-large { font-size: 18px; padding: 20px 40px; } .btn.iq-btn-extra-large { font-size: 20px; padding: 25px 50px; } .btn.iq-btn-round { border-radius: 30px !important; overflow: hidden; } .btn.iq-btn-semi-round { border-radius: 5px !important; overflow: hidden; } .btn.iq-btn-circle { border-radius: 50% !important; overflow: hidden; } .btn.iq-btn-outline { outline: 2px solid var(--iq-black) !important; } .btn, .iq-button { padding: 8px 16px; position: relative; display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0 !important; cursor: pointer; z-index: 4; } .btn-hover { background: var(--iq-primary-hover); border: 1px solid var(--iq-primary-hover); color: var(--iq-white-color); transition: color 0.3s ease; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; border-radius: 5px; } .btn-hover:before, .iq-button:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--iq-primary); border: 1px solid var(--iq-primary); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; transition: transform 0.3s ease-out; -webkit-transition: transform 0.3s ease-out; } .iq-button:hover:before, .iq-button:focus:before, .iq-button:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } .iq-button.btn { padding: 12px 24px; text-transform: uppercase; letter-spacing: 1.5px; } .hover-buttons .btn { padding: 8px 16px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; } .btn-hover:hover, .btn-hover:focus, .btn-hover:active, .iq-button:hover, .iq-button:focus, .iq-button:active { color: var(--iq-white-color); } .btn-hover:focus { box-shadow: none !important; } .btn-hover:hover:before, .btn-hover:focus:before, .btn-hover:active:before, .iq-button:hover:before, .iq-button:focus:before, .iq-button:activer:before { -webkit-transform: scaleX(0); transform: scaleX(0); } .btn-outline-primary { background: transparent; border: 2px solid var(--iq-primary); color: var(--iq-primary); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .btn-outline-primary:hover { background: var(--iq-primary-hover) !important; border: 2px solid var(--iq-primary-hover); color: var(--iq-white-color); box-shadow: none; } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; } .btn-primary.focus, .btn-primary:focus { box-shadow: none; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background: var(--iq-primary); border-color: var(--iq-primary); } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: var(--iq-primary); background: transparent; border-color: var(--iq-primary); } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: none; } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none; } button:focus { outline: none; } .iq-button.iq-btn-link { background: transparent; color: var(--iq-primary); padding: 0; } .iq-button.iq-btn-link:before { display: none; } .iq-button.iq-btn-link:hover { color: var(--iq-primary); text-decoration: none; } .btn-transparent.iq-btn-link { background: transparent; color: var(--iq-white-color); padding: 9px 30px; position: relative; display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0 !important; cursor: pointer; z-index: 4; } .btn-transparent.iq-btn-link:hover { color: var(--iq-primary-hover); } /---------------------------------------------- Title ------------------------------------------------/ .iq-title-box { margin-bottom: 20px; } .iq-title-box .iq-title-desc { margin: 10px 0 0; } .iq-main-header { margin-bottom: 1.25em; } .iq-view-all { font-weight: 700; } /-------------------------------------------------------------- Main Slider --------------------------------------------------------------/ .home-slider ul.slick-dots { bottom: 30px; } .home-slider .slick-dots li { height: auto; width: auto; } .home-slider .slick-dots li button { height: 2px; width: 30px; background: rgba(229, 9, 20, 0.4); padding: 0; } .home-slider .slick-dots li.slick-active button { background: var(--iq-primary); } .home-slider li { position: relative; } .home-slider .container { padding: 0px 15px; } .slider-description { position: absolute; top: 15%; left: 80px; } .home-slider h1.slider-text { font-size: 80px; font-weight: 800; margin: 15px 0 0; } .home-slider p { margin: 20px 0; width: 600px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .home-slider .trending-list { margin: 0 0 1.875em 0; } .home-slider .slick-bg { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; width: 100%; height: 100vh; position: relative; z-index: 1; } .slider-ratting ul li { margin-right: 5px; } .home-slider .slick-bg.s-bg-1 { background-image: url(../img/slider/slider1.jpg); } .home-slider .slick-bg.s-bg-2 { background-image: url(../img/slider/slider2.jpg); } .home-slider .slick-bg.s-bg-3 { background-image: url(../img/slider/slider3.jpg); } .trailor-video { margin: 0 auto; text-align: center; } .channel-name { color: var(--iq-primary); font-size: 20px; margin-left: 10px; letter-spacing: 2.5px; font-weight: 500; } .c-logo { width: 8.125em; } .channel-logo { border-left: 5px solid var(--iq-primary); background: transparent linear-gradient(270deg, var(--iq-form-gradient-color) 0%, var(--iq-to-gradient-color) 100%); padding: 0.625em 0.625em 0.625em 0.938em; width: 15.938em; position: relative; overflow: hidden; } .circle { stroke: var(--iq-white-color); stroke-dasharray: 650; stroke-dashoffset: 1300; -webkit-transition: all 0.5s ease-in-out; } .playbtn { display: inline-block; -webkit-transition: all 0.5s ease; } .playbtn .triangle { -webkit-transition: all 0.7s ease-in-out; stroke-dasharray: 240; stroke-dashoffset: 480; stroke: var(--iq-white-color); transform: translateY(0); } .playbtn:hover .triangle { stroke-dashoffset: 0; opacity: 1; stroke: var(--iq-primary); animation: trailorPlay 0.7s ease-in-out; } .playbtn:hover .circle { stroke-dashoffset: 0; stroke: var(--iq-primary); } .w-trailor { font-size: 1.250em; text-transform: uppercase; letter-spacing: 3.5px; font-weight: 400; color: var(--iq-white-color); margin-left: 15px; vertical-align: middle; } .slider-inner { position: relative; overflow: hidden; width: 100%; } .big-title { font-weight: 800; background: url('../img/texure.jpg'); background-repeat: repeat-x; background-position: 100% 100%; color: transparent; -webkit-font-smoothing: antialiased; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /--------------------------------------------------------------------- favorites-slider -----------------------------------------------------------------------/ .favorites-slider { overflow: visible; } .top-ten-slider-nav .slick-list { overflow: visible; margin-bottom: 40px !important; } .favorites-slider .slick-list { overflow: visible; margin-bottom: 6.25em !important; } .favorites-slider li.slide-item { float: left; width: 25%; } .favorites-slider .slick-list { overflow: visible; } li.slide-item { position: relative; padding: 0px 0.625em; } li.slide-item .block-images { position: relative; width: 100%; transition: all 0.45s ease 0s; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; } li.slide-item:hover .block-images { overflow: visible; } li.slide-item:hover .block-images .img-box { position: relative; } li.slide-item:hover .block-images { z-index: 99; transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); -o-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9); } .block-social-info { position: absolute; top: 0; left: auto; bottom: 0; right: 1.563em; z-index: 999; display: flex; align-items: center; opacity: 0; } .music-play-lists li { height: 30px; width: 30px; line-height: 35px; text-align: center; background: rgba(255, 255, 255, 0.30); border-radius: 50%; margin: 0 auto 7px; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; } .music-play-lists .iq-like-btn, .music-play-lists span { position: relative; display: block; height: 20px; width: 20px; line-height: 26px; font-size: 12px; text-align: center; background: var(--iq-white-color); color: var(--iq-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; justify-content: center; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; cursor: pointer; } .music-play-lists li:hover .iq-like-btn, .music-play-lists li:hover span { background: var(--iq-primary); color: var(--iq-white-color); transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } .block-social-info .music-play-lists .iq-like-btn .count-box { height: 15px; width: 15px; line-height: 15px; font-size: 8px; background: var(--iq-primary); color: var(--iq-white-color); position: absolute; right: 0; top: 15px; padding: 0; text-align: center; } .block-description { position: absolute; left: 1.563em; top: 0; bottom: 0; z-index: 999; display: flex; justify-content: center; flex-direction: column; } .block-description .iq-title { padding-right: 0.938em; font-size: 1.125em; color: var(--iq-white-color); text-transform: capitalize; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; } .block-description .iq-verticle-title{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; } .block-description h6 { color: var(--iq-white-color); } li.slide-item .block-images::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-left: 0.25em solid var(--iq-primary); background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; opacity: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } li.slide-item .block-images::after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(20, 20, 20, 0.4) 50%, rgba(83, 100, 141, 0) 100%); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; } li.slide-item:hover .block-images::before { opacity: 1; z-index: 9; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; } li.slide-item:hover .block-social-info { animation: fadeIn 0.6s ease-in-out; opacity: 1; } .hover-buttons .btn { padding: 7px 14px; font-size: 0.750em; } li.slide-item.slick-current:hover .block-images { transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); ; } .block-images .hover-buttons { margin-top: 5px; } .block-social-info .music-play-lists li { width: 40px; height: 40px; } .block-social-info .music-play-lists li a.watch-list { text-align: center; margin: 0 auto; } .block-social-info .music-play-lists .iq-like-btn, .block-social-info .music-play-lists span { width: 30px; height: 30px; } .block-social-info .music-play-lists li:hover span i { color: var(--iq-white-color); } .block-social-info .music-play-lists span i { font-size: 15px; } li .wpulike-heart .wp_ulike_general_class { box-shadow: none; display: block; } /--------------------------------------------------------------------- movie-content -----------------------------------------------------------------------/ .movie-content li { position: relative; padding-right: 20px; } .movie-content li:last-child { padding-right: 0px; } .movie-content li:before { content: ""; height: 3px; width: 3px; background: #dddddd; position: absolute; top: 10px; right: 8px; border-radius: 50%; } .movie-detail .movie-content li:before { width: 5px; height: 5px; } .movie-content li:last-child:before { display: none; } li.slide-item .block-description .ratting-start { font-size: 12px; } li.slide-item .block-description .badge { background-color: rgb(72, 72, 72, 0.61); } li.slide-item .block-description .parallax-ratting span { font-size: 14px; } .slick-vertical .block-description .hover-buttons>a { opacity: 0; display: none; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } .slick-vertical .slick-slide.slick-current.slick-active .block-description .hover-buttons>a { transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; opacity: 1; display: inline-block; } .slick-vertical .slick-slide .block-images { overflow: visible; } .slick-vertical .slick-slide .block-images::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; border-left: 4px solid var(--iq-primary); z-index: 9; } .slick-vertical .slick-slide .block-images::after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(20, 20, 20, 0.4) 50%, rgba(83, 100, 141, 0) 100%); transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } .slick-vertical .slick-slide.slick-current.slick-active .block-images::before { opacity: 1; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } .slick-vertical .slick-slide.slick-current.slick-active .block-images { width: 100%; overflow: visible; transform-origin: 100% 100%; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; z-index: 9; } .slick-vertical li.slick-slide.slick-current.slick-active { transition: all 0.45s ease 0s; } .slick-vertical .slick-slide { margin-top: 18px; } .slick-vertical li.slick-slide:last-child { margin-bottom: 0 !important; } /--------------------------------------------------------------------- trending-slider -----------------------------------------------------------------------/ .trending-slider .tranding-block, .banner-wrapper { background-size: cover; background-position: top right; position: relative; border: 1px solid #282828; } .trending-pills { background: rgb(0, 0, 0, 0.25); } .trending-info { padding: 3.750em 0; } .tab-title-info { z-index: 99; } .trending-content .tab-pane { width: 100%; height: 100%; } .trending-pills.nav-pills .nav-item a { color: var(--iq-white-color); position: relative; overflow: hidden; border-radius: 0; text-transform: uppercase; margin-left: 0.938em; margin-right: 0.938em; } .trending-pills.nav-pills .nav-item .nav-link.active { color: var(--iq-primary); background-color: transparent; } .trending-pills.nav-pills .nav-item a:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 3px; background: var(--iq-primary); opacity: 0; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear; } .trending-pills.nav-pills .nav-item a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, var(--iq-form-gradient-color) 0%, var(--iq-to-gradient-color) 85%); content: ''; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .trending-pills.nav-pills .nav-item .nav-link.active:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .trending-pills.nav-pills .nav-item .nav-link.active:after { opacity: 1; width: 100%; } .trending-pills.nav-pills .nav-item a:hover { color: var(--iq-primary); } .trending-content { padding: 0px 3.125em; } .p-btns { display: flex; align-items: center; } / .trending-info .trending-text { font-size: 60px; line-height: 100px; margin: 15px 0; } / .trending-info .text-detail { font-size: 1.250em; font-weight: 500; letter-spacing: 0.044em; margin-bottom: 0; } .badge.badge-trend { background: rgb(0, 0, 0, 0.42); } .text-detail .trending-year { position: relative; padding-left: 30px; } .text-detail .trending-year:before { content: ""; height: 6px; width: 6px; background: var(--iq-white-color); position: absolute; top: 50%; transform: translateY(-50%); left: 13px; border-radius: 50%; } .overview-tab:before, .slick-bg:before { content: ''; position: absolute; top: 0; left: 0; width: 90%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%); z-index: 1; } .slick-bg:before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%); width: 100%; z-index: -1; } .overlay-tab:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(36, 36, 36, 0.8); z-index: 1; } .trending-info { position: relative; z-index: 99; } .trending-info .trending-dec { margin-bottom: 0.938em; width: 600PX; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; margin: 0.938em 0; } .trending-info .trending-dec p { margin: 0; } .trending-info .block-social { height: 45px; width: 45px; line-height: 45px; text-align: center; background: rgba(255, 255, 255, 0.15); border-radius: 50%; margin-left: 15px; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; } .trending-info .block-social a { position: relative; display: block; height: 32px; width: 32px; line-height: 26px; font-size: 16px; text-align: center; background: var(--iq-white-color); color: var(--iq-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; justify-content: center; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } .trending-info .block-social.social1 a { background: var(--iq-primary); color: var(--iq-white-color); } .trending-list .title { font-size: 18px; font-weight: 500; } .trending-list .title span { font-size: 16px; font-weight: 400; color: var(--iq-white-color) !important; } .trending-info .iq-dropdown .form-control { background: rgb(0, 0, 0, 0.20); border-radius: 0.313em; color: var(--iq-white-color); } .trending-list>div>span { margin-left: 0.313em; } .trending-list>div { margin-bottom: 0.313em; } .trending-slider .trending-info .trending-text { margin: 20px 0; font-weight: 800; } /-----------------------/ .movies-tab-desc p { margin-bottom: 0; display: inherit !important; } #iq-trending { overflow: hidden; } .trending-slider-nav .slick-list { padding-bottom: 40px !important; overflow: visible; } .trending-slider-nav .movie-slick, .trending-slider-nav .video-slick { border: 12px solid transparent; transition: all 0.4s ease; z-index: -1; } .trending-slider-nav .slick-current.slick-active .movie-slick { transition: all 0.4s ease; padding: 10px; background: rgba(20, 20, 20, 0.5) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(1px); border: 1px solid #292929; } .trending-slider-nav .slick-current.slick-active, .trending-slider-nav .slick-center { transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px); -webkit-transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px); -moz-transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px); -o-transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9); } .trending-contens .episodes-contens { margin-top: 30px; } .e-item .episodes-description { color: var(--iq-body-text) !important; background: var(--iq-bg1); padding: 0.938em; } .e-item:hover .episodes-description { color: var(--iq-white-color) !important; } .episodes-description a:hover { color: var(--iq-primary); } .episode-number { color: var(--iq-white-color); } .episode-duration { position: absolute; top: 15px; left: auto; right: 15px; font-weight: 700; background: var(--iq-primary); color: var(--iq-white-color); padding: 0 5px; } .e-item .episodes-description p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .e-item:hover .episode-number { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .episode-play-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: flex; flex-direction: column; align-items: center; justify-content: center; } .e-item:hover .episode-play-info { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .episode-play { height: 45px; width: 45px; line-height: 45px; text-align: center; background: rgba(255, 255, 255, 0.15); border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; } .episode-play a { position: relative; display: block; height: 32px; width: 32px; line-height: 26px; font-size: 16px; text-align: center; background: var(--iq-white-color); color: var(--iq-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; justify-content: center; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } .episodes-slider1 .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; color: #fff; } .episodes-slider1 .owl-nav button.owl-prev, .episodes-slider1 .owl-nav button.owl-next { float: left; width: 35px; height: 60px; background: rgba(0, 0, 0, 0.5); line-height: 23px; font-size: 30px; text-align: center; display: flex; align-items: center; justify-content: center; } .episodes-slider1 .owl-nav button.owl-next { float: right !important; } /--------------------------------------------------------------------- parallax block -----------------------------------------------------------------------/ .parallax-img img { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.6); } .parallax-window { height: 100%; padding: 100px 0; position: relative; background: url(../images/parallax/p1.jpg)center center; background-size: cover; background-attachment: fixed; } .parallax-window::after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); } .parallaxt-details { z-index: 9; position: relative; } .parallax-window .iq_movie_desc { float: left; width: 100%; overflow: hidden; margin-bottom: 15px; position: relative; } .parallax-window .iq_movie_desc p { margin-bottom: 0; height: 50px; text-overflow: ellipsis; } /--------------------------------------------------------------------- topten-contens -----------------------------------------------------------------------/ .topten-contens { position: relative; overflow: hidden; } #iq-topten .iq-title { position: absolute; left: 35px; top: 35px; z-index: 99; } .topten-title-sm { display: none; } .vertical_s { position: absolute; top: 95px; right: 0; bottom: 0; left: 35px; overflow: hidden; } .top-ten-slider-nav { width: 18.75vw; height: 100%; position: relative; } .top-ten-slider-nav .slick-list.draggable { height: 100% !important } .top-ten-slider-nav .slick-prev, .top-ten-slider-nav .slick-next { left: 0; right: 0; margin: 0 auto; } .top-ten-slider-nav .slick-prev { top: 0; bottom: auto; } .top-ten-slider-nav .NextArrow, .top-ten-slider-nav .PreArrow { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 999; background: rgba(0, 0, 0, 0.5); border: none; color: var(--iq-white-color); font-size: 30px; width: 60px; height: 35px; } .top-ten-slider .NextArrow, .top-ten-slider .PreArrow { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 999; background: rgba(0, 0, 0, 0.5); border: none; color: var(--iq-white-color); font-size: 30px; width: 35px; height: 60px; } .top-ten-slider-nav .NextArrow { bottom: 0; } .top-ten-slider-nav .PreArrow { top: 0; } .top-ten-slider .NextArrow { right: 0; left: auto; } .top-ten-slider .PreArrow { left: 0; right: auto; } .top-ten-slider-nav .slick-next:before, .top-ten-slider-nav .slick-prev:before, .top-ten-slider .slick-next:before, .top-ten-slider .slick-prev:before { display: none; } .slick-arrow { cursor: pointer; } ul.top-ten-slider .slick-bg:before { z-index: 0; } .top-ten-slider-nav .NextArrow:hover, .top-ten-slider-nav .NextArrow:focus { outline: none; border: none; } .top-ten-slider-nav .PreArrow:hover, .top-ten-slider-nav .PreArrow:focus { outline: none; border: none; } /--------------------------------------------------------------------- flatpickr -----------------------------------------------------------------------/ .flatpickr-input[readonly] { background-color: transparent !important; } .flatpickr-calendar, .flatpickr-months .flatpickr-month, span.flatpickr-weekday, .flatpickr-current-month .flatpickr-monthDropdown-months { background: var(--iq-body-bg); } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { background: var(--iq-primary); border-color: transparent; } .flatpickr-day.selected, .flatpickr-day.selected:hover { background: var(--iq-primary); border-color: transparent; } .flatpickr-day.today { border-color: var(--iq-primary); } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: var(--iq-primary); background: var(--iq-primary); color: var(--iq-white-color); } .single-season-data { display: none; } .active.show { display: block; } .favorites-slider .slick-arrow, .inner-slider .slick-arrow, .trending-slider-nav .slick-arrow, .trending-contens .slick-arrow { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 35px; height: 60px; } .favorites-slider .slick-arrow i, .inner-slider .slick-arrow i, .trending-slider-nav .slick-arrow i, .trending-contens .slick-arrow i { display: flex; align-items: center; justify-content: center; width: 35px; height: 60px; text-align: center; opacity: 1; z-index: 9; top: 0; background: rgba(0, 0, 0, 0.5); margin: 0; line-height: 5px; box-shadow: 0px 9px 19px #01041B0D; font-size: 0; transform: none; color: var(--iq-white); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .favorites-slider .slick-arrow.slick-disabled, .inner-slider .slick-arrow.slick-disabled, .trending-contens .slick-arrow.slick-disabled { opacity: 0; } .favorites-slider .slick-prev, .inner-slider .slick-prev, .trending-slider-nav .slick-prev, .trending-contens .slick-prev { color: var(--iq-white); right: auto; left: 15px; z-index: 9; } .favorites-slider .slick-next, .inner-slider .slick-next, .trending-slider-nav .slick-next, .trending-contens .slick-next { color: var(--iq-white); right: 15px; } .favorites-slider .slick-prev:before, .favorites-slider .slick-next:before, .inner-slider .slick-prev:before, .inner-slider .slick-next:before, .trending-slider-nav .slick-prev:before, .trending-slider-nav .slick-next:before, .trending-contens .slick-prev:before, .trending-contens .slick-next:before { font-size: 0; } .favorites-slider .slick-arrow i, .inner-slider .slick-arrow i, .trending-slider-nav .slick-arrow i, .trending-contens .slick-arrow i { font-size: 17px; } .search-page .upcoming-contens .inner-slider .slick-arrow { top: 50%; } .search-page .upcoming-contens .inner-slider .slick-arrow.slick-next { right: 7px; } .upcoming-contens .inner-slider .slick-arrow, #iq-favorites .inner-slider .slick-arrow { top: 40%; } .trending-contens .slick-arrow { top: 50%; } .trending-contens .slick-arrow.slick-next { right: 0; } .trending-contens .slick-arrow.slick-prev { left: 0; } /--------------------------------------------------------------------- Shadow -----------------------------------------------------------------------/ .img-shadow { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.6); } /-------------------------------------------------------------- Watchlist --------------------------------------------------------------/ .watchlist-contens { position: relative; overflow: visible; / padding: 0px 15px;/ padding: 0px; } .watchlist-contens .block-images { position: relative; width: 100%; transition: all 0.45s ease 0s; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; margin-bottom: 30px; } .watchlist-contens .block-images:hover { overflow: visible; } .watchlist-contens .block-images:hover .img-box { position: relative; } .watchlist-contens .block-images:hover { z-index: 99; transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); -o-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px); transform-origin: 50% 50%; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9); } .watchlist-contens .block-images.watchlist-first:hover { transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); -moz-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); -o-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); } .watchlist-contens .block-images.watchlist-last:hover { transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px); -moz-transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px); -o-transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px); } .watchlist-contens .block-social-info { position: absolute; top: 0; left: auto; bottom: 0; right: 25px; z-index: 999; display: flex; align-items: center; opacity: 0; } .watchlist-contens .block-images::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; opacity: 0; z-index: 9; border-left: 0.250em solid var(--iq-primary); } .watchlist-contens .block-images::after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(20, 20, 20, 0.4) 50%, rgba(83, 100, 141, 0) 100%); } .watchlist-contens .block-images:hover::before { opacity: 1; z-index: 9; } .watchlist-contens .block-images:hover .block-description { animation: fadeIn 0.6s ease-in-out; opacity: 1; } .watchlist-contens .block-images:hover .block-social-info { animation: fadeIn 0.6s ease-in-out; opacity: 1; } .watchlist-contens .block-images .hover-buttons { margin-top: 5px; } .favorites-slider li.slide-item a.slick-slide.slick-current.slick-active { position: absolute; top: -40px; right: 0; display: none; } /--------------------------------------------------------------------- Upcoming Movies -----------------------------------------------------------------------/ .upcoming-contens .favorites-slider li.slide-item { width: 25% !important; } .share { position: relative; } .share-box { -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); display: none; position: absolute; width: 105px; top: 3px; right: 40px; left: auto; background-color: var(--iq-bg1); padding: 0px 10px; border-radius: 0px; text-align: center; z-index: 2; animation: side-in 0.5s forwards; margin-bottom: 10px; transition: all 0.45s ease 0s; } .share:hover .share-box { display: inline-block; } .share-box a { background: transparent !important; color: var(--iq-body) !important; margin-right: 15px; } .share-box i { font-size: 16px !important; } .share-box a:hover { color: var(--iq-primary) !important; } .page.page-id-5903 header#main-header, .page.page-id-5903 footer { display: none; } .page.page-id-8163 header#main-header, .page.page-id-8163 footer { display: none; } .page.page-id-8163 header#main-header, .page.page-id-8163 footer { display: none; } /--------------------------------------------------------------------- Trending Tab -----------------------------------------------------------------------/ .trending-custom-tab .trending-info .p-btns .btn.btn-hover { padding: 12px 24px; } .trending-custom-tab .trending-info .p-btns a.btn.btn-link { text-decoration: none; color: var(--iq-white-color); transition: all 0.3s ease-in-out; padding: 12px 24px; } .trending-custom-tab .trending-info .p-btns a.btn.btn-link:hover { color: var(--iq-primary); } .episode-number { margin-right: 10px; color: var(--iq-primary); } /Movie details/ li.slide-item .block-description .badge { border-radius: 0px; } .e-item .episodes-description a { color: var(--iq-white-color); font-size: 1.125em; } .e-item:hover .episodes-description a { color: var(--iq-primary); } /tab episode nav/ .episodes-slider1.owl-carousel .owl-nav { display: block; } .episodes-slider1.owl-carousel .owl-nav .owl-prev:focus, .episodes-slider1.owl-carousel .owl-nav .owl-next:focus { border: none; outline: none; } .owl-carousel.episodes-slider1 { display: none; } .active.show { display: block; } /--------------------------------------------------------------------- tvshows -----------------------------------------------------------------------/ .tvshows-slider .slick-bg:before { background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(20, 20, 20, 1) 35%, rgba(83, 100, 141, 0) 100%); } .tvshows-slider .slick-bg { height: 70vh !important; } .tvshows-slider span.badge.badge-secondary { border-radius: 0px !important; } .tvshows-slider a.btn.btn-link { color: var(--iq-white-color) !important; padding: 9px 30px !important; } .tvshows-slider a.btn.btn-link:hover { color: var(--iq-primary) !important; text-decoration: none; } .tvshows-slider p { width: 600px; margin: 1.875em 0; overflow: hidden; } .tvshows-slider .tv-movie-banner { margin: 0.625em 0 1.250em; } .tvshows-slider li { float: left; } .epi-desc .run-time { font-weight: 700; } .epi-desc .rel-date { border-left: 4px solid var(--iq-primary); background: transparent linear-gradient(270deg, var(--iq-form-gradient-color) 0%, var(--iq-to-gradient-color) 100%); padding: 5px; position: relative; overflow: hidden; display: inline-block; font-style: italic; } .tvshows-slider .NextArrow:focus, .tvshows-slider .PreArrow:focus { outline: none; } .shows-img { position: relative; } .shows-content { padding-top: 1.875em; } .shows-img:before { background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0), rgba(0, 0, 0, 0.6) 75%, var(--iq-black) 100%); z-index: 1; } .shows-content>div { padding-left: 1.875em; } .tvshows-slider .slick-slide { opacity: 0.4; filter: blur(3px); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); transition: all 2s ease 0s; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; width: 100%; position: relative; z-index: 1; } .tvshows-slider .slick-slide.slick-current.slick-center { opacity: 1; filter: blur(0); -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); transition: all 2s ease 0s; } .tvshows-slider .NextArrow, .tvshows-slider .PreArrow { position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); z-index: 999; background: transparent; border: none; color: rgba(255, 255, 255, 0.9); font-size: 65px; z-index: 1; height: 65px; } .tvshows-slider .NextArrow { right: 10px; } .tvshows-slider .PreArrow { left: 10px; } .iq-main-slider { position: relative; } .genres-box { position: absolute; top: 100px; left: 15%; } .genres-box .btn-secondary { background-color: rgba(108, 117, 125, 0.8); border-color: transparent; position: relative; } .genres-box .btn-secondary:focus { box-shadow: none !important; } .genres-box .dropdown-toggle::after { content: '\ea41'; position: absolute; right: 37px; top: 10px; font-family: 'remixicon'; border: none !important; transition: all 0.4s ease; vertical-align: middle !important; } .genres-box .btn { padding: 9px 42px 9px 25px; } .genres-box .dropdown-menu { background-color: rgb(36, 36, 36, 0.9); border: transparent; color: var(--iq-white-color) !important; border-radius: 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .genres-box .dropdown-menu.show { transform: translate(0, 70px); } .genres-box .dropdown-item { color: var(--iq-white-color); } .genres-box .dropdown-item:focus, .genres-box .dropdown-item:hover { background-color: transparent; color: var(--iq-primary); } .genres-box .btn-secondary:not(:disabled):not(.disabled).active, .genres-box .btn-secondary:not(:disabled):not(.disabled):active, .genres-box.show>.btn-secondary.dropdown-toggle { background-color: rgba(108, 117, 125, 0.8) !important; border-color: transparent !important; } .share-box.tv-show-detail { left: 45px; right: auto; } .banner-caption .w-name { margin: 25px 0 25px 70px; } /--------------------------------------------------------------------- genres -----------------------------------------------------------------------*/ .iq_genres-contents .block-description { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; text-align: center; }

| ver. 1.4 | Github | . | PHP 8.1.33 | Generation time: 0.01 | proxy | phpinfo | Settings