diff --git a/crunchyroll.min.css b/crunchyroll.min.css index 0577e04..55f074e 100644 --- a/crunchyroll.min.css +++ b/crunchyroll.min.css @@ -1,4 +1,4 @@ -#browse-screen{width:100%;height:100%;background:#000;overflow:hidden}#browse-screen .content{height:100vh}#browse-screen .content #browse-background{position:absolute;top:0;left:0;min-width:100%;min-height:100%;object-fit:cover}#browse-screen .content #browse-menu{background:#000;width:60%;height:100%;background:linear-gradient(90deg,#000 0,#000 10%,rgba(0,0,0,0) 100%);padding-left:60px;position:absolute}#browse-screen .content #browse-menu .title{color:#fff;font-size:50px;padding:30px}#browse-screen .content #browse-menu .browse-content{overflow:hidden}#browse-screen .content #browse-menu .browse-content-wrapper{list-style:none;margin:0;padding:0}#browse-screen .item{color:#fff;font-size:50px;margin:50px 0;opacity:.2;display:flex;align-items:center}#browse-screen .item img{height:40px;margin-right:10px}#browse-screen .item.focus{opacity:1;font-size:65px}#browse-screen .item.focus img{height:55px}#changelog-modal{width:100%;height:100%;background:rgba(0,0,0,.6);overflow:hidden;z-index:200;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center}#changelog-modal .content{width:40%;height:50%;background:rgba(0,0,0,.8);padding:20px 40px;display:flex;flex-direction:column;color:#fff;font-size:16px;border-radius:10px}#changelog-modal .content .header{font-size:30px;font-weight:700}#changelog-modal .content .body{position:relative;flex:1}#changelog-modal .content .extra{bottom:30px;position:absolute;font-size:13px}#changelog-modal .content .body .changes{list-style:square;padding:20px 0;margin:0}#changelog-modal .content .body .changes li{margin:15px 0}#changelog-modal .content .body .changes li .change-title{font-size:22px;font-weight:700;text-transform:uppercase}#changelog-modal .content .footer{display:flex;justify-content:flex-end}#changelog-modal .content .footer .button{display:block;width:150px;color:#000;background:#f47521;font-size:2rem;font-weight:700;padding:10px 20px;border-radius:5px;text-align:center}#exit-screen{width:100%;height:100%;background-color:rgba(0,0,0,.7);position:absolute;left:0;top:0;z-index:5}#exit-screen .content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}#exit-screen .window{width:25vw;height:20vh;background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:space-around}#exit-screen .text{color:#fff;text-align:center;font-size:2rem}#exit-screen .buttons{padding:5px;display:flex;justify-content:space-between;justify-content:space-evenly;margin-top:10px}#exit-screen .button{background:rgba(255,255,255,.5);color:#000;width:40%;border-radius:5px;padding:10px 20px;text-align:center;font-size:2rem;font-weight:700}#exit-screen .button.selected{background:#f47521}#history-screen{width:100%;height:100%;background:#000;overflow:hidden}#history-screen .content{height:100vh;padding:50px 60px 60px 8.5vw}#history-screen .content .list-container{overflow:hidden}#history-screen .content .list-container .list-container-over .item{background:rgba(100,100,100,.5);width:315px;height:180px;opacity:.5;position:relative;float:left;margin:15px}#history-screen .content .list-container .list-container-over .item:nth-child(5n){margin-right:0}#history-screen .content .list-container .list-container-over .item:nth-child(5n+1){margin-left:0}#history-screen .content .list-container .list-container-over .item img{width:100%;height:100%}#history-screen .content .list-container .list-container-over .item.selected{opacity:1}#history-screen .content .list-container .list-container-over .item.selected::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;border:3px solid rgba(244,130,33,.9)}#history-screen .content .list-container .list-container-over .item .progress{height:12px;position:absolute;background:rgba(244,130,33,.7);bottom:0}#history-screen .content .list-container .list-container-over .item .progress::after{content:attr(value);color:#fff;background:rgba(0,0,0,.6);padding:5px 10px;top:-148px;min-width:25px;text-align:center;position:absolute;left:15px;border-radius:15px}#home-screen{width:100%;height:100%;background:#000;overflow:hidden}.logo-fixed{position:fixed;right:0;bottom:0;width:310px;height:120px;padding:40px;background:rgba(0,0,0,.58);box-shadow:-10px -10px 90px 80px rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.07);border-top-left-radius:50px;z-index:6}.logo-fixed img{width:100%;opacity:.8}#home-screen .content{height:100vh}#home-screen .content .details{height:50vh;position:relative;overflow:hidden}#home-screen .content .details.full{height:80vh}#home-screen .content .details .background{position:absolute;right:0;top:0;bottom:0;margin:auto;width:60%;background:linear-gradient(90deg,#000 0,#000 40%,rgba(0,0,0,.5) 90%,rgba(0,0,0,0) 100%)}#home-screen .content .details.full .background{position:fixed;width:100%}#home-screen .content .details .background::after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#000 0,rgba(0,0,0,0) 50%)}#home-screen .content .details .background::before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 50%);z-index:1}#home-screen .content .details.full .background::after{background:linear-gradient(90deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.5) 45%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}#home-screen .content .details.full .background::before{background:0 0}#home-screen .content .details .background img{width:100%;position:absolute}#home-screen .content .details.full .background img{position:fixed;width:100%;min-height:100%}#home-screen .content .details .info{width:70%;display:block;position:absolute;height:100%;padding:60px 400px 60px 8.5vw;display:flex;flex-direction:column;justify-content:center;z-index:1}#home-screen .content .details .info .title{color:#fff;font-size:5vh;font-weight:bolder;text-transform:uppercase;max-height:200px}#home-screen .content .details .info .description{color:#fff;font-size:2.5vh;margin:30px 0;max-height:280px;overflow:hidden}#home-screen .content .details .info .description.hide{max-height:0;overflow:hidden;margin:15px}#home-screen .content .details .info .buttons{display:none}#home-screen .content .details.full .info .buttons{display:block}#home-screen .content .details .info .buttons a{color:#fff;border:2px solid #fff;border-radius:5px;padding:10px 20px;min-width:110px;display:inline-block;text-align:center;margin:20px;font-size:25px;text-transform:uppercase;opacity:.8}#home-screen .content .details .info .buttons a:first-child{margin-left:0}#home-screen .content .details .info .buttons a.selected{border:2px solid rgba(244,130,33,.9);box-sizing:border-box;color:#fa963c;opacity:1}#home-screen .content .row .row-content .item{position:relative;display:inline-block;cursor:pointer;margin:0 8px;transform-origin:center left}#home-screen .content .row .row-content .item .poster{position:relative;width:100%;padding-top:150%}#home-screen .content .row .row-content .item .poster.episode{padding-top:55%}#home-screen .content .row .row-content .item .poster.episode .progress{height:12px;position:absolute;background:rgba(244,130,33,.7);bottom:0}#home-screen .content .row .row-content .item .poster.episode .progress::after{content:attr(value);color:#fff;background:rgba(0,0,0,.6);padding:5px 10px;top:-185px;min-width:25px;text-align:center;position:absolute;left:15px;border-radius:15px}#home-screen .content .row .row-content .item .poster img{width:100%;position:absolute;height:100%;left:0;top:0}#home-screen .content .row .row-content .item .details{position:absolute;bottom:0;left:0;right:0;top:0;opacity:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);color:#ecf0f1}#home-screen .content .row .row-content .item:hover .details,#home-screen .content .row .row-content .item:hover .info{opacity:1}#home-screen .content .row .row-content .item .details .title{position:absolute;bottom:0;padding:5%;white-space:normal;font-size:70%}#home-screen .content .row .row-content .item .info{font-size:50%;position:absolute;top:0;padding:5% 7%;right:0;background-color:#0009;border-bottom-left-radius:10px;z-index:100;text-decoration:none;color:#fff;font-weight:700;opacity:0;margin:0}#home-screen .content .row .row-content{width:calc(100% - 4.5vw);margin:15px 0 50px 0}#home-screen .content .row .row-content.episode{margin:15px 0 113px 0}#home-screen .content .row.slick-current .row-content{margin:15px 0 50px 0}#home-screen .content .row .row-content .slick-list{overflow:unset}#home-screen .content .row .row-content .slick-track{padding-left:8vw}#home-screen .content .row .row-content .slick-slide{opacity:.3}#home-screen .content .row .row-content .slick-active{opacity:1}#home-screen .content .row .row-content.selected::after{content:"";border:6px solid rgba(244,130,33,.9);width:196px;height:100%;position:absolute;top:0;margin-left:8.3vw;box-sizing:border-box}#home-screen .content .row .row-content.episode.selected::after{width:395px}#home-screen .content .row .row-title{color:#fff;font-size:1.2vw;font-weight:700;text-transform:uppercase;opacity:.9;padding-left:8.5vw}.row-content .slick-loading,.row-content .slick-loading *{background:rgba(100,100,100,.5);content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");border:none!important;box-shadow:none!important;outline:0!important;animation:poster-loading 2s infinite}@keyframes poster-loading{50%{background:rgba(100,100,100,.2)}}.home_details-screen #home-screen .content .details.full .info .buttons,.home_details-screen #menu-screen,.home_details-screen .rows{display:none}.home_details-screen.home_details-screen_buttons{display:flex;flex-direction:column;width:60%;margin-top:5vh}.home_details-screen.home_details-screen_buttons a{color:#fff;font-size:25px;padding:20px;border:2px solid transparent;border-radius:5px;padding:15px 40px;margin:5px 0;font-size:24px;opacity:.8;position:relative}.home_details-screen.home_details-screen_buttons a i{margin-right:20px}.home_details-screen.home_details-screen_buttons a p{display:inline-block;margin:0}.home_details-screen.home_details-screen_buttons a.selected{border:2px solid rgba(244,130,33,.9);box-sizing:border-box;opacity:1}.home_details-screen.home_details-screen_buttons a.selected i,.home_details-screen.home_details-screen_buttons a.selected p{color:#fa963c;opacity:1}.home_details-screen.home_details-screen_buttons a.played span{background:rgba(255,255,255,.3);height:100%;width:attr(percent px);position:absolute;left:0;bottom:0}.home_details-screen.home_details-screen_buttons a.selected.played p{color:#fff}.home_episodes-screen #home-screen .content{margin-top:-100vh}.home_episodes-screen #home-screen .content .background::after{background:rgba(0,0,0,.8)}.home_episodes-screen.home_episodes-screen_content{width:100vw;height:100vh;position:absolute;display:flex;background:rgba(0,0,0,.8);overflow:hidden;left:0;top:0}.home_episodes-screen.home_episodes-screen_content .seasons{width:40%;padding:70px 40px}.home_episodes-screen.home_episodes-screen_content .seasons .title{color:#fff;text-transform:uppercase;font-weight:bolder;font-size:5vh;height:265px;display:flex;align-items:center;justify-content:center;padding:0 26px}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list{height:600px;overflow:hidden;padding:0 26px}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list .season{color:#fff;font-size:2vh;padding:15px 25px;opacity:.5;margin:15px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:57px;border:2px solid transparent}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list .season.active{opacity:1;font-weight:bolder;padding-left:50px;position:relative}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list .season.active::after{content:"";position:absolute;left:26px;top:18px;border-left:10px solid #fff;border-bottom:10px solid transparent;border-top:10px solid transparent}.home_episodes-screen.home_episodes-screen_content .seasons.active .seasons-list .season.selected{border:2px solid rgba(244,130,33,.9);opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes{padding:70px 30px;width:60%}.home_episodes-screen.home_episodes-screen_content .episodes .title{color:#fff;font-size:1.5rem;text-transform:uppercase;font-weight:700;padding:0 15px;opacity:.5}.home_episodes-screen.home_episodes-screen_content .episodes.active .title{opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes .episodes-list{padding:30px 0}.home_episodes-screen.home_episodes-screen_content .episodes .episodes-list::after{content:"";border:2px solid rgba(244,130,33,.9);width:100%;height:215px;position:absolute;top:0;margin-left:-5px;box-sizing:border-box;margin-top:25px;opacity:0}.home_episodes-screen.home_episodes-screen_content .episodes.active .episodes-list::after{filter:none;opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes .episodes-list .slick-slide{opacity:.5}.home_episodes-screen.home_episodes-screen_content .episodes.active .episodes-list .slick-slide.slick-current{opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes .episode{padding:15px;display:flex;align-items:start;justify-content:left;height:207px;overflow:hidden}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image{position:relative}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image .premium{position:absolute;color:#f47521;right:0;top:0;font-size:35px;padding:10px 15px;text-shadow:4px 2px #000}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image .progress{height:12px;position:absolute;background:rgba(244,130,33,.7);bottom:0}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image .progress::after{content:attr(value);color:#fff;background:rgba(0,0,0,.6);padding:5px 10px;top:-148px;min-width:25px;text-align:center;position:absolute;left:15px;border-radius:15px}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image img{height:175px;width:310px}.episodes .slick-loading,.episodes .slick-loading *{background:rgba(100,100,100,.5);content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");border:none!important;box-shadow:none!important;outline:0!important;animation:poster-loading 2s infinite}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-details{padding:0 20px;color:#fff;display:grid}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-details .episode-title{font-size:1.7rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-details .episode-description{font-size:1.4rem;padding:15px 0}.browse-back{height:100%;position:absolute;left:0;top:0;width:125px;z-index:1;opacity:.5}.home_details-screen .browse-back{display:none}.browse-back span{position:absolute;width:150px;height:3px;margin:auto 0;top:0;bottom:0;margin-left:10px}.browse-back span:after{transform:rotate(82deg);transform-origin:11px 12px;content:"";display:inline-block;position:absolute;background-color:#fff;width:100%;height:100%}.browse-back span:before{transform:rotate(-82deg);transform-origin:10px -8px;content:"";display:inline-block;position:absolute;background-color:#fff;width:100%;height:100%}.browse-back p{color:#fff;font-size:30px;letter-spacing:30px;position:absolute;text-align:center;transform:rotate(90deg);width:100vh;transform-origin:50px 50px;margin-left:10px}/*! +#browse-screen{width:100%;height:100%;background:#000;overflow:hidden}#browse-screen .content{height:100vh}#browse-screen .content #browse-background{position:absolute;top:0;left:0;min-width:100%;min-height:100%;object-fit:cover}#browse-screen .content #browse-menu{background:#000;width:60%;height:100%;background:linear-gradient(90deg,#000 0,#000 10%,rgba(0,0,0,0) 100%);padding-left:60px;position:absolute}#browse-screen .content #browse-menu .title{color:#fff;font-size:50px;padding:30px}#browse-screen .content #browse-menu .browse-content{overflow:hidden}#browse-screen .content #browse-menu .browse-content-wrapper{list-style:none;margin:0;padding:0}#browse-screen .item{color:#fff;font-size:50px;margin:50px 0;opacity:.2;display:flex;align-items:center}#browse-screen .item img{height:40px;margin-right:10px}#browse-screen .item.focus{opacity:1;font-size:65px}#browse-screen .item.focus img{height:55px}#changelog-modal{width:100%;height:100%;background:rgba(0,0,0,.6);overflow:hidden;z-index:200;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center}#changelog-modal .content{width:40%;height:50%;background:rgba(0,0,0,.8);padding:20px 40px;display:flex;flex-direction:column;color:#fff;font-size:16px;border-radius:10px}#changelog-modal .content .header{font-size:30px;font-weight:700}#changelog-modal .content .body{position:relative;flex:1}#changelog-modal .content .extra{bottom:30px;position:absolute;font-size:13px}#changelog-modal .content .body .changes{list-style:square;padding:20px 0;margin:0}#changelog-modal .content .body .changes li{margin:15px 0}#changelog-modal .content .body .changes li .change-title{font-size:22px;font-weight:700;text-transform:uppercase}#changelog-modal .content .footer{display:flex;justify-content:flex-end}#changelog-modal .content .footer .button{display:block;width:150px;color:#000;background:#f47521;font-size:2rem;font-weight:700;padding:10px 20px;border-radius:5px;text-align:center}#exit-screen{width:100%;height:100%;background-color:rgba(0,0,0,.7);position:absolute;left:0;top:0;z-index:5}#exit-screen .content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}#exit-screen .window{width:25vw;height:20vh;background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:space-around}#exit-screen .text{color:#fff;text-align:center;font-size:2rem}#exit-screen .buttons{padding:5px;display:flex;justify-content:space-between;justify-content:space-evenly;margin-top:10px}#exit-screen .button{background:rgba(255,255,255,.5);color:#000;width:40%;border-radius:5px;padding:10px 20px;text-align:center;font-size:2rem;font-weight:700}#exit-screen .button.selected{background:#f47521}#history-screen{width:100%;height:100%;background:#000;overflow:hidden}#history-screen .content{height:100vh;padding:50px 60px 60px 8.5vw}#history-screen .content .list-container{overflow:hidden}#history-screen .content .list-container .list-container-over .item{background:rgba(100,100,100,.5);width:315px;height:180px;opacity:.5;position:relative;float:left;margin:15px}#history-screen .content .list-container .list-container-over .item:nth-child(5n){margin-right:0}#history-screen .content .list-container .list-container-over .item:nth-child(5n+1){margin-left:0}#history-screen .content .list-container .list-container-over .item img{width:100%;height:100%}#history-screen .content .list-container .list-container-over .item.selected{opacity:1}#history-screen .content .list-container .list-container-over .item.selected::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;border:3px solid rgba(244,130,33,.9)}#history-screen .content .list-container .list-container-over .item .progress{height:12px;position:absolute;background:rgba(244,130,33,.7);bottom:0}#history-screen .content .list-container .list-container-over .item .progress::after{content:attr(value);color:#fff;background:rgba(0,0,0,.6);padding:5px 10px;top:-148px;min-width:25px;text-align:center;position:absolute;left:15px;border-radius:15px}#home-screen{width:100%;height:100%;background:#000;overflow:hidden}.logo-fixed{position:fixed;right:0;bottom:0;width:310px;height:120px;padding:40px;background:rgba(0,0,0,.58);box-shadow:-10px -10px 90px 80px rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.07);border-top-left-radius:50px;z-index:6}.logo-fixed img{width:100%;opacity:.8}#home-screen .content{height:100vh}#home-screen .content .details{height:50vh;position:relative;overflow:hidden}#home-screen .content .details.full{height:80vh}#home-screen .content .details .background{position:absolute;right:0;top:0;bottom:0;margin:auto;width:60%;background:linear-gradient(90deg,#000 0,#000 40%,rgba(0,0,0,.5) 90%,rgba(0,0,0,0) 100%)}#home-screen .content .details.full .background{position:fixed;width:100%}#home-screen .content .details .background::after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#000 0,rgba(0,0,0,0) 50%)}#home-screen .content .details .background::before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 50%);z-index:1}#home-screen .content .details.full .background::after{background:linear-gradient(90deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.5) 45%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}#home-screen .content .details.full .background::before{background:0 0}#home-screen .content .details .background img{width:100%;position:absolute}#home-screen .content .details.full .background img{position:fixed;width:100%;min-height:100%}#home-screen .content .details .info{width:70%;display:block;position:absolute;height:100%;padding:60px 400px 60px 8.5vw;display:flex;flex-direction:column;justify-content:center;z-index:1}#home-screen .content .details .info .title{color:#fff;font-size:5vh;font-weight:bolder;text-transform:uppercase;max-height:200px}#home-screen .content .details .info .description{color:#fff;font-size:2.5vh;margin:30px 0;max-height:280px;overflow:hidden}#home-screen .content .details .info .description.hide{max-height:0;overflow:hidden;margin:15px}#home-screen .content .details .info .buttons{display:none}#home-screen .content .details.full .info .buttons{display:block}#home-screen .content .details .info .buttons a{color:#fff;border:2px solid #fff;border-radius:5px;padding:10px 20px;min-width:110px;display:inline-block;text-align:center;margin:20px;font-size:25px;text-transform:uppercase;opacity:.8}#home-screen .content .details .info .buttons a:first-child{margin-left:0}#home-screen .content .details .info .buttons a.selected{border:2px solid rgba(244,130,33,.9);box-sizing:border-box;color:#fa963c;opacity:1}#home-screen .content .row .row-content .item{position:relative;display:inline-block;cursor:pointer;margin:0 8px;transform-origin:center left}#home-screen .content .row .row-content .item .poster{position:relative;width:100%;padding-top:150%}#home-screen .content .row .row-content .item .poster.episode{padding-top:55%}#home-screen .content .row .row-content .item .poster.episode .progress{height:12px;position:absolute;background:rgba(244,130,33,.7);bottom:0}#home-screen .content .row .row-content .item .poster.episode .progress::after{content:attr(value);color:#fff;background:rgba(0,0,0,.6);padding:5px 10px;top:-185px;min-width:25px;text-align:center;position:absolute;left:15px;border-radius:15px}#home-screen .content .row .row-content .item .poster img{width:100%;position:absolute;height:100%;left:0;top:0}#home-screen .content .row .row-content .item .details{position:absolute;bottom:0;left:0;right:0;top:0;opacity:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);color:#ecf0f1}#home-screen .content .row .row-content .item:hover .details,#home-screen .content .row .row-content .item:hover .info{opacity:1}#home-screen .content .row .row-content .item .details .title{position:absolute;bottom:0;padding:5%;white-space:normal;font-size:70%}#home-screen .content .row .row-content .item .info{font-size:50%;position:absolute;top:0;padding:5% 7%;right:0;background-color:#0009;border-bottom-left-radius:10px;z-index:100;text-decoration:none;color:#fff;font-weight:700;opacity:0;margin:0}#home-screen .content .row .row-content{width:calc(100% - 4.5vw);margin:15px 0 50px 0}#home-screen .content .row .row-content.episode{margin:15px 0 113px 0}#home-screen .content .row.slick-current .row-content{margin:15px 0 50px 0}#home-screen .content .row .row-content .slick-list{overflow:unset}#home-screen .content .row .row-content .slick-track{padding-left:8vw}#home-screen .content .row .row-content .slick-slide{opacity:.3}#home-screen .content .row .row-content .slick-active{opacity:1}#home-screen .content .row .row-content.selected::after{content:"";border:6px solid rgba(244,130,33,.9);width:193px;height:286px;position:absolute;top:0;margin-left:8.3vw;box-sizing:border-box}#home-screen .content .row .row-content.episode.selected::after{width:396px;height:218px}#home-screen .content .row .row-title{color:#fff;font-size:1.2vw;font-weight:700;text-transform:uppercase;opacity:.9;padding-left:8.5vw}.row-content .slick-loading,.row-content .slick-loading *{background:rgba(100,100,100,.5);content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");border:none!important;box-shadow:none!important;outline:0!important;animation:poster-loading 2s infinite}@keyframes poster-loading{50%{background:rgba(100,100,100,.2)}}.home_details-screen #home-screen .content .details.full .info .buttons,.home_details-screen #menu-screen,.home_details-screen .rows{display:none}.home_details-screen.home_details-screen_buttons{display:flex;flex-direction:column;width:60%;margin-top:5vh}.home_details-screen.home_details-screen_buttons a{color:#fff;font-size:25px;padding:20px;border:2px solid transparent;border-radius:5px;padding:15px 40px;margin:5px 0;font-size:24px;opacity:.8;position:relative}.home_details-screen.home_details-screen_buttons a i{margin-right:20px}.home_details-screen.home_details-screen_buttons a p{display:inline-block;margin:0}.home_details-screen.home_details-screen_buttons a.selected{border:2px solid rgba(244,130,33,.9);box-sizing:border-box;opacity:1}.home_details-screen.home_details-screen_buttons a.selected i,.home_details-screen.home_details-screen_buttons a.selected p{color:#fa963c;opacity:1}.home_details-screen.home_details-screen_buttons a.played span{background:rgba(255,255,255,.3);height:100%;width:attr(percent px);position:absolute;left:0;bottom:0}.home_details-screen.home_details-screen_buttons a.selected.played p{color:#fff}.home_episodes-screen #home-screen .content{margin-top:-100vh}.home_episodes-screen #home-screen .content .background::after{background:rgba(0,0,0,.8)}.home_episodes-screen.home_episodes-screen_content{width:100vw;height:100vh;position:absolute;display:flex;background:rgba(0,0,0,.8);overflow:hidden;left:0;top:0}.home_episodes-screen.home_episodes-screen_content .seasons{width:40%;padding:70px 40px}.home_episodes-screen.home_episodes-screen_content .seasons .title{color:#fff;text-transform:uppercase;font-weight:bolder;font-size:5vh;height:265px;display:flex;align-items:center;justify-content:center;padding:0 26px}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list{height:600px;overflow:hidden;padding:0 26px}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list .season{color:#fff;font-size:2vh;padding:15px 25px;opacity:.5;margin:15px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:57px;border:2px solid transparent}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list .season.active{opacity:1;font-weight:bolder;padding-left:50px;position:relative}.home_episodes-screen.home_episodes-screen_content .seasons .seasons-list .season.active::after{content:"";position:absolute;left:26px;top:18px;border-left:10px solid #fff;border-bottom:10px solid transparent;border-top:10px solid transparent}.home_episodes-screen.home_episodes-screen_content .seasons.active .seasons-list .season.selected{border:2px solid rgba(244,130,33,.9);opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes{padding:70px 30px;width:60%}.home_episodes-screen.home_episodes-screen_content .episodes .title{color:#fff;font-size:1.5rem;text-transform:uppercase;font-weight:700;padding:0 15px;opacity:.5}.home_episodes-screen.home_episodes-screen_content .episodes.active .title{opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes .episodes-list{padding:30px 0}.home_episodes-screen.home_episodes-screen_content .episodes .episodes-list::after{content:"";border:2px solid rgba(244,130,33,.9);width:100%;height:215px;position:absolute;top:0;margin-left:-5px;box-sizing:border-box;margin-top:25px;opacity:0}.home_episodes-screen.home_episodes-screen_content .episodes.active .episodes-list::after{filter:none;opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes .episodes-list .slick-slide{opacity:.5}.home_episodes-screen.home_episodes-screen_content .episodes.active .episodes-list .slick-slide.slick-current{opacity:1}.home_episodes-screen.home_episodes-screen_content .episodes .episode{padding:15px;display:flex;align-items:start;justify-content:left;height:207px;overflow:hidden}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image{position:relative}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image .premium{position:absolute;color:#f47521;right:0;top:0;font-size:35px;padding:10px 15px;text-shadow:4px 2px #000}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image .progress{height:12px;position:absolute;background:rgba(244,130,33,.7);bottom:0}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image .progress::after{content:attr(value);color:#fff;background:rgba(0,0,0,.6);padding:5px 10px;top:-148px;min-width:25px;text-align:center;position:absolute;left:15px;border-radius:15px}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-image img{height:175px;width:310px}.episodes .slick-loading,.episodes .slick-loading *{background:rgba(100,100,100,.5);content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");border:none!important;box-shadow:none!important;outline:0!important;animation:poster-loading 2s infinite}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-details{padding:0 20px;color:#fff;display:grid}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-details .episode-title{font-size:1.7rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home_episodes-screen.home_episodes-screen_content .episodes .episode .episode-details .episode-description{font-size:1.4rem;padding:15px 0}.browse-back{height:100%;position:absolute;left:0;top:0;width:125px;z-index:1;opacity:.5}.home_details-screen .browse-back{display:none}.browse-back span{position:absolute;width:150px;height:3px;margin:auto 0;top:0;bottom:0;margin-left:10px}.browse-back span:after{transform:rotate(82deg);transform-origin:11px 12px;content:"";display:inline-block;position:absolute;background-color:#fff;width:100%;height:100%}.browse-back span:before{transform:rotate(-82deg);transform-origin:10px -8px;content:"";display:inline-block;position:absolute;background-color:#fff;width:100%;height:100%}.browse-back p{color:#fff;font-size:30px;letter-spacing:30px;position:absolute;text-align:center;transform:rotate(90deg);width:100vh;transform-origin:50px 50px;margin-left:10px}/*! * Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. diff --git a/crunchyroll.min.js b/crunchyroll.min.js index 2875238..b27be62 100644 --- a/crunchyroll.min.js +++ b/crunchyroll.min.js @@ -111,7 +111,7 @@