diff --git a/dashboard-ui/bower_components/Swiper/dist/css/swiper.min.css b/dashboard-ui/bower_components/Swiper/dist/css/swiper.min.css index db279f4ac..ed26a8212 100644 --- a/dashboard-ui/bower_components/Swiper/dist/css/swiper.min.css +++ b/dashboard-ui/bower_components/Swiper/dist/css/swiper.min.css @@ -12,4 +12,571 @@ * * Released on: February 7, 2016 */ -.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} \ No newline at end of file +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + z-index: 1 +} + +.swiper-container-no-flexbox .swiper-slide { + float: left +} + +.swiper-container-vertical>.swiper-wrapper { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column +} + +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-transition-property: -webkit-transform; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box +} + +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate(0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} + +.swiper-container-multirow>.swiper-wrapper { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} + +.swiper-container-free-mode>.swiper-wrapper { + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto +} + +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex: 0 0 auto; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative +} + +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto +} + +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-transition-property: -webkit-transform, height; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform, height +} + +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000 +} + +.swiper-wp8-horizontal { + -ms-touch-action: pan-y; + touch-action: pan-y +} + +.swiper-wp8-vertical { + -ms-touch-action: pan-x; + touch-action: pan-x +} + +.swiper-button-next, +.swiper-button-prev { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + margin-top: -22px; + z-index: 10; + cursor: pointer; + -moz-background-size: 27px 44px; + -webkit-background-size: 27px 44px; + background-size: 27px 44px; + background-position: center; + background-repeat: no-repeat +} + +.swiper-button-next.swiper-button-disabled, +.swiper-button-prev.swiper-button-disabled { + opacity: .35; + cursor: auto; + pointer-events: none +} + +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); + left: 10px; + right: auto +} + +.swiper-button-prev.swiper-button-black, +.swiper-container-rtl .swiper-button-next.swiper-button-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") +} + +.swiper-button-prev.swiper-button-white, +.swiper-container-rtl .swiper-button-next.swiper-button-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") +} + +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); + right: 10px; + left: auto +} + +.swiper-button-next.swiper-button-black, +.swiper-container-rtl .swiper-button-prev.swiper-button-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") +} + +.swiper-button-next.swiper-button-white, +.swiper-container-rtl .swiper-button-prev.swiper-button-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") +} + +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: .3s; + -moz-transition: .3s; + -o-transition: .3s; + transition: .3s; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10 +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0 +} + +.swiper-container-horizontal>.swiper-pagination-bullets, +.swiper-pagination-custom, +.swiper-pagination-fraction { + bottom: 10px; + left: 0; + width: 100% +} + +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: .2 +} + +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -moz-appearance: none; + -ms-appearance: none; + -webkit-appearance: none; + appearance: none +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer +} + +.swiper-pagination-white .swiper-pagination-bullet { + background: #fff +} + +.swiper-pagination-bullet-active { + opacity: 1; + background: #007aff +} + +.swiper-pagination-white .swiper-pagination-bullet-active { + background: #fff +} + +.swiper-pagination-black .swiper-pagination-bullet-active { + background: #000 +} + +.swiper-container-vertical>.swiper-pagination-bullets { + right: 10px; + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + -moz-transform: translate3d(0, -50%, 0); + -o-transform: translate(0, -50%); + -ms-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0) +} + +.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 5px 0; + display: block +} + +.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 5px +} + +.swiper-pagination-progress { + background: rgba(0, 0, 0, .25); + position: absolute +} + +.swiper-pagination-progress .swiper-pagination-progressbar { + background: #007aff; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: left top; + -moz-transform-origin: left top; + -ms-transform-origin: left top; + -o-transform-origin: left top; + transform-origin: left top +} + +.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { + -webkit-transform-origin: right top; + -moz-transform-origin: right top; + -ms-transform-origin: right top; + -o-transform-origin: right top; + transform-origin: right top +} + +.swiper-container-horizontal>.swiper-pagination-progress { + width: 100%; + height: 4px; + left: 0; + top: 0 +} + +.swiper-container-vertical>.swiper-pagination-progress { + width: 4px; + height: 100%; + left: 0; + top: 0 +} + +.swiper-pagination-progress.swiper-pagination-white { + background: rgba(255, 255, 255, .5) +} + +.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { + background: #fff +} + +.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { + background: #000 +} + +.swiper-container-3d { + -webkit-perspective: 1200px; + -moz-perspective: 1200px; + -o-perspective: 1200px; + perspective: 1200px +} + +.swiper-container-3d .swiper-cube-shadow, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-wrapper { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d +} + +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10 +} + +.swiper-container-3d .swiper-slide-shadow-left { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-3d .swiper-slide-shadow-right { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-3d .swiper-slide-shadow-top { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-coverflow .swiper-wrapper, +.swiper-container-flip .swiper-wrapper { + -ms-perspective: 1200px +} + +.swiper-container-cube, +.swiper-container-flip { + overflow: visible +} + +.swiper-container-cube .swiper-slide, +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1 +} + +.swiper-container-cube .swiper-slide .swiper-slide, +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active, +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto +} + +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right, +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right, +.swiper-container-flip .swiper-slide-shadow-top { + z-index: 0; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden +} + +.swiper-container-cube .swiper-slide { + visibility: hidden; + -webkit-transform-origin: 0 0; + -moz-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + width: 100%; + height: 100% +} + +.swiper-container-cube.swiper-container-rtl .swiper-slide { + -webkit-transform-origin: 100% 0; + -moz-transform-origin: 100% 0; + -ms-transform-origin: 100% 0; + transform-origin: 100% 0 +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-next+.swiper-slide, +.swiper-container-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible +} + +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + background: #000; + opacity: .6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0 +} + +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out +} + +.swiper-container-fade .swiper-slide { + pointer-events: none; + -webkit-transition-property: opacity; + -moz-transition-property: opacity; + -o-transition-property: opacity; + transition-property: opacity +} + +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none +} + +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto +} + +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, .1) +} + +.swiper-container-horizontal>.swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98% +} + +.swiper-container-vertical>.swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98% +} + +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, .5); + border-radius: 10px; + left: 0; + top: 0 +} + +.swiper-scrollbar-cursor-drag { + cursor: move +} + +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + -webkit-transform-origin: 50%; + -moz-transform-origin: 50%; + transform-origin: 50%; + -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; + -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; + animation: swiper-preloader-spin 1s steps(12, end) infinite +} + +.swiper-lazy-preloader:after { + display: block; + content: ""; + width: 100%; + height: 100%; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + background-position: 50%; + -webkit-background-size: 100%; + background-size: 100%; + background-repeat: no-repeat +} + +.swiper-lazy-preloader-white:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") +} + +@-webkit-keyframes swiper-preloader-spin { + 100% { + -webkit-transform: rotate(360deg) + } +} + +@keyframes swiper-preloader-spin { + 100% { + transform: rotate(360deg) + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css index 78cc17f64..e22ca0bb7 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css +++ b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css @@ -1 +1,158 @@ -.actionSheet,.actionSheetContent{display:-webkit-box;display:-webkit-flex}.actionSheetContent,.actionSheetScroller{-webkit-box-orient:vertical;-webkit-box-direction:normal}.actionSheet{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;border:none;max-height:84%;-webkit-border-radius:.1em!important;border-radius:.1em!important}.actionsheet-not-fullscreen{max-width:90%;max-height:90%}.actionsheet-fullscreen{max-height:none;-webkit-border-radius:0!important;border-radius:0!important}.actionSheetContent-centered{text-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.actionSheetContent{margin:0!important;padding:.4em 0!important;-webkit-flex-direction:column;flex-direction:column;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden}.actionSheetMenuItem{font-weight:inherit;-webkit-box-shadow:none;box-shadow:none;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetMenuItem:focus{-webkit-transform:none!important;transform:none!important}.actionsheetListItemBody{padding:.4em 1em .4em .6em!important}.actionSheetItemText{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.actionSheetItemAsideText{opacity:.7;font-size:90%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-shrink:0;flex-shrink:0;margin-left:5em;margin-right:.5em}.actionSheetScroller{margin-bottom:0!important;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.actionSheetScroller-tv{max-height:64%;max-width:60%;width:auto}.actionsheetDivider{height:.07em;margin:.25em 0;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetTitle{margin:.6em 0 .7em!important;padding:0 .9em;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.actionSheetText{padding:0 1em;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.actionsheetMenuItemIcon{margin:0 .85em 0 .45em!important;padding:0!important}.actionsheet-xlargeFont{font-size:112%!important}.btnCloseActionSheet{position:fixed;top:.75em;left:.5em} \ No newline at end of file +.actionSheet, +.actionSheetContent { + display: -webkit-box; + display: -webkit-flex +} + +.actionSheetContent, +.actionSheetScroller { + -webkit-box-orient: vertical; + -webkit-box-direction: normal +} + +.actionSheet { + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + padding: 0; + border: none; + max-height: 84%; + -webkit-border-radius: .1em !important; + border-radius: .1em !important +} + +.actionsheet-not-fullscreen { + max-width: 90%; + max-height: 90% +} + +.actionsheet-fullscreen { + max-height: none; + -webkit-border-radius: 0 !important; + border-radius: 0 !important +} + +.actionSheetContent-centered { + text-align: center; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.actionSheetContent { + margin: 0 !important; + padding: .4em 0 !important; + -webkit-flex-direction: column; + flex-direction: column; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + overflow: hidden +} + +.actionSheetMenuItem { + font-weight: inherit; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.actionSheetMenuItem:focus { + -webkit-transform: none !important; + transform: none !important +} + +.actionsheetListItemBody { + padding: .4em 1em .4em .6em !important +} + +.actionSheetItemText { + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + vertical-align: middle; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start +} + +.actionSheetItemAsideText { + opacity: .7; + font-size: 90%; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -webkit-flex-shrink: 0; + flex-shrink: 0; + margin-left: 5em; + margin-right: .5em +} + +.actionSheetScroller { + margin-bottom: 0 !important; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + width: 100% +} + +.actionSheetScroller-tv { + max-height: 64%; + max-width: 60%; + width: auto +} + +.actionsheetDivider { + height: .07em; + margin: .25em 0; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.actionSheetTitle { + margin: .6em 0 .7em !important; + padding: 0 .9em; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0 +} + +.actionSheetText { + padding: 0 1em; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0 +} + +.actionsheetMenuItemIcon { + margin: 0 .85em 0 .45em !important; + padding: 0 !important +} + +.actionsheet-xlargeFont { + font-size: 112% !important +} + +.btnCloseActionSheet { + position: fixed; + top: .75em; + left: .5em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css b/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css index e6ad91420..6c366e811 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css @@ -1 +1,163 @@ -.alphaPicker,.alphaPickerRow{display:-webkit-box;display:-webkit-flex;-webkit-box-direction:normal}.alphaPicker,.alphaPickerRow,.alphaPickerRow-vertical{-webkit-box-direction:normal}.alphaPicker{text-align:center;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:center;align-self:center}.alphaPicker-vertical{line-height:1}.alphaPicker-fixed{position:fixed;bottom:5.5em;z-index:999999}.alphaPickerRow{display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row}.alphaPickerRow-vertical{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.alphaPickerButton{border:0!important;cursor:pointer;outline:0!important;vertical-align:middle;font-family:inherit;font-size:inherit;min-width:initial;margin:0;padding:.1em .4em;width:auto;-webkit-border-radius:.1em;border-radius:.1em;font-weight:400;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}@media all and (max-height:50em){.alphaPicker-fixed{bottom:5em}.alphaPickerButton-vertical{padding-top:1px!important;padding-bottom:1px!important}}@media all and (max-height:49em){.alphaPicker-vertical{font-size:94%}}@media all and (max-height:44em){.alphaPicker-vertical{font-size:90%}.alphaPickerButton-vertical{padding-top:0!important;padding-bottom:0!important}}@media all and (max-height:37em){.alphaPicker-vertical{font-size:82%}}@media all and (max-height:32em){.alphaPicker-vertical{font-size:74%}}.alphaPicker-vertical.alphaPicker-tv{font-size:86%}.alphaPickerButton-tv.alphaPickerButton-vertical{padding:0}.alphaPickerButton-vertical{width:1.5em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.alphaPickerButtonIcon{font-size:100%!important}.alphaPicker-fixed.alphaPicker-tv{bottom:1%}.alphaPicker-fixed-left{left:.4em}.alphaPicker-fixed-right{right:.4em}@media all and (min-width:62.5em){.alphaPicker-fixed-left{left:1em}.alphaPicker-fixed-right{right:1em}}@media all and (max-height:31.25em){.alphaPicker-fixed{display:none!important}} \ No newline at end of file +.alphaPicker, +.alphaPickerRow { + display: -webkit-box; + display: -webkit-flex; + -webkit-box-direction: normal +} + +.alphaPicker, +.alphaPickerRow, +.alphaPickerRow-vertical { + -webkit-box-direction: normal +} + +.alphaPicker { + text-align: center; + display: flex; + -webkit-box-orient: vertical; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-align-self: center; + align-self: center +} + +.alphaPicker-vertical { + line-height: 1 +} + +.alphaPicker-fixed { + position: fixed; + bottom: 5.5em; + z-index: 999999 +} + +.alphaPickerRow { + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-orient: horizontal; + -webkit-flex-direction: row; + flex-direction: row +} + +.alphaPickerRow-vertical { + -webkit-box-orient: vertical; + -webkit-flex-direction: column; + flex-direction: column +} + +.alphaPickerButton { + border: 0 !important; + cursor: pointer; + outline: 0 !important; + vertical-align: middle; + font-family: inherit; + font-size: inherit; + min-width: initial; + margin: 0; + padding: .1em .4em; + width: auto; + -webkit-border-radius: .1em; + border-radius: .1em; + font-weight: 400; + -webkit-flex-shrink: 0; + flex-shrink: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +@media all and (max-height:50em) { + .alphaPicker-fixed { + bottom: 5em + } + + .alphaPickerButton-vertical { + padding-top: 1px !important; + padding-bottom: 1px !important + } +} + +@media all and (max-height:49em) { + .alphaPicker-vertical { + font-size: 94% + } +} + +@media all and (max-height:44em) { + .alphaPicker-vertical { + font-size: 90% + } + + .alphaPickerButton-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important + } +} + +@media all and (max-height:37em) { + .alphaPicker-vertical { + font-size: 82% + } +} + +@media all and (max-height:32em) { + .alphaPicker-vertical { + font-size: 74% + } +} + +.alphaPicker-vertical.alphaPicker-tv { + font-size: 86% +} + +.alphaPickerButton-tv.alphaPickerButton-vertical { + padding: 0 +} + +.alphaPickerButton-vertical { + width: 1.5em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + text-align: center +} + +.alphaPickerButtonIcon { + font-size: 100% !important +} + +.alphaPicker-fixed.alphaPicker-tv { + bottom: 1% +} + +.alphaPicker-fixed-left { + left: .4em +} + +.alphaPicker-fixed-right { + right: .4em +} + +@media all and (min-width:62.5em) { + .alphaPicker-fixed-left { + left: 1em + } + + .alphaPicker-fixed-right { + right: 1em + } +} + +@media all and (max-height:31.25em) { + .alphaPicker-fixed { + display: none !important + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/appfooter/appfooter.css b/dashboard-ui/bower_components/emby-webcomponents/appfooter/appfooter.css index e3970284c..7a97db76d 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/appfooter/appfooter.css +++ b/dashboard-ui/bower_components/emby-webcomponents/appfooter/appfooter.css @@ -1 +1,16 @@ -.appfooter{position:fixed;left:0;right:0;z-index:1;bottom:0;-webkit-transition:-webkit-transform 180ms linear;-o-transition:transform 180ms linear;transition:transform 180ms linear;contain:layout style}.appfooter.headroom--unpinned{-webkit-transform:translateY(100%)!important;transform:translateY(100%)!important} \ No newline at end of file +.appfooter { + position: fixed; + left: 0; + right: 0; + z-index: 1; + bottom: 0; + -webkit-transition: -webkit-transform 180ms linear; + -o-transition: transform 180ms linear; + transition: transform 180ms linear; + contain: layout style +} + +.appfooter.headroom--unpinned { + -webkit-transform: translateY(100%) !important; + transform: translateY(100%) !important +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css b/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css index fe210bc34..b49ac84c5 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css @@ -1 +1,41 @@ -.backdropContainer{contain:layout style size}.backdropImage{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;contain:layout style}.backdropImageFadeIn{-webkit-animation:backdrop-fadein .8s ease-in normal both;animation:backdrop-fadein .8s ease-in normal both}@-webkit-keyframes backdrop-fadein{from{opacity:0}to{opacity:1}}@keyframes backdrop-fadein{from{opacity:0}to{opacity:1}} \ No newline at end of file +.backdropContainer { + contain: layout style size +} + +.backdropImage { + background-repeat: no-repeat; + background-position: center center; + -webkit-background-size: cover; + background-size: cover; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + contain: layout style +} + +.backdropImageFadeIn { + -webkit-animation: backdrop-fadein .8s ease-in normal both; + animation: backdrop-fadein .8s ease-in normal both +} + +@-webkit-keyframes backdrop-fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@keyframes backdrop-fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css index 1b9914035..dbe41a857 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css +++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css @@ -1 +1,885 @@ -.card,.card:focus{font-weight:inherit!important}.card,.cardBox,.cardContent,.textActionButton{-webkit-tap-highlight-color:transparent;outline:0!important}button::-moz-focus-inner{padding:0;border:0}button{-webkit-border-fit:border!important}.card{border:0;font-size:inherit!important;font-family:inherit!important;text-transform:none;background:0 0!important;margin:0;padding:0;display:block;color:inherit!important;cursor:pointer;contain:layout style;-webkit-flex-shrink:0;flex-shrink:0}.cardContent-button,.textActionButton{cursor:pointer;vertical-align:middle;font-family:inherit}.card-nofocustransform{contain:layout style paint}.itemsContainer{display:-webkit-box;display:-webkit-flex;display:flex}.vertical-list,.vertical-wrap{display:-webkit-box;display:-webkit-flex;-webkit-box-direction:normal}.vertical-list{display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.vertical-wrap{display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.cardImageContainer,.mediaSourceIndicator{display:-webkit-box;-webkit-box-align:center}.vertical-wrap.centered{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cardScalable{position:relative;contain:layout style}.cardPadder-backdrop,.cardPadder-mixedBackdrop,.cardPadder-overflowBackdrop,.cardPadder-overflowSmallBackdrop,.cardPadder-smallBackdrop{padding-bottom:56.25%;contain:strict}.cardPadder-mixedSquare,.cardPadder-overflowSquare,.cardPadder-square,.overflowSquareCard-textCardPadder{padding-bottom:100%;contain:strict}.cardPadder-mixedPortrait,.cardPadder-overflowPortrait,.cardPadder-portrait,.overflowPortraitCard-textCardPadder{padding-bottom:150%;contain:strict}.cardPadder-banner{padding-bottom:18.5%;contain:strict}.cardBox{padding:0!important;margin:.42em;-webkit-transition:none;-o-transition:none;transition:none;border:0 solid transparent;contain:layout style}@media (min-width:50em){.cardBox{margin:.9em}}.cardBox-withfocuscontent-large{margin:.4em}.card-focuscontent-large{border:.5em solid transparent}.cardBox-focustransform{will-change:transform;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.card:focus>.cardBox-focustransform{-webkit-transform:scale(1.18,1.18);transform:scale(1.18,1.18)}.cardBox-bottompadded{margin-bottom:1.8em!important}@media (max-width:50em){.cardBox-bottompadded{margin-bottom:1.2em!important}}.card:focus{position:relative!important;z-index:10!important}.btnCardOptions{position:absolute;bottom:.25em;right:0;margin:0!important;z-index:1}.mediaSourceIndicator{display:-webkit-flex;display:flex;position:absolute;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;top:.3em;left:.3em;text-align:center;vertical-align:middle;width:1.6em;height:1.6em;-webkit-border-radius:50%;border-radius:50%;color:#fff;background:#38c}.cardText,.innerCardFooter{overflow:hidden;text-align:left}.cardImageContainer{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;-webkit-background-clip:content-box!important;background-clip:content-box!important;color:inherit;height:100%;contain:strict}.cardContent,.cardImage{position:absolute;right:0;top:0;left:0;bottom:0}.chapterCardImageContainer{background-color:#000;-webkit-border-radius:0;border-radius:0}.textCardImageContainer{background-color:#333}.cardContent{overflow:hidden;display:block;margin:0!important;height:100%;contain:strict}.cardContent-button{border:0!important;padding:0!important;color:inherit;width:100%;font-size:inherit}.cardContent-button:not(.defaultCardBackground){background-color:transparent}.visualCardBox .cardContent{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.cardContent-shadow{-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37)}.cardImageContainer{display:-webkit-box;display:-webkit-flex;display:flex}.cardImage{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center bottom}.cardImage-img{max-height:100%;max-width:100%;min-height:70%;min-width:70%;margin:auto}.coveredImage-img{width:100%;height:100%}.coveredImage-noscale-img{max-height:none;max-width:none}.coveredImage{-webkit-background-size:100% 100%;background-size:100% 100%;background-position:center center}.coveredImage-noScale{-webkit-background-size:cover;background-size:cover}.cardFooter{padding:.3em .3em .5em;position:relative}.visualCardBox{-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);-webkit-border-radius:.145em;border-radius:.145em}.innerCardFooter{background:rgba(0,0,0,.7);position:absolute;bottom:0;left:0;z-index:1;max-width:100%;color:#fff}.innerCardFooterClear{background-color:transparent}.fullInnerCardFooter{right:0}.cardText{padding:.06em .5em;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.cardDefaultText,.cardTextCentered{text-align:center}.cardText-secondary{font-size:86%}.cardText-first{padding-top:.24em}.innerCardFooter>.cardText{padding:.3em .5em}.cardFooter-withlogo{padding-left:4em;position:relative}.cardFooterLogo{position:absolute;top:0;bottom:0;left:0;width:4.5em;-webkit-background-size:70% auto;background-size:70% auto;background-repeat:no-repeat;background-position:center center}.cardText-rightmargin{margin-right:2em}.cardDefaultText{white-space:normal}.textActionButton{background:0 0;border:0!important;padding:0!important;color:inherit;font-size:inherit}.textActionButton:hover{text-decoration:underline}.cardImageIcon{font-size:5em;color:inherit}.cardImageIcon-small{font-size:3em;margin-bottom:.1em}.cardIndicators{right:.225em;top:.225em;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;contain:layout style}.cardProgramAttributeIndicators{top:0;left:0;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;text-transform:uppercase;font-size:92%}.programAttributeIndicator{padding:.18em .5em;color:#fff;font-weight:500}.cardOverlayButton{color:rgba(255,255,255,.76)!important;margin:0;z-index:1;padding:.75em;font-size:88%}.cardOverlayButton-br{position:absolute;bottom:0;right:0}.cardOverlayButtonIcon{background-color:rgba(0,0,0,.7)!important;-webkit-border-radius:100em;border-radius:100em;width:1.5em!important;height:1.5em!important;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;font-size:1.66956521739130434em!important}.cardOverlayButton-centered{bottom:initial;right:initial;position:static;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;font-size:112%;margin:-1.3em 0 0 -1.3em;width:2.6em;height:2.6em;top:50%;left:50%;background-color:rgba(0,0,0,.5)!important;border:.06em solid rgba(255,255,255,.6);padding:.38em!important;color:rgba(255,255,255,.76);-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.cardOverlayButton-centered:hover{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.backdropCard,.bannerCard{width:100%}.smallBackdropCard,.squareCard{width:50%}.portraitCard{width:33.333333333333333333333333333333%}.mixedPortraitCard{width:12em}.mixedSquareCard{width:18em}.mixedBackdropCard{width:32em}@media (min-width:25em){.backdropCard{width:50%}}@media (min-width:31.25em){.portraitCard,.smallBackdropCard,.squareCard{width:33.333333333333333333333333333333%}}@media (min-width:43.75em){.portraitCard,.squareCard{width:25%}}@media (min-width:48.125em){.backdropCard{width:33.333333333333333333333333333333%}}@media (min-width:50em){.bannerCard{width:50%}.portraitCard,.squareCard{width:20%}.smallBackdropCard{width:25%}}@media (min-width:62.5em){.smallBackdropCard{width:20%}}@media (min-width:75em){.backdropCard{width:25%}.portraitCard,.squareCard{width:16.666666666666666666666666666667%}.bannerCard{width:33.333333333333333333333333333333%}.smallBackdropCard{width:16.666666666666666666666666666667%}}@media (min-width:87.5em){.portraitCard,.smallBackdropCard,.squareCard{width:14.285714285714285714285714285714%}}@media (min-width:100em){.smallBackdropCard{width:12.5%}.backdropCard{width:20%}.portraitCard,.squareCard{width:12.5%}}@media (min-width:120em){.portraitCard,.squareCard{width:11.111111111111111111111111111111%}}@media (min-width:131.25em){.bannerCard{width:25%}.portraitCard,.squareCard{width:10%}}@media (min-width:156.25em){.backdropCard{width:16.666666666666666666666666666667%}}.itemsContainer-tv>.backdropCard{width:25%}.itemsContainer-tv>.portraitCard,.itemsContainer-tv>.squareCard{width:16.666666666666666666666666666667%}.overflowBackdropCard,.overflowSmallBackdropCard{width:72vw}.overflowPortraitCard,.overflowSquareCard{width:40vw}@media (min-width:25em){.overflowPortraitCard{width:31.2vw}}@media (min-width:35em){.overflowSquareCard{width:31.2vw}.overflowBackdropCard{width:45.5vw}.overflowSmallBackdropCard{width:30vw}}@media (min-width:43.75em){.overflowPortraitCard,.overflowSquareCard{width:23.3vw}}@media (min-width:48.125em){.overflowBackdropCard,.overflowSmallBackdropCard{width:30vw}}@media (orientation:landscape){.overflowBackdropCard,.overflowSmallBackdropCard{width:30vw}.overflowPortraitCard,.overflowSquareCard{width:23.3vw}}@media (orientation:landscape) and (min-width:48.125em){.overflowBackdropCard,.overflowSmallBackdropCard{width:23.3vw}}@media (orientation:landscape) and (min-width:50em){.overflowSmallBackdropCard{width:15.5vw}}@media (min-width:50em){.overflowPortraitCard,.overflowSquareCard{width:18.4vw}}@media (min-width:75em){.overflowBackdropCard,.overflowSmallBackdropCard{width:23.3vw}.overflowPortraitCard,.overflowSquareCard{width:15.5vw}}@media (min-width:87.5em){.overflowPortraitCard,.overflowSquareCard{width:13.3vw}}@media (min-width:100em){.overflowBackdropCard,.overflowSmallBackdropCard{width:18.7vw}.overflowPortraitCard,.overflowSquareCard{width:11.6vw}}@media (min-width:120em){.overflowPortraitCard,.overflowSquareCard{width:10.3vw}}@media (min-width:131.25em){.overflowPortraitCard,.overflowSquareCard{width:9.3vw}}@media (min-width:156.25em){.overflowBackdropCard,.overflowSmallBackdropCard{width:15.6vw}}.itemsContainer-tv>.overflowBackdropCard{width:23.5vw}.overflowBackdropCard-textCard{width:15.5vw!important}.overflowBackdropCard-textCardPadder{padding-bottom:87.75%}.itemsContainer-tv>.overflowPortraitCard,.itemsContainer-tv>.overflowSquareCard{width:15.6vw}.itemsContainer-tv>.overflowSmallBackdropCard{width:18.8vw}.cardOverlayContainer{background:-webkit-radial-gradient(50% 50%,farthest-corner,rgba(30,30,30,.5) 50%,#2c2c2c 100%);background:-o-radial-gradient(50% 50%,farthest-corner,rgba(30,30,30,.5) 50%,#2c2c2c 100%);background:radial-gradient(farthest-corner at 50% 50%,rgba(30,30,30,.5) 50%,#2c2c2c 100%);opacity:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;position:absolute;top:0;left:0;bottom:0;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-hoverable :hover .cardOverlayContainer{opacity:1}.cardOverlayButton-hover{opacity:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;background:0 0;color:#fff!important;padding:.5em}.cardOverlayButtonIcon-hover{background:0 0!important}.card-hoverable:hover .cardOverlayButton-hover{opacity:1}.cardOverlayFab-primary{font-size:130%;padding:0;width:3em;height:3em;margin-top:-1.5em;margin-left:-1.5em;position:absolute;top:50%;left:50%}.cardOverlayFab-primary i{border:.07em solid rgba(255,255,255,.9);color:#fff} \ No newline at end of file +.card, +.card:focus { + font-weight: inherit !important +} + +.card, +.cardBox, +.cardContent, +.textActionButton { + -webkit-tap-highlight-color: transparent; + outline: 0 !important +} + +button::-moz-focus-inner { + padding: 0; + border: 0 +} + +button { + -webkit-border-fit: border !important +} + +.card { + border: 0; + font-size: inherit !important; + font-family: inherit !important; + text-transform: none; + background: 0 0 !important; + margin: 0; + padding: 0; + display: block; + color: inherit !important; + cursor: pointer; + contain: layout style; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.cardContent-button, +.textActionButton { + cursor: pointer; + vertical-align: middle; + font-family: inherit +} + +.card-nofocustransform { + contain: layout style paint +} + +.itemsContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.vertical-list, +.vertical-wrap { + display: -webkit-box; + display: -webkit-flex; + -webkit-box-direction: normal +} + +.vertical-list { + display: flex; + -webkit-box-orient: vertical; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap +} + +.vertical-wrap { + display: flex; + -webkit-box-orient: horizontal; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} + +.cardImageContainer, +.mediaSourceIndicator { + display: -webkit-box; + -webkit-box-align: center +} + +.vertical-wrap.centered { + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.cardScalable { + position: relative; + contain: layout style +} + +.cardPadder-backdrop, +.cardPadder-mixedBackdrop, +.cardPadder-overflowBackdrop, +.cardPadder-overflowSmallBackdrop, +.cardPadder-smallBackdrop { + padding-bottom: 56.25%; + contain: strict +} + +.cardPadder-mixedSquare, +.cardPadder-overflowSquare, +.cardPadder-square, +.overflowSquareCard-textCardPadder { + padding-bottom: 100%; + contain: strict +} + +.cardPadder-mixedPortrait, +.cardPadder-overflowPortrait, +.cardPadder-portrait, +.overflowPortraitCard-textCardPadder { + padding-bottom: 150%; + contain: strict +} + +.cardPadder-banner { + padding-bottom: 18.5%; + contain: strict +} + +.cardBox { + padding: 0 !important; + margin: .42em; + -webkit-transition: none; + -o-transition: none; + transition: none; + border: 0 solid transparent; + contain: layout style +} + +@media (min-width:50em) { + .cardBox { + margin: .9em + } +} + +.cardBox-withfocuscontent-large { + margin: .4em +} + +.card-focuscontent-large { + border: .5em solid transparent +} + +.cardBox-focustransform { + will-change: transform; + -webkit-transition: -webkit-transform .2s ease-out; + -o-transition: transform .2s ease-out; + transition: transform .2s ease-out +} + +.card:focus>.cardBox-focustransform { + -webkit-transform: scale(1.18, 1.18); + transform: scale(1.18, 1.18) +} + +.cardBox-bottompadded { + margin-bottom: 1.8em !important +} + +@media (max-width:50em) { + .cardBox-bottompadded { + margin-bottom: 1.2em !important + } +} + +.card:focus { + position: relative !important; + z-index: 10 !important +} + +.btnCardOptions { + position: absolute; + bottom: .25em; + right: 0; + margin: 0 !important; + z-index: 1 +} + +.mediaSourceIndicator { + display: -webkit-flex; + display: flex; + position: absolute; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + top: .3em; + left: .3em; + text-align: center; + vertical-align: middle; + width: 1.6em; + height: 1.6em; + -webkit-border-radius: 50%; + border-radius: 50%; + color: #fff; + background: #38c +} + +.cardText, +.innerCardFooter { + overflow: hidden; + text-align: left +} + +.cardImageContainer { + -webkit-background-size: contain; + background-size: contain; + background-repeat: no-repeat; + background-position: center center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-background-clip: content-box !important; + background-clip: content-box !important; + color: inherit; + height: 100%; + contain: strict +} + +.cardContent, +.cardImage { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0 +} + +.chapterCardImageContainer { + background-color: #000; + -webkit-border-radius: 0; + border-radius: 0 +} + +.textCardImageContainer { + background-color: #333 +} + +.cardContent { + overflow: hidden; + display: block; + margin: 0 !important; + height: 100%; + contain: strict +} + +.cardContent-button { + border: 0 !important; + padding: 0 !important; + color: inherit; + width: 100%; + font-size: inherit +} + +.cardContent-button:not(.defaultCardBackground) { + background-color: transparent +} + +.visualCardBox .cardContent { + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0 +} + +.cardContent-shadow { + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) +} + +.cardImageContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.cardImage { + -webkit-background-size: contain; + background-size: contain; + background-repeat: no-repeat; + background-position: center bottom +} + +.cardImage-img { + max-height: 100%; + max-width: 100%; + min-height: 70%; + min-width: 70%; + margin: auto +} + +.coveredImage-img { + width: 100%; + height: 100% +} + +.coveredImage-noscale-img { + max-height: none; + max-width: none +} + +.coveredImage { + -webkit-background-size: 100% 100%; + background-size: 100% 100%; + background-position: center center +} + +.coveredImage-noScale { + -webkit-background-size: cover; + background-size: cover +} + +.cardFooter { + padding: .3em .3em .5em; + position: relative +} + +.visualCardBox { + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + -webkit-border-radius: .145em; + border-radius: .145em +} + +.innerCardFooter { + background: rgba(0, 0, 0, .7); + position: absolute; + bottom: 0; + left: 0; + z-index: 1; + max-width: 100%; + color: #fff +} + +.innerCardFooterClear { + background-color: transparent +} + +.fullInnerCardFooter { + right: 0 +} + +.cardText { + padding: .06em .5em; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis +} + +.cardDefaultText, +.cardTextCentered { + text-align: center +} + +.cardText-secondary { + font-size: 86% +} + +.cardText-first { + padding-top: .24em +} + +.innerCardFooter>.cardText { + padding: .3em .5em +} + +.cardFooter-withlogo { + padding-left: 4em; + position: relative +} + +.cardFooterLogo { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 4.5em; + -webkit-background-size: 70% auto; + background-size: 70% auto; + background-repeat: no-repeat; + background-position: center center +} + +.cardText-rightmargin { + margin-right: 2em +} + +.cardDefaultText { + white-space: normal +} + +.textActionButton { + background: 0 0; + border: 0 !important; + padding: 0 !important; + color: inherit; + font-size: inherit +} + +.textActionButton:hover { + text-decoration: underline +} + +.cardImageIcon { + font-size: 5em; + color: inherit +} + +.cardImageIcon-small { + font-size: 3em; + margin-bottom: .1em +} + +.cardIndicators { + right: .225em; + top: .225em; + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + contain: layout style +} + +.cardProgramAttributeIndicators { + top: 0; + left: 0; + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: flex; + text-transform: uppercase; + font-size: 92% +} + +.programAttributeIndicator { + padding: .18em .5em; + color: #fff; + font-weight: 500 +} + +.cardOverlayButton { + color: rgba(255, 255, 255, .76) !important; + margin: 0; + z-index: 1; + padding: .75em; + font-size: 88% +} + +.cardOverlayButton-br { + position: absolute; + bottom: 0; + right: 0 +} + +.cardOverlayButtonIcon { + background-color: rgba(0, 0, 0, .7) !important; + -webkit-border-radius: 100em; + border-radius: 100em; + width: 1.5em !important; + height: 1.5em !important; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: flex; + font-size: 1.66956521739130434em !important +} + +.cardOverlayButton-centered { + bottom: initial; + right: initial; + position: static; + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: flex; + font-size: 112%; + margin: -1.3em 0 0 -1.3em; + width: 2.6em; + height: 2.6em; + top: 50%; + left: 50%; + background-color: rgba(0, 0, 0, .5) !important; + border: .06em solid rgba(255, 255, 255, .6); + padding: .38em !important; + color: rgba(255, 255, 255, .76); + -webkit-transition: -webkit-transform .2s ease-out; + -o-transition: transform .2s ease-out; + transition: transform .2s ease-out +} + +.cardOverlayButton-centered:hover { + -webkit-transform: scale(1.2, 1.2); + transform: scale(1.2, 1.2) +} + +.backdropCard, +.bannerCard { + width: 100% +} + +.smallBackdropCard, +.squareCard { + width: 50% +} + +.portraitCard { + width: 33.333333333333333333333333333333% +} + +.mixedPortraitCard { + width: 12em +} + +.mixedSquareCard { + width: 18em +} + +.mixedBackdropCard { + width: 32em +} + +@media (min-width:25em) { + .backdropCard { + width: 50% + } +} + +@media (min-width:31.25em) { + + .portraitCard, + .smallBackdropCard, + .squareCard { + width: 33.333333333333333333333333333333% + } +} + +@media (min-width:43.75em) { + + .portraitCard, + .squareCard { + width: 25% + } +} + +@media (min-width:48.125em) { + .backdropCard { + width: 33.333333333333333333333333333333% + } +} + +@media (min-width:50em) { + .bannerCard { + width: 50% + } + + .portraitCard, + .squareCard { + width: 20% + } + + .smallBackdropCard { + width: 25% + } +} + +@media (min-width:62.5em) { + .smallBackdropCard { + width: 20% + } +} + +@media (min-width:75em) { + .backdropCard { + width: 25% + } + + .portraitCard, + .squareCard { + width: 16.666666666666666666666666666667% + } + + .bannerCard { + width: 33.333333333333333333333333333333% + } + + .smallBackdropCard { + width: 16.666666666666666666666666666667% + } +} + +@media (min-width:87.5em) { + + .portraitCard, + .smallBackdropCard, + .squareCard { + width: 14.285714285714285714285714285714% + } +} + +@media (min-width:100em) { + .smallBackdropCard { + width: 12.5% + } + + .backdropCard { + width: 20% + } + + .portraitCard, + .squareCard { + width: 12.5% + } +} + +@media (min-width:120em) { + + .portraitCard, + .squareCard { + width: 11.111111111111111111111111111111% + } +} + +@media (min-width:131.25em) { + .bannerCard { + width: 25% + } + + .portraitCard, + .squareCard { + width: 10% + } +} + +@media (min-width:156.25em) { + .backdropCard { + width: 16.666666666666666666666666666667% + } +} + +.itemsContainer-tv>.backdropCard { + width: 25% +} + +.itemsContainer-tv>.portraitCard, +.itemsContainer-tv>.squareCard { + width: 16.666666666666666666666666666667% +} + +.overflowBackdropCard, +.overflowSmallBackdropCard { + width: 72vw +} + +.overflowPortraitCard, +.overflowSquareCard { + width: 40vw +} + +@media (min-width:25em) { + .overflowPortraitCard { + width: 31.2vw + } +} + +@media (min-width:35em) { + .overflowSquareCard { + width: 31.2vw + } + + .overflowBackdropCard { + width: 45.5vw + } + + .overflowSmallBackdropCard { + width: 30vw + } +} + +@media (min-width:43.75em) { + + .overflowPortraitCard, + .overflowSquareCard { + width: 23.3vw + } +} + +@media (min-width:48.125em) { + + .overflowBackdropCard, + .overflowSmallBackdropCard { + width: 30vw + } +} + +@media (orientation:landscape) { + + .overflowBackdropCard, + .overflowSmallBackdropCard { + width: 30vw + } + + .overflowPortraitCard, + .overflowSquareCard { + width: 23.3vw + } +} + +@media (orientation:landscape) and (min-width:48.125em) { + + .overflowBackdropCard, + .overflowSmallBackdropCard { + width: 23.3vw + } +} + +@media (orientation:landscape) and (min-width:50em) { + .overflowSmallBackdropCard { + width: 15.5vw + } +} + +@media (min-width:50em) { + + .overflowPortraitCard, + .overflowSquareCard { + width: 18.4vw + } +} + +@media (min-width:75em) { + + .overflowBackdropCard, + .overflowSmallBackdropCard { + width: 23.3vw + } + + .overflowPortraitCard, + .overflowSquareCard { + width: 15.5vw + } +} + +@media (min-width:87.5em) { + + .overflowPortraitCard, + .overflowSquareCard { + width: 13.3vw + } +} + +@media (min-width:100em) { + + .overflowBackdropCard, + .overflowSmallBackdropCard { + width: 18.7vw + } + + .overflowPortraitCard, + .overflowSquareCard { + width: 11.6vw + } +} + +@media (min-width:120em) { + + .overflowPortraitCard, + .overflowSquareCard { + width: 10.3vw + } +} + +@media (min-width:131.25em) { + + .overflowPortraitCard, + .overflowSquareCard { + width: 9.3vw + } +} + +@media (min-width:156.25em) { + + .overflowBackdropCard, + .overflowSmallBackdropCard { + width: 15.6vw + } +} + +.itemsContainer-tv>.overflowBackdropCard { + width: 23.5vw +} + +.overflowBackdropCard-textCard { + width: 15.5vw !important +} + +.overflowBackdropCard-textCardPadder { + padding-bottom: 87.75% +} + +.itemsContainer-tv>.overflowPortraitCard, +.itemsContainer-tv>.overflowSquareCard { + width: 15.6vw +} + +.itemsContainer-tv>.overflowSmallBackdropCard { + width: 18.8vw +} + +.cardOverlayContainer { + background: -webkit-radial-gradient(50% 50%, farthest-corner, rgba(30, 30, 30, .5) 50%, #2c2c2c 100%); + background: -o-radial-gradient(50% 50%, farthest-corner, rgba(30, 30, 30, .5) 50%, #2c2c2c 100%); + background: radial-gradient(farthest-corner at 50% 50%, rgba(30, 30, 30, .5) 50%, #2c2c2c 100%); + opacity: 0; + -webkit-transition: opacity .2s; + -o-transition: opacity .2s; + transition: opacity .2s; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.card-hoverable :hover .cardOverlayContainer { + opacity: 1 +} + +.cardOverlayButton-hover { + opacity: 0; + -webkit-transition: opacity .2s; + -o-transition: opacity .2s; + transition: opacity .2s; + background: 0 0; + color: #fff !important; + padding: .5em +} + +.cardOverlayButtonIcon-hover { + background: 0 0 !important +} + +.card-hoverable:hover .cardOverlayButton-hover { + opacity: 1 +} + +.cardOverlayFab-primary { + font-size: 130%; + padding: 0; + width: 3em; + height: 3em; + margin-top: -1.5em; + margin-left: -1.5em; + position: absolute; + top: 50%; + left: 50% +} + +.cardOverlayFab-primary i { + border: .07em solid rgba(255, 255, 255, .9); + color: #fff +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css index c67ae8799..dec5e8d58 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css +++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css @@ -1 +1,10 @@ -.card-round:focus>.cardBox-focustransform{-webkit-transform:scale(1.26,1.26);transform:scale(1.26,1.26)}.cardImage-round,.cardImageContainer-round{-webkit-border-radius:1000px;border-radius:1000px} \ No newline at end of file +.card-round:focus>.cardBox-focustransform { + -webkit-transform: scale(1.26, 1.26); + transform: scale(1.26, 1.26) +} + +.cardImage-round, +.cardImageContainer-round { + -webkit-border-radius: 1000px; + border-radius: 1000px +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/clearbutton.css b/dashboard-ui/bower_components/emby-webcomponents/clearbutton.css index a182f65f4..e41da78a3 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/clearbutton.css +++ b/dashboard-ui/bower_components/emby-webcomponents/clearbutton.css @@ -1 +1,12 @@ -.clearButton{background:0 0;border:0!important;padding:0!important;cursor:pointer;outline:0!important;color:inherit;width:100%;vertical-align:middle;font-family:inherit;font-size:inherit} \ No newline at end of file +.clearButton { + background: 0 0; + border: 0 !important; + padding: 0 !important; + cursor: pointer; + outline: 0 !important; + color: inherit; + width: 100%; + vertical-align: middle; + font-family: inherit; + font-size: inherit +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css index d3af38315..c396dec60 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css +++ b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css @@ -1 +1,267 @@ -.dialogContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999!important;contain:strict;overflow:hidden;overscroll-behavior:contain}.dialog{margin:0;-webkit-border-radius:.2em;border-radius:.2em;-webkit-font-smoothing:antialiased;border:0;padding:0;will-change:transform,opacity;contain:style paint;-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}.dialog-fixedSize{-webkit-border-radius:0;border-radius:0;max-height:none;max-width:none;contain:layout style paint}.dialog-fullscreen{position:fixed!important;top:0;bottom:0;left:0;right:0;margin:0;-webkit-box-shadow:none;box-shadow:none}@-webkit-keyframes scaledown{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes scaledown{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes scaleup{from{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes scaleup{from{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideup{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes slideup{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes slidedown{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}}@keyframes slidedown{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}}@media all and (max-width:80em),all and (max-height:45em){.dialog-fixedSize,.dialog-fullscreen-lowres{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;-webkit-box-shadow:none;box-shadow:none}}@media all and (min-width:80em) and (min-height:45em){.dialog-medium{width:80%;height:80%}.dialog-medium-tall{width:80%;height:90%}.dialog-small{width:60%;height:80%}.dialog-fullscreen-border{width:90%;height:90%}}.noScroll{overflow-x:hidden!important;overflow-y:hidden!important}.dialogBackdrop{background-color:#000;opacity:0;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;z-index:999999!important;-webkit-transition:opacity ease-out .2s;-o-transition:opacity ease-out .2s;transition:opacity ease-out .2s;will-change:opacity}.dialogBackdropOpened{opacity:.5} \ No newline at end of file +.dialogContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 999999 !important; + contain: strict; + overflow: hidden; + overscroll-behavior: contain +} + +.dialog { + margin: 0; + -webkit-border-radius: .2em; + border-radius: .2em; + -webkit-font-smoothing: antialiased; + border: 0; + padding: 0; + will-change: transform, opacity; + contain: style paint; + -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4); + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4) +} + +.dialog-fixedSize { + -webkit-border-radius: 0; + border-radius: 0; + max-height: none; + max-width: none; + contain: layout style paint +} + +.dialog-fullscreen { + position: fixed !important; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: 0; + -webkit-box-shadow: none; + box-shadow: none +} + +@-webkit-keyframes scaledown { + from { + opacity: 1; + -webkit-transform: none; + transform: none + } + + to { + opacity: 0; + -webkit-transform: scale(.5); + transform: scale(.5) + } +} + +@keyframes scaledown { + from { + opacity: 1; + -webkit-transform: none; + transform: none + } + + to { + opacity: 0; + -webkit-transform: scale(.5); + transform: scale(.5) + } +} + +@-webkit-keyframes scaleup { + from { + -webkit-transform: scale(.5); + transform: scale(.5); + opacity: 0 + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@keyframes scaleup { + from { + -webkit-transform: scale(.5); + transform: scale(.5); + opacity: 0 + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@-webkit-keyframes fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@keyframes fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@-webkit-keyframes fadeout { + from { + opacity: 1 + } + + to { + opacity: 0 + } +} + +@keyframes fadeout { + from { + opacity: 1 + } + + to { + opacity: 0 + } +} + +@-webkit-keyframes slideup { + from { + opacity: 0; + -webkit-transform: translate3d(0, 30%, 0); + transform: translate3d(0, 30%, 0) + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes slideup { + from { + opacity: 0; + -webkit-transform: translate3d(0, 30%, 0); + transform: translate3d(0, 30%, 0) + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@-webkit-keyframes slidedown { + from { + opacity: 1; + -webkit-transform: none; + transform: none + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 20%, 0); + transform: translate3d(0, 20%, 0) + } +} + +@keyframes slidedown { + from { + opacity: 1; + -webkit-transform: none; + transform: none + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 20%, 0); + transform: translate3d(0, 20%, 0) + } +} + +@media all and (max-width:80em), +all and (max-height:45em) { + + .dialog-fixedSize, + .dialog-fullscreen-lowres { + position: fixed !important; + top: 0 !important; + bottom: 0 !important; + left: 0 !important; + right: 0 !important; + margin: 0 !important; + -webkit-box-shadow: none; + box-shadow: none + } +} + +@media all and (min-width:80em) and (min-height:45em) { + .dialog-medium { + width: 80%; + height: 80% + } + + .dialog-medium-tall { + width: 80%; + height: 90% + } + + .dialog-small { + width: 60%; + height: 80% + } + + .dialog-fullscreen-border { + width: 90%; + height: 90% + } +} + +.noScroll { + overflow-x: hidden !important; + overflow-y: hidden !important +} + +.dialogBackdrop { + background-color: #000; + opacity: 0; + position: fixed !important; + top: 0 !important; + bottom: 0 !important; + left: 0 !important; + right: 0 !important; + margin: 0 !important; + z-index: 999999 !important; + -webkit-transition: opacity ease-out .2s; + -o-transition: opacity ease-out .2s; + transition: opacity ease-out .2s; + will-change: opacity +} + +.dialogBackdropOpened { + opacity: .5 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css index 35d8eaef0..2147405ef 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css @@ -1 +1,222 @@ -.emby-button,.fab{-webkit-box-sizing:border-box;-webkit-box-align:center}.button-flat,.button-link{background:0 0}.emby-button,.paper-icon-button-light{text-align:center;font-family:inherit;color:inherit;outline:0!important;-webkit-tap-highlight-color:transparent;position:relative}.emby-button{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;box-sizing:border-box;margin:0 .29em;font-size:inherit;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:0;padding:.86em 1em;border:0;vertical-align:middle;-webkit-border-radius:.2em;border-radius:.2em;font-weight:600;text-decoration:none;line-height:1.35}.emby-button::-moz-focus-inner{border:0}.button-flat:hover{opacity:.5}.button-link{margin:0;padding:0;vertical-align:initial}.button-link-inline{display:inline}.button-link:hover{text-decoration:underline}.emby-button-focusscale{-webkit-transition:-webkit-transform 180ms ease-out!important;-o-transition:transform 180ms ease-out!important;transition:transform 180ms ease-out!important;-webkit-transform-origin:center center;transform-origin:center center}.emby-button-focusscale:focus{-webkit-transform:scale(1.16);transform:scale(1.16);z-index:1}.emby-button>i{font-size:1.36em}.button-link>i{font-size:1em}.fab{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-border-radius:50%;border-radius:50%;padding:.6em;box-sizing:border-box;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.emby-button.block{display:block;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:.25em 0;width:100%}.paper-icon-button-light{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .29em;background:0 0;font-size:inherit;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:0;min-width:initial;min-height:initial;width:auto;height:auto;padding:.556em;border:0;vertical-align:middle;overflow:hidden;-webkit-border-radius:50%;border-radius:50%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.paper-icon-button-light::-moz-focus-inner{border:0}.paper-icon-button-light[disabled]{opacity:.3}.paper-icon-button-light>i{font-size:1.66956521739130434em;position:relative;z-index:1;vertical-align:middle}.paper-icon-button-light>img{width:1.72em;max-height:100%;position:relative;z-index:1;vertical-align:middle}.emby-button-foreground{position:relative;z-index:1}.icon-button-focusscale{-webkit-transition:-webkit-transform 180ms ease-out!important;-o-transition:transform 180ms ease-out!important;transition:transform 180ms ease-out!important;-webkit-transform-origin:center center;transform-origin:center center}.icon-button-focusscale:focus{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:1}.btnFilterWithBubble{position:relative}.filterButtonBubble{color:#fff;position:absolute;top:0;right:0;width:1.6em;height:1.6em;z-index:100000000;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:82%;-webkit-border-radius:100em;border-radius:100em;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background:#03A9F4;font-weight:700} \ No newline at end of file +.emby-button, +.fab { + -webkit-box-sizing: border-box; + -webkit-box-align: center +} + +.button-flat, +.button-link { + background: 0 0 +} + +.emby-button, +.paper-icon-button-light { + text-align: center; + font-family: inherit; + color: inherit; + outline: 0 !important; + -webkit-tap-highlight-color: transparent; + position: relative +} + +.emby-button { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-align-items: center; + align-items: center; + box-sizing: border-box; + margin: 0 .29em; + font-size: inherit; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + cursor: pointer; + z-index: 0; + padding: .86em 1em; + border: 0; + vertical-align: middle; + -webkit-border-radius: .2em; + border-radius: .2em; + font-weight: 600; + text-decoration: none; + line-height: 1.35 +} + +.emby-button::-moz-focus-inner { + border: 0 +} + +.button-flat:hover { + opacity: .5 +} + +.button-link { + margin: 0; + padding: 0; + vertical-align: initial +} + +.button-link-inline { + display: inline +} + +.button-link:hover { + text-decoration: underline +} + +.emby-button-focusscale { + -webkit-transition: -webkit-transform 180ms ease-out !important; + -o-transition: transform 180ms ease-out !important; + transition: transform 180ms ease-out !important; + -webkit-transform-origin: center center; + transform-origin: center center +} + +.emby-button-focusscale:focus { + -webkit-transform: scale(1.16); + transform: scale(1.16); + z-index: 1 +} + +.emby-button>i { + font-size: 1.36em +} + +.button-link>i { + font-size: 1em +} + +.fab { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-border-radius: 50%; + border-radius: 50%; + padding: .6em; + box-sizing: border-box; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + text-align: center +} + +.emby-button.block { + display: block; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin: .25em 0; + width: 100% +} + +.paper-icon-button-light { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 .29em; + background: 0 0; + font-size: inherit; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + cursor: pointer; + z-index: 0; + min-width: initial; + min-height: initial; + width: auto; + height: auto; + padding: .556em; + border: 0; + vertical-align: middle; + overflow: hidden; + -webkit-border-radius: 50%; + border-radius: 50%; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.paper-icon-button-light::-moz-focus-inner { + border: 0 +} + +.paper-icon-button-light[disabled] { + opacity: .3 +} + +.paper-icon-button-light>i { + font-size: 1.66956521739130434em; + position: relative; + z-index: 1; + vertical-align: middle +} + +.paper-icon-button-light>img { + width: 1.72em; + max-height: 100%; + position: relative; + z-index: 1; + vertical-align: middle +} + +.emby-button-foreground { + position: relative; + z-index: 1 +} + +.icon-button-focusscale { + -webkit-transition: -webkit-transform 180ms ease-out !important; + -o-transition: transform 180ms ease-out !important; + transition: transform 180ms ease-out !important; + -webkit-transform-origin: center center; + transform-origin: center center +} + +.icon-button-focusscale:focus { + -webkit-transform: scale(1.3); + transform: scale(1.3); + z-index: 1 +} + +.btnFilterWithBubble { + position: relative +} + +.filterButtonBubble { + color: #fff; + position: absolute; + top: 0; + right: 0; + width: 1.6em; + height: 1.6em; + z-index: 100000000; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: 82%; + -webkit-border-radius: 100em; + border-radius: 100em; + -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); + background: #03A9F4; + font-weight: 700 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css b/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css index 7f5cb478f..7ae2f8c97 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css @@ -1 +1,161 @@ -.emby-checkbox-label{position:relative;z-index:1;vertical-align:middle;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:0 0 0 2.4em;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:2.35em;cursor:pointer}.checkboxContainer,.checkboxListContainer{margin-bottom:1.8em}.checkboxFieldDescription{padding-left:2.4em}.checkboxContainer{display:-webkit-box;display:-webkit-flex;display:flex}.checkboxContainer-withDescription{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.emby-checkbox{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.checkboxOutline{position:absolute;top:3px;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:1.83em;height:1.83em;margin:0;overflow:hidden;border:2px solid currentcolor;-webkit-border-radius:.14em;border-radius:.14em;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.emby-checkbox-focushelper{position:absolute;top:-.915em;left:-.915em;width:3.66em;height:3.66em;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:3px 0 0;-webkit-border-radius:50%;border-radius:50%;background-color:transparent}.checkboxIcon{font-size:1.6em;color:#fff}.checkboxIcon-checked{display:none}.emby-checkbox:checked+span+span+.checkboxOutline>.checkboxIcon-checked{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important}.emby-checkbox:checked+span+span+.checkboxOutline>.checkboxIcon-unchecked{display:none!important}.emby-checkbox:checked[disabled]+span+span+.checkboxOutline>.checkboxIcon{background-color:rgba(0,0,0,.26)}.checkboxLabel{position:relative;margin:0}.checkboxList>.emby-checkbox-label{display:-webkit-box;display:-webkit-flex;display:flex;margin:.5em 0}.checkboxList-verticalwrap{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.checkboxList-verticalwrap>.emby-checkbox-label{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;margin:.3em 0;width:12em}.checkboxList-paperList{padding:1em!important}.checkboxListLabel{margin-bottom:.25em}@-webkit-keyframes repaintChrome{from,to{padding:0}} \ No newline at end of file +.emby-checkbox-label { + position: relative; + z-index: 1; + vertical-align: middle; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + margin: 0; + padding: 0 0 0 2.4em; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + height: 2.35em; + cursor: pointer +} + +.checkboxContainer, +.checkboxListContainer { + margin-bottom: 1.8em +} + +.checkboxFieldDescription { + padding-left: 2.4em +} + +.checkboxContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.checkboxContainer-withDescription { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column +} + +.emby-checkbox { + position: absolute; + width: 1px; + height: 1px; + margin: 0; + padding: 0; + opacity: 0; + -ms-appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + border: none +} + +.checkboxOutline { + position: absolute; + top: 3px; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 1.83em; + height: 1.83em; + margin: 0; + overflow: hidden; + border: 2px solid currentcolor; + -webkit-border-radius: .14em; + border-radius: .14em; + z-index: 2; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.emby-checkbox-focushelper { + position: absolute; + top: -.915em; + left: -.915em; + width: 3.66em; + height: 3.66em; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 3px 0 0; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: transparent +} + +.checkboxIcon { + font-size: 1.6em; + color: #fff +} + +.checkboxIcon-checked { + display: none +} + +.emby-checkbox:checked+span+span+.checkboxOutline>.checkboxIcon-checked { + display: -webkit-box !important; + display: -webkit-flex !important; + display: flex !important +} + +.emby-checkbox:checked+span+span+.checkboxOutline>.checkboxIcon-unchecked { + display: none !important +} + +.emby-checkbox:checked[disabled]+span+span+.checkboxOutline>.checkboxIcon { + background-color: rgba(0, 0, 0, .26) +} + +.checkboxLabel { + position: relative; + margin: 0 +} + +.checkboxList>.emby-checkbox-label { + display: -webkit-box; + display: -webkit-flex; + display: flex; + margin: .5em 0 +} + +.checkboxList-verticalwrap { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} + +.checkboxList-verticalwrap>.emby-checkbox-label { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + margin: .3em 0; + width: 12em +} + +.checkboxList-paperList { + padding: 1em !important +} + +.checkboxListLabel { + margin-bottom: .25em +} + +@-webkit-keyframes repaintChrome { + + from, + to { + padding: 0 + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css b/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css index 0c52278b7..a03a0aee7 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css @@ -1 +1,56 @@ -.emby-collapse{margin:.5em 0}.collapseContent{border-width:0;padding:1.25em;height:0;-webkit-transition-property:height;-o-transition-property:height;transition-property:height;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;overflow:hidden}.emby-collapsible-button{margin:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;text-align:left;text-transform:none;border-width:0 0 .1em;border-style:solid;padding-left:.1em;background:0 0;-webkit-box-shadow:none;box-shadow:none}.emby-collapse-expandIcon{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform 180ms ease-out;-o-transition:transform 180ms ease-out;transition:transform 180ms ease-out;position:absolute;right:.5em;font-size:1.5em}.emby-collapse-expandIconExpanded{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.emby-collapsible-title{margin:0;padding:0} \ No newline at end of file +.emby-collapse { + margin: .5em 0 +} + +.collapseContent { + border-width: 0; + padding: 1.25em; + height: 0; + -webkit-transition-property: height; + -o-transition-property: height; + transition-property: height; + -webkit-transition-duration: .3s; + -o-transition-duration: .3s; + transition-duration: .3s; + overflow: hidden +} + +.emby-collapsible-button { + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + width: 100%; + text-align: left; + text-transform: none; + border-width: 0 0 .1em; + border-style: solid; + padding-left: .1em; + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none +} + +.emby-collapse-expandIcon { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: -webkit-transform 180ms ease-out; + -o-transition: transform 180ms ease-out; + transition: transform 180ms ease-out; + position: absolute; + right: .5em; + font-size: 1.5em +} + +.emby-collapse-expandIconExpanded { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) +} + +.emby-collapsible-title { + margin: 0; + padding: 0 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css index d7071ca49..31041f0a6 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css @@ -1 +1,36 @@ -.emby-input{display:block;margin:0;margin-bottom:0!important;font-size:110%;font-family:inherit;font-weight:inherit;padding:.4em .25em;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:transparent;width:100%}.emby-input::-moz-focus-inner{border:0}.inputContainer{margin-bottom:1.8em}.inputLabel{display:inline-block;margin-bottom:.25em}.emby-input+.fieldDescription{margin-top:.25em}.emby-input-iconbutton{-webkit-align-self:flex-end;align-self:flex-end} \ No newline at end of file +.emby-input { + display: block; + margin: 0; + margin-bottom: 0 !important; + font-size: 110%; + font-family: inherit; + font-weight: inherit; + padding: .4em .25em; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0 !important; + -webkit-tap-highlight-color: transparent; + width: 100% +} + +.emby-input::-moz-focus-inner { + border: 0 +} + +.inputContainer { + margin-bottom: 1.8em +} + +.inputLabel { + display: inline-block; + margin-bottom: .25em +} + +.emby-input+.fieldDescription { + margin-top: .25em +} + +.emby-input-iconbutton { + -webkit-align-self: flex-end; + align-self: flex-end +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-progressring/emby-progressring.css b/dashboard-ui/bower_components/emby-webcomponents/emby-progressring/emby-progressring.css index 14d903433..5edd2cfa2 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-progressring/emby-progressring.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-progressring/emby-progressring.css @@ -1 +1,157 @@ -.progressring{position:relative;width:2.6em;height:2.6em;float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.progressring-bg{width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;border:.25em solid rgba(0,0,0,1);-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.9);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.spiner-holder-one,.spiner-holder-two{position:absolute;top:0;left:0;overflow:hidden;background:0 0;-webkit-box-sizing:border-box}.progressring-text{text-align:center;color:#ddd;font-size:90%}.spiner-holder-one{width:51%;height:51%;box-sizing:border-box}.spiner-holder-two{width:100%;height:100%;box-sizing:border-box}.progressring-spiner{width:200%;height:200%;-webkit-border-radius:50%;border-radius:50%;border-width:.25em;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box}.animate-0-25-a{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transition:-webkit-transform 180ms ease-out;-o-transition:transform 180ms ease-out;transition:transform 180ms ease-out}.animate-0-25-b,.animate-25-50-a{-webkit-transition:-webkit-transform 180ms ease-out;-o-transition:transform 180ms ease-out}.animate-0-25-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:transform 180ms ease-out}.animate-25-50-a{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:transform 180ms ease-out}.animate-25-50-b,.animate-50-75-a{-webkit-transition:-webkit-transform 180ms ease-out;-o-transition:transform 180ms ease-out}.animate-25-50-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:transform 180ms ease-out}.animate-50-75-a{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:transform 180ms ease-out}.animate-50-75-b,.animate-75-100-a{-webkit-transition:-webkit-transform 180ms ease-out;-o-transition:transform 180ms ease-out}.animate-50-75-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:transform 180ms ease-out}.animate-75-100-a{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:transform 180ms ease-out}.animate-75-100-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transition:-webkit-transform 180ms ease-out;-o-transition:transform 180ms ease-out;transition:transform 180ms ease-out} \ No newline at end of file +.progressring { + position: relative; + width: 2.6em; + height: 2.6em; + float: left; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.progressring-bg { + width: 100%; + height: 100%; + -webkit-border-radius: 50%; + border-radius: 50%; + border: .25em solid rgba(0, 0, 0, 1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: rgba(0, 0, 0, .9); + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.spiner-holder-one, +.spiner-holder-two { + position: absolute; + top: 0; + left: 0; + overflow: hidden; + background: 0 0; + -webkit-box-sizing: border-box +} + +.progressring-text { + text-align: center; + color: #ddd; + font-size: 90% +} + +.spiner-holder-one { + width: 51%; + height: 51%; + box-sizing: border-box +} + +.spiner-holder-two { + width: 100%; + height: 100%; + box-sizing: border-box +} + +.progressring-spiner { + width: 200%; + height: 200%; + -webkit-border-radius: 50%; + border-radius: 50%; + border-width: .25em; + border-style: solid; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.animate-0-25-a { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + -webkit-transition: -webkit-transform 180ms ease-out; + -o-transition: transform 180ms ease-out; + transition: transform 180ms ease-out +} + +.animate-0-25-b, +.animate-25-50-a { + -webkit-transition: -webkit-transform 180ms ease-out; + -o-transition: transform 180ms ease-out +} + +.animate-0-25-b { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + transition: transform 180ms ease-out +} + +.animate-25-50-a { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + transition: transform 180ms ease-out +} + +.animate-25-50-b, +.animate-50-75-a { + -webkit-transition: -webkit-transform 180ms ease-out; + -o-transition: transform 180ms ease-out +} + +.animate-25-50-b { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + transition: transform 180ms ease-out +} + +.animate-50-75-a { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + transition: transform 180ms ease-out +} + +.animate-50-75-b, +.animate-75-100-a { + -webkit-transition: -webkit-transform 180ms ease-out; + -o-transition: transform 180ms ease-out +} + +.animate-50-75-b { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + transition: transform 180ms ease-out +} + +.animate-75-100-a { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + transition: transform 180ms ease-out +} + +.animate-75-100-b { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + -webkit-transition: -webkit-transform 180ms ease-out; + -o-transition: transform 180ms ease-out; + transition: transform 180ms ease-out +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css b/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css index 5db203fa4..2063c2931 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-radio/emby-radio.css @@ -1 +1,117 @@ -.mdl-radio{position:relative;line-height:24px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding-left:24px}.radio-label-block{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:.5em;margin-bottom:.5em}.mdl-radio__button{line-height:24px;position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-radio__outer-circle{position:absolute;top:4px;left:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;border:2px solid currentcolor;-webkit-border-radius:50%;border-radius:50%;z-index:2}.mdl-radio__button:checked+.mdl-radio__label+.mdl-radio__outer-circle{border:2px solid #52b54b}.mdl-radio__button:disabled+.mdl-radio__label+.mdl-radio__outer-circle{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-radio__inner-circle{position:absolute;z-index:1;margin:0;top:8px;left:4px;-webkit-box-sizing:border-box;box-sizing:border-box;width:8px;height:8px;cursor:pointer;-webkit-transition-duration:.28s;-o-transition-duration:.28s;transition-duration:.28s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-property:transform;-webkit-transition-property:-webkit-transform,-webkit-transform;transition-property:transform,-webkit-transform;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-border-radius:50%;border-radius:50%;background:#52b54b}.mdl-radio__button:checked+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.mdl-radio__button:disabled+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle{background:rgba(0,0,0,.26);cursor:auto}.mdl-radio__button:focus+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,.76);box-shadow:0 0 0 10px rgba(255,255,255,.76)}.mdl-radio__button:checked:focus+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle{-webkit-box-shadow:0 0 0 10px rgba(82,181,75,.26);box-shadow:0 0 0 10px rgba(82,181,75,.26)}.mdl-radio__label{cursor:pointer}.mdl-radio__button:disabled+.mdl-radio__label{color:rgba(0,0,0,.26);cursor:auto} \ No newline at end of file +.mdl-radio { + position: relative; + line-height: 24px; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding-left: 24px +} + +.radio-label-block { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + margin-top: .5em; + margin-bottom: .5em +} + +.mdl-radio__button { + line-height: 24px; + position: absolute; + width: 1px; + height: 1px; + margin: 0; + padding: 0; + opacity: 0; + -ms-appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + border: none +} + +.mdl-radio__outer-circle { + position: absolute; + top: 4px; + left: 0; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 16px; + height: 16px; + margin: 0; + cursor: pointer; + border: 2px solid currentcolor; + -webkit-border-radius: 50%; + border-radius: 50%; + z-index: 2 +} + +.mdl-radio__button:checked+.mdl-radio__label+.mdl-radio__outer-circle { + border: 2px solid #52b54b +} + +.mdl-radio__button:disabled+.mdl-radio__label+.mdl-radio__outer-circle { + border: 2px solid rgba(0, 0, 0, .26); + cursor: auto +} + +.mdl-radio__inner-circle { + position: absolute; + z-index: 1; + margin: 0; + top: 8px; + left: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 8px; + height: 8px; + cursor: pointer; + -webkit-transition-duration: .28s; + -o-transition-duration: .28s; + transition-duration: .28s; + -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); + -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + -o-transition-property: transform; + -webkit-transition-property: -webkit-transform, -webkit-transform; + transition-property: transform, -webkit-transform; + -webkit-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); + -webkit-border-radius: 50%; + border-radius: 50%; + background: #52b54b +} + +.mdl-radio__button:checked+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) +} + +.mdl-radio__button:disabled+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle { + background: rgba(0, 0, 0, .26); + cursor: auto +} + +.mdl-radio__button:focus+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle { + -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .76); + box-shadow: 0 0 0 10px rgba(255, 255, 255, .76) +} + +.mdl-radio__button:checked:focus+.mdl-radio__label+.mdl-radio__outer-circle+.mdl-radio__inner-circle { + -webkit-box-shadow: 0 0 0 10px rgba(82, 181, 75, .26); + box-shadow: 0 0 0 10px rgba(82, 181, 75, .26) +} + +.mdl-radio__label { + cursor: pointer +} + +.mdl-radio__button:disabled+.mdl-radio__label { + color: rgba(0, 0, 0, .26); + cursor: auto +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-scrollbuttons/emby-scrollbuttons.css b/dashboard-ui/bower_components/emby-webcomponents/emby-scrollbuttons/emby-scrollbuttons.css index 33c168879..39408352e 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-scrollbuttons/emby-scrollbuttons.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-scrollbuttons/emby-scrollbuttons.css @@ -1 +1,67 @@ -.emby-scrollbuttons-scroller{position:relative}.scrollbuttoncontainer{position:absolute;top:0;bottom:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;font-size:3em;color:#fff;display:none;overflow:hidden}.scrollbuttoncontainer-left{background:rgba(20,20,20,.5);background:-webkit-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(left,#000,rgba(0,0,0,0));background:-o-linear-gradient(left,#000,rgba(0,0,0,0));background:linear-gradient(to right,#000,rgba(0,0,0,0));left:0}.scrollbuttoncontainer-right{background:rgba(20,20,20,.5);background:-webkit-linear-gradient(right,#000 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(right,#000,rgba(0,0,0,0));background:-o-linear-gradient(right,#000,rgba(0,0,0,0));background:linear-gradient(to left,#000,rgba(0,0,0,0));right:0}.emby-scrollbuttons-scroller:hover .scrollbuttoncontainer{display:-webkit-box;display:-webkit-flex;display:flex}.emby-scrollbuttons-scrollbutton{margin:0 -.2em;-webkit-transition:-webkit-transform 160ms ease-out;-o-transition:transform 160ms ease-out;transition:transform 160ms ease-out}.scrollbuttoncontainer:hover>.emby-scrollbuttons-scrollbutton{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.emby-scrollbuttons-scrollbutton:after{content:'';display:none!important}.emby-scrollbuttons-scrollbutton:focus{color:inherit!important} \ No newline at end of file +.emby-scrollbuttons-scroller { + position: relative +} + +.scrollbuttoncontainer { + position: absolute; + top: 0; + bottom: 0; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + z-index: 1; + font-size: 3em; + color: #fff; + display: none; + overflow: hidden +} + +.scrollbuttoncontainer-left { + background: rgba(20, 20, 20, .5); + background: -webkit-linear-gradient(left, #000 0, rgba(0, 0, 0, 0) 100%); + background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0)); + background: -o-linear-gradient(left, #000, rgba(0, 0, 0, 0)); + background: linear-gradient(to right, #000, rgba(0, 0, 0, 0)); + left: 0 +} + +.scrollbuttoncontainer-right { + background: rgba(20, 20, 20, .5); + background: -webkit-linear-gradient(right, #000 0, rgba(0, 0, 0, 0) 100%); + background: -webkit-gradient(linear, right top, left top, from(#000), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(right, #000, rgba(0, 0, 0, 0)); + background: -o-linear-gradient(right, #000, rgba(0, 0, 0, 0)); + background: linear-gradient(to left, #000, rgba(0, 0, 0, 0)); + right: 0 +} + +.emby-scrollbuttons-scroller:hover .scrollbuttoncontainer { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.emby-scrollbuttons-scrollbutton { + margin: 0 -.2em; + -webkit-transition: -webkit-transform 160ms ease-out; + -o-transition: transform 160ms ease-out; + transition: transform 160ms ease-out +} + +.scrollbuttoncontainer:hover>.emby-scrollbuttons-scrollbutton { + -webkit-transform: scale(1.3, 1.3); + transform: scale(1.3, 1.3) +} + +.emby-scrollbuttons-scrollbutton:after { + content: ''; + display: none !important +} + +.emby-scrollbuttons-scrollbutton:focus { + color: inherit !important +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css b/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css index 292a41b8f..1dfe686f5 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css @@ -1 +1,118 @@ -.emby-select{display:block;margin:0;margin-bottom:0!important;font-size:110%;font-family:inherit;font-weight:inherit;padding:.5em 1.9em .5em .5em;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:transparent;width:100%}.emby-select[disabled]{background:0 0!important;border-color:transparent!important;color:inherit!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.selectContainer-inline>.emby-select{padding:.3em 1.9em .3em .5em;font-size:inherit}.selectContainer-inline>.emby-select[disabled]{padding-left:0;padding-right:0}.emby-select::-moz-focus-inner{border:0}.emby-select-focusscale{-webkit-transition:-webkit-transform 180ms ease-out!important;-o-transition:transform 180ms ease-out!important;transition:transform 180ms ease-out!important;-webkit-transform-origin:center center;transform-origin:center center}.emby-select-focusscale:focus{-webkit-transform:scale(1.04);transform:scale(1.04);z-index:1}.emby-select+.fieldDescription{margin-top:.25em}.selectContainer{margin-bottom:1.8em;position:relative}.selectContainer-inline{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;margin-bottom:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.selectLabel{display:block;margin-bottom:.25em}.selectContainer-inline>.selectLabel{margin-bottom:0;margin-right:.5em;-webkit-flex-shrink:0;flex-shrink:0}.emby-select-withcolor{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:.2em;border-radius:.2em}.selectArrowContainer{position:absolute;right:.3em;top:.2em;color:inherit;pointer-events:none}.selectContainer-inline>.selectArrowContainer{top:initial;bottom:.24em;font-size:90%}.emby-select[disabled]+.selectArrowContainer{display:none}.selectArrow{margin-top:.35em;font-size:1.7em}.emby-select-iconbutton{-webkit-align-self:flex-end;align-self:flex-end} \ No newline at end of file +.emby-select { + display: block; + margin: 0; + margin-bottom: 0 !important; + font-size: 110%; + font-family: inherit; + font-weight: inherit; + padding: .5em 1.9em .5em .5em; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0 !important; + -webkit-tap-highlight-color: transparent; + width: 100% +} + +.emby-select[disabled] { + background: 0 0 !important; + border-color: transparent !important; + color: inherit !important; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none +} + +.selectContainer-inline>.emby-select { + padding: .3em 1.9em .3em .5em; + font-size: inherit +} + +.selectContainer-inline>.emby-select[disabled] { + padding-left: 0; + padding-right: 0 +} + +.emby-select::-moz-focus-inner { + border: 0 +} + +.emby-select-focusscale { + -webkit-transition: -webkit-transform 180ms ease-out !important; + -o-transition: transform 180ms ease-out !important; + transition: transform 180ms ease-out !important; + -webkit-transform-origin: center center; + transform-origin: center center +} + +.emby-select-focusscale:focus { + -webkit-transform: scale(1.04); + transform: scale(1.04); + z-index: 1 +} + +.emby-select+.fieldDescription { + margin-top: .25em +} + +.selectContainer { + margin-bottom: 1.8em; + position: relative +} + +.selectContainer-inline { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + margin-bottom: 0; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.selectLabel { + display: block; + margin-bottom: .25em +} + +.selectContainer-inline>.selectLabel { + margin-bottom: 0; + margin-right: .5em; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.emby-select-withcolor { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-border-radius: .2em; + border-radius: .2em +} + +.selectArrowContainer { + position: absolute; + right: .3em; + top: .2em; + color: inherit; + pointer-events: none +} + +.selectContainer-inline>.selectArrowContainer { + top: initial; + bottom: .24em; + font-size: 90% +} + +.emby-select[disabled]+.selectArrowContainer { + display: none +} + +.selectArrow { + margin-top: .35em; + font-size: 1.7em +} + +.emby-select-iconbutton { + -webkit-align-self: flex-end; + align-self: flex-end +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css index 896129e20..7c8004997 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css @@ -1 +1,234 @@ -_:-ms-input-placeholder{-ms-appearance:none;height:2.223em;margin:0}.mdl-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;height:.2em;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;padding:1em 0;color:#52B54B;-webkit-align-self:center;align-self:center;z-index:1;cursor:pointer;margin:0;-webkit-tap-highlight-color:transparent;display:block}.mdl-slider::-moz-focus-outer{border:0}.mdl-slider::-ms-tooltip{display:none}.mdl-slider::-webkit-slider-runnable-track{background:0 0}.mdl-slider::-moz-range-track{background:#444;border:none}.mdl-slider::-moz-range-progress{background:#52B54B}.mdl-slider::-ms-track{background:0 0;color:transparent;height:.2em;width:100%;border:none}.mdl-slider::-ms-fill-lower{display:none}.mdl-slider::-ms-fill-upper{display:none}.mdl-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.8em;height:1.8em;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:50%;border-radius:50%;background:#52B54B;border:none;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1)}.mdl-slider-hoverthumb::-webkit-slider-thumb{margin-left:-.12em;-webkit-transform:scale(.7,.7);transform:scale(.7,.7)}.mdl-slider:hover::-webkit-slider-thumb{-webkit-transform:none;transform:none}.slider-no-webkit-thumb::-webkit-slider-thumb{opacity:0!important}.mdl-slider::-moz-range-thumb{-moz-appearance:none;width:1.8em;height:1.8em;box-sizing:border-box;border-radius:50%;background:#52B54B;border:none}.mdl-slider::-ms-thumb{-webkit-appearance:none;width:1.8em;height:1.8em;box-sizing:border-box;border-radius:50%;background:#52B54B;border:none;transition:transform .3s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1)}.mdl-slider-hoverthumb::-ms-thumb{margin-left:-.4em;transform:scale(.5,.5)}.mdl-slider:hover::-ms-thumb{transform:none}.mdl-slider[disabled]::-webkit-slider-thumb{display:none}.mdl-slider[disabled]::-moz-range-thumb{display:none}.mdl-slider[disabled]::-ms-thumb{display:none}.mdl-slider-ie-container{height:1.25em;overflow:visible;border:none;margin:0;padding:0}.mdl-slider-container{height:1.25em;position:relative;background:0 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.mdl-slider-background-flex{background:#333;position:absolute;height:.2em;margin-top:-.1em;width:100%;top:50%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;border:0;padding:0}.mdl-slider-background-flex-inner{position:relative;width:100%}.mdl-slider-background-lower{position:absolute;left:0;width:0;top:0;bottom:0;background-color:#52B54B}.mdl-slider-background-lower-clear{background-color:transparent}.mdl-slider-background-lower-withtransform{width:100%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0)}.mdl-slider-background-upper{background:#666;background:rgba(255,255,255,.4);position:absolute;left:0;width:0;top:0;bottom:0}.sliderBubble{position:absolute;top:0;left:0;-webkit-transform:translate3d(-48%,-120%,0);transform:translate3d(-48%,-120%,0);background:#282828;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.sliderBubbleText{margin:0;padding:.5em .75em} \ No newline at end of file +_:-ms-input-placeholder { + -ms-appearance: none; + height: 2.223em; + margin: 0 +} + +.mdl-slider { + width: 100%; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + height: .2em; + background: 0 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + outline: 0; + padding: 1em 0; + color: #52B54B; + -webkit-align-self: center; + align-self: center; + z-index: 1; + cursor: pointer; + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block +} + +.mdl-slider::-moz-focus-outer { + border: 0 +} + +.mdl-slider::-ms-tooltip { + display: none +} + +.mdl-slider::-webkit-slider-runnable-track { + background: 0 0 +} + +.mdl-slider::-moz-range-track { + background: #444; + border: none +} + +.mdl-slider::-moz-range-progress { + background: #52B54B +} + +.mdl-slider::-ms-track { + background: 0 0; + color: transparent; + height: .2em; + width: 100%; + border: none +} + +.mdl-slider::-ms-fill-lower { + display: none +} + +.mdl-slider::-ms-fill-upper { + display: none +} + +.mdl-slider::-webkit-slider-thumb { + -webkit-appearance: none; + width: 1.8em; + height: 1.8em; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 50%; + border-radius: 50%; + background: #52B54B; + border: none; + -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1); + transition: transform .3s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1) +} + +.mdl-slider-hoverthumb::-webkit-slider-thumb { + margin-left: -.12em; + -webkit-transform: scale(.7, .7); + transform: scale(.7, .7) +} + +.mdl-slider:hover::-webkit-slider-thumb { + -webkit-transform: none; + transform: none +} + +.slider-no-webkit-thumb::-webkit-slider-thumb { + opacity: 0 !important +} + +.mdl-slider::-moz-range-thumb { + -moz-appearance: none; + width: 1.8em; + height: 1.8em; + box-sizing: border-box; + border-radius: 50%; + background: #52B54B; + border: none +} + +.mdl-slider::-ms-thumb { + -webkit-appearance: none; + width: 1.8em; + height: 1.8em; + box-sizing: border-box; + border-radius: 50%; + background: #52B54B; + border: none; + transition: transform .3s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1) +} + +.mdl-slider-hoverthumb::-ms-thumb { + margin-left: -.4em; + transform: scale(.5, .5) +} + +.mdl-slider:hover::-ms-thumb { + transform: none +} + +.mdl-slider[disabled]::-webkit-slider-thumb { + display: none +} + +.mdl-slider[disabled]::-moz-range-thumb { + display: none +} + +.mdl-slider[disabled]::-ms-thumb { + display: none +} + +.mdl-slider-ie-container { + height: 1.25em; + overflow: visible; + border: none; + margin: 0; + padding: 0 +} + +.mdl-slider-container { + height: 1.25em; + position: relative; + background: 0 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row +} + +.mdl-slider-background-flex { + background: #333; + position: absolute; + height: .2em; + margin-top: -.1em; + width: 100%; + top: 50%; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + overflow: hidden; + border: 0; + padding: 0 +} + +.mdl-slider-background-flex-inner { + position: relative; + width: 100% +} + +.mdl-slider-background-lower { + position: absolute; + left: 0; + width: 0; + top: 0; + bottom: 0; + background-color: #52B54B +} + +.mdl-slider-background-lower-clear { + background-color: transparent +} + +.mdl-slider-background-lower-withtransform { + width: 100%; + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform: scaleX(0); + transform: scaleX(0) +} + +.mdl-slider-background-upper { + background: #666; + background: rgba(255, 255, 255, .4); + position: absolute; + left: 0; + width: 0; + top: 0; + bottom: 0 +} + +.sliderBubble { + position: absolute; + top: 0; + left: 0; + -webkit-transform: translate3d(-48%, -120%, 0); + transform: translate3d(-48%, -120%, 0); + background: #282828; + color: #fff; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.sliderBubbleText { + margin: 0; + padding: .5em .75em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-tabs/emby-tabs.css b/dashboard-ui/bower_components/emby-webcomponents/emby-tabs/emby-tabs.css index afd339013..56b5124d1 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-tabs/emby-tabs.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-tabs/emby-tabs.css @@ -1 +1,43 @@ -.emby-tab-button,.emby-tabs-slider{position:relative}.emby-tab-button{background:0 0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;outline:0!important;width:auto;font-family:inherit;font-size:inherit;display:inline-block;vertical-align:middle;-webkit-flex-shrink:0;flex-shrink:0;margin:0;padding:1em .9em;height:auto;min-width:initial;line-height:initial;-webkit-border-radius:0!important;border-radius:0!important;overflow:hidden;font-weight:600}.emby-tab-button.emby-button-tv:focus{-webkit-transform:scale(1.32);transform:scale(1.32);-webkit-transform-origin:center center;transform-origin:center center}.emby-tab-button-ripple-effect{background:rgba(0,0,0,.7)!important}.tabContent:not(.is-active){display:none} \ No newline at end of file +.emby-tab-button, +.emby-tabs-slider { + position: relative +} + +.emby-tab-button { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none; + cursor: pointer; + outline: 0 !important; + width: auto; + font-family: inherit; + font-size: inherit; + display: inline-block; + vertical-align: middle; + -webkit-flex-shrink: 0; + flex-shrink: 0; + margin: 0; + padding: 1em .9em; + height: auto; + min-width: initial; + line-height: initial; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; + overflow: hidden; + font-weight: 600 +} + +.emby-tab-button.emby-button-tv:focus { + -webkit-transform: scale(1.32); + transform: scale(1.32); + -webkit-transform-origin: center center; + transform-origin: center center +} + +.emby-tab-button-ripple-effect { + background: rgba(0, 0, 0, .7) !important +} + +.tabContent:not(.is-active) { + display: none +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css b/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css index 99a3c5b5f..18313cffd 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css @@ -1 +1,31 @@ -.emby-textarea{display:block;margin:0;margin-bottom:0!important;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;padding:.35em .25em;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:transparent;width:100%}.emby-textarea::-moz-focus-inner{border:0}.textareaLabel{display:inline-block;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;margin-bottom:.25em}.emby-textarea+.fieldDescription{margin-top:.25em} \ No newline at end of file +.emby-textarea { + display: block; + margin: 0; + margin-bottom: 0 !important; + font-size: inherit; + font-family: inherit; + font-weight: inherit; + color: inherit; + padding: .35em .25em; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0 !important; + -webkit-tap-highlight-color: transparent; + width: 100% +} + +.emby-textarea::-moz-focus-inner { + border: 0 +} + +.textareaLabel { + display: inline-block; + -webkit-transition: all .2s ease-out; + -o-transition: all .2s ease-out; + transition: all .2s ease-out; + margin-bottom: .25em +} + +.emby-textarea+.fieldDescription { + margin-top: .25em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-toggle/emby-toggle.css b/dashboard-ui/bower_components/emby-webcomponents/emby-toggle/emby-toggle.css index e7777db78..ce4944149 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-toggle/emby-toggle.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-toggle/emby-toggle.css @@ -1 +1,155 @@ -.mdl-switch{position:relative;z-index:1;vertical-align:middle;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:0;overflow:visible;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.toggleContainer{margin-bottom:1.8em}.mdl-switch__input{width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-switch__trackContainer{position:relative;width:2.9em}.mdl-switch__track{background:rgba(0,0,0,.2);height:1em;-webkit-border-radius:1em;border-radius:1em;cursor:pointer}.mdl-switch__input:checked+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__track{background:rgba(82,181,75,.5)}.mdl-switch__input[disabled]+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__track{background:rgba(0,0,0,.12);cursor:auto}.mdl-switch__thumb{background:#999;position:absolute;left:0;top:-.25em;height:1.44em;width:1.44em;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition-duration:.28s;-o-transition-duration:.28s;transition-duration:.28s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-property:left;-o-transition-property:left;transition-property:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.mdl-switch__input:checked+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__thumb{background:#52b54b;left:1.466em;-webkit-box-shadow:0 3px .28em 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px .56em 0 rgba(0,0,0,.12);box-shadow:0 3px .28em 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px .56em 0 rgba(0,0,0,.12)}.mdl-switch__input[disabled]+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__thumb{background:#bdbdbd;cursor:auto}.mdl-switch__focus-helper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:.6em;height:.6em;-webkit-border-radius:50%;border-radius:50%;background-color:transparent}.mdl-switch__input:focus+.mdl-switch__label+.mdl-switch__trackContainer .mdl-switch__focus-helper{-webkit-box-shadow:0 0 0 1.39em rgba(0,0,0,.05);box-shadow:0 0 0 1.39em rgba(0,0,0,.05)}.mdl-switch__input:checked:focus+.mdl-switch__label+.mdl-switch__trackContainer .mdl-switch__focus-helper{-webkit-box-shadow:0 0 0 1.39em rgba(82,181,75,.26);box-shadow:0 0 0 1.39em rgba(82,181,75,.26);background-color:rgba(82,181,75,.26)}.mdl-switch__label{cursor:pointer;margin:0 0 0 .7em;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.mdl-switch__input[disabled] .mdl-switch__label{color:#bdbdbd;cursor:auto} \ No newline at end of file +.mdl-switch { + position: relative; + z-index: 1; + vertical-align: middle; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + margin: 0; + padding: 0; + overflow: visible; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end +} + +.toggleContainer { + margin-bottom: 1.8em +} + +.mdl-switch__input { + width: 0; + height: 0; + margin: 0; + padding: 0; + opacity: 0; + -ms-appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + border: none +} + +.mdl-switch__trackContainer { + position: relative; + width: 2.9em +} + +.mdl-switch__track { + background: rgba(0, 0, 0, .2); + height: 1em; + -webkit-border-radius: 1em; + border-radius: 1em; + cursor: pointer +} + +.mdl-switch__input:checked+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__track { + background: rgba(82, 181, 75, .5) +} + +.mdl-switch__input[disabled]+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__track { + background: rgba(0, 0, 0, .12); + cursor: auto +} + +.mdl-switch__thumb { + background: #999; + position: absolute; + left: 0; + top: -.25em; + height: 1.44em; + width: 1.44em; + -webkit-border-radius: 50%; + border-radius: 50%; + cursor: pointer; + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); + -webkit-transition-duration: .28s; + -o-transition-duration: .28s; + transition-duration: .28s; + -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); + -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + -webkit-transition-property: left; + -o-transition-property: left; + transition-property: left; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.mdl-switch__input:checked+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__thumb { + background: #52b54b; + left: 1.466em; + -webkit-box-shadow: 0 3px .28em 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px .56em 0 rgba(0, 0, 0, .12); + box-shadow: 0 3px .28em 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px .56em 0 rgba(0, 0, 0, .12) +} + +.mdl-switch__input[disabled]+.mdl-switch__label+.mdl-switch__trackContainer>.mdl-switch__thumb { + background: #bdbdbd; + cursor: auto +} + +.mdl-switch__focus-helper { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: .6em; + height: .6em; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: transparent +} + +.mdl-switch__input:focus+.mdl-switch__label+.mdl-switch__trackContainer .mdl-switch__focus-helper { + -webkit-box-shadow: 0 0 0 1.39em rgba(0, 0, 0, .05); + box-shadow: 0 0 0 1.39em rgba(0, 0, 0, .05) +} + +.mdl-switch__input:checked:focus+.mdl-switch__label+.mdl-switch__trackContainer .mdl-switch__focus-helper { + -webkit-box-shadow: 0 0 0 1.39em rgba(82, 181, 75, .26); + box-shadow: 0 0 0 1.39em rgba(82, 181, 75, .26); + background-color: rgba(82, 181, 75, .26) +} + +.mdl-switch__label { + cursor: pointer; + margin: 0 0 0 .7em; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.mdl-switch__input[disabled] .mdl-switch__label { + color: #bdbdbd; + cursor: auto +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/flexstyles.css b/dashboard-ui/bower_components/emby-webcomponents/flexstyles.css index b0328b227..b801609a6 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/flexstyles.css +++ b/dashboard-ui/bower_components/emby-webcomponents/flexstyles.css @@ -1 +1,70 @@ -.flex{display:-webkit-box;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex}.flex-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.flex-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.flex-grow{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.flex-shrink-zero{-webkit-flex-shrink:0;flex-shrink:0}.align-items-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.align-items-flex-start{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.justify-content-flex-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.flex-wrap-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.align-self-flex-end{-webkit-align-self:flex-end;align-self:flex-end} \ No newline at end of file +.flex { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.inline-flex { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex +} + +.flex-direction-column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column +} + +.flex-direction-row { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row +} + +.flex-grow { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.flex-shrink-zero { + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.align-items-center { + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.align-items-flex-start { + -webkit-box-align: start; + -webkit-align-items: flex-start; + align-items: flex-start +} + +.justify-content-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.justify-content-flex-end { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end +} + +.flex-wrap-wrap { + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} + +.align-self-flex-end { + -webkit-align-self: flex-end; + align-self: flex-end +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.css b/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.css index 32d5ea946..112441ad1 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.css +++ b/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.css @@ -1 +1,39 @@ -h1,h2,h3{font-weight:500}html{font-family:-apple-system,Helvetica,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",'Open Sans',sans-serif;font-size:93%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}h1,h2,h3{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",'Open Sans',sans-serif}h1{font-size:1.8em}h2{font-size:1.5em}h3{font-size:1.17em}.layout-tv{font-size:2.5vh}.layout-mobile{font-size:90%} \ No newline at end of file +h1, +h2, +h3 { + font-weight: 500 +} + +html { + font-family: -apple-system, Helvetica, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", 'Open Sans', sans-serif; + font-size: 93%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + text-size-adjust: 100% +} + +h1, +h2, +h3 { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", 'Open Sans', sans-serif +} + +h1 { + font-size: 1.8em +} + +h2 { + font-size: 1.5em +} + +h3 { + font-size: 1.17em +} + +.layout-tv { + font-size: 2.5vh +} + +.layout-mobile { + font-size: 90% +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.sized.css b/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.sized.css index d0c75c098..f8722d001 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.sized.css +++ b/dashboard-ui/bower_components/emby-webcomponents/fonts/fonts.sized.css @@ -1 +1,33 @@ -h1,h2,h3{font-weight:500}h1{font-size:1.8em}.layout-desktop h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}@media all and (min-height:720px){html{font-size:20px}}@media all and (min-height:1000px){html{font-size:27px}} \ No newline at end of file +h1, +h2, +h3 { + font-weight: 500 +} + +h1 { + font-size: 1.8em +} + +.layout-desktop h1 { + font-size: 2em +} + +h2 { + font-size: 1.5em +} + +h3 { + font-size: 1.17em +} + +@media all and (min-height:720px) { + html { + font-size: 20px + } +} + +@media all and (min-height:1000px) { + html { + font-size: 27px + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/fonts/material-icons/style.css b/dashboard-ui/bower_components/emby-webcomponents/fonts/material-icons/style.css index fb66dfd10..bcaf041b9 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/fonts/material-icons/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/fonts/material-icons/style.css @@ -1 +1,26 @@ -@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local('Material Icons'),local('MaterialIcons-Regular'),url(flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),url(flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff')}.md-icon{font-family:'Material Icons';font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" 1;-moz-font-feature-settings:"liga" 1;font-feature-settings:"liga" 1;line-height:1;overflow:hidden;vertical-align:middle} \ No newline at end of file +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: local('Material Icons'), local('MaterialIcons-Regular'), url(flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'), url(flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff') +} + +.md-icon { + font-family: 'Material Icons'; + font-weight: 400; + font-style: normal; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -webkit-font-feature-settings: "liga"1; + -moz-font-feature-settings: "liga"1; + font-feature-settings: "liga"1; + line-height: 1; + overflow: hidden; + vertical-align: middle +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/formdialog.css b/dashboard-ui/bower_components/emby-webcomponents/formdialog.css index 5d938924e..d44a7ed87 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/formdialog.css +++ b/dashboard-ui/bower_components/emby-webcomponents/formdialog.css @@ -1 +1,145 @@ -.formDialog,.formDialogHeader{display:-webkit-box;display:-webkit-flex}.formDialog,.formDialogFooter-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal}.formDialog{display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative}.formDialogHeader{padding:1em .5em;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0}.formDialogHeaderTitle{margin-left:.25em;margin-top:0;margin-bottom:0}.formDialogContent:not(.no-grow){-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.dialogContentInner{padding:.5em 1em 20em}.dialogContentInner-mini{padding-bottom:10em}.dialog-content-centered{margin:0 auto;max-width:53em}.dialogContentTitle{margin-top:1em}.formDialogFooter{bottom:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;padding:1.25em 1em;z-index:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.formDialogFooter-flex{position:static;width:100%}.formDialogFooter-vertical{padding-bottom:1.5em;-webkit-flex-direction:column;flex-direction:column;width:80%!important;padding-top:.5em}.formDialogFooterItem{margin:.5em!important;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:center;-webkit-flex-basis:0;flex-basis:0}.formDialogFooterItem-vertical{max-width:none!important;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:1em!important}.formDialogFooterItem-nomarginbottom{margin-bottom:0!important}.formDialogFooterItem-autosize{-webkit-flex-basis:initial;flex-basis:initial;-webkit-box-flex:initial;-webkit-flex-grow:initial;flex-grow:initial;padding-left:2em;padding-right:2em}@media all and (min-width:50em){.formDialogFooterItem{max-width:80%}.dialogContentInner{padding-left:1.5em;padding-right:1.5em}}@media all and (min-width:80em){.formDialogFooterItem{max-width:70%}.dialogContentInner{padding-left:2em;padding-right:2em}} \ No newline at end of file +.formDialog, +.formDialogHeader { + display: -webkit-box; + display: -webkit-flex +} + +.formDialog, +.formDialogFooter-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal +} + +.formDialog { + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + position: relative +} + +.formDialogHeader { + padding: 1em .5em; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.formDialogHeaderTitle { + margin-left: .25em; + margin-top: 0; + margin-bottom: 0 +} + +.formDialogContent:not(.no-grow) { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.dialogContentInner { + padding: .5em 1em 20em +} + +.dialogContentInner-mini { + padding-bottom: 10em +} + +.dialog-content-centered { + margin: 0 auto; + max-width: 53em +} + +.dialogContentTitle { + margin-top: 1em +} + +.formDialogFooter { + bottom: 0; + left: 0; + right: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + position: absolute; + padding: 1.25em 1em; + z-index: 1; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} + +.formDialogFooter-flex { + position: static; + width: 100% +} + +.formDialogFooter-vertical { + padding-bottom: 1.5em; + -webkit-flex-direction: column; + flex-direction: column; + width: 80% !important; + padding-top: .5em +} + +.formDialogFooterItem { + margin: .5em !important; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + text-align: center; + -webkit-flex-basis: 0; + flex-basis: 0 +} + +.formDialogFooterItem-vertical { + max-width: none !important; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin: 1em !important +} + +.formDialogFooterItem-nomarginbottom { + margin-bottom: 0 !important +} + +.formDialogFooterItem-autosize { + -webkit-flex-basis: initial; + flex-basis: initial; + -webkit-box-flex: initial; + -webkit-flex-grow: initial; + flex-grow: initial; + padding-left: 2em; + padding-right: 2em +} + +@media all and (min-width:50em) { + .formDialogFooterItem { + max-width: 80% + } + + .dialogContentInner { + padding-left: 1.5em; + padding-right: 1.5em + } +} + +@media all and (min-width:80em) { + .formDialogFooterItem { + max-width: 70% + } + + .dialogContentInner { + padding-left: 2em; + padding-right: 2em + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css index 7dff5ac45..fa1d4f020 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css +++ b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css @@ -1 +1,531 @@ -.tvGuideHeader,.tvguide{display:-webkit-box;display:-webkit-flex}.channelPrograms,.programContainer,.timeslotHeadersInner,.tvProgram{position:relative}.channelPrograms,.channelsContainer,.tvGuideHeader,.tvguide{-webkit-box-orient:vertical;-webkit-box-direction:normal}.guideChannelName,.guideChannelNumber,.guideProgramName,.guideProgramNameText{-o-text-overflow:ellipsis}.tvguide{display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:initial;-webkit-align-items:initial;align-items:initial}.tvGuideHeader{white-space:nowrap;width:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;flex-shrink:0;display:flex;contain:layout style paint}.layout-desktop .tvGuideHeader{margin-bottom:.5em}.guideHeaderDateSelection{font-size:86%;padding:.4em 0}.guide-headerTimeslots{display:-webkit-box;display:-webkit-flex;display:flex}.tvProgramSectionHeader{margin:0}.tvProgram{display:block;text-decoration:none;white-space:nowrap}.guideProgramIndicator{text-transform:uppercase;-webkit-border-radius:.25em;border-radius:.25em;margin-right:.5em;font-size:82%;padding:.2em .25em;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;margin-left:1em}.guide-channelTimeslotHeader{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.timeslotHeaders{white-space:nowrap;font-weight:500;font-size:120%}.programContainer{white-space:nowrap;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;contain:strict}.guideSpacer{width:.3em;-webkit-flex-shrink:0;flex-shrink:0}.channelPrograms,.timeslotHeadersInner{width:1800vw}@media all and (min-width:37.5em){.channelPrograms,.timeslotHeadersInner{width:1400vw}}@media all and (min-width:50em){.channelPrograms,.timeslotHeadersInner{width:1200vw}}@media all and (min-width:80em){.channelPrograms,.timeslotHeadersInner{width:810vw}}.timeslotHeader{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-indent:.25em;width:2.0833333333333333333333333333333%}.guide-channelHeaderCell,.guide-channelTimeslotHeader,.programCell{color:inherit;cursor:pointer;vertical-align:middle;font-family:inherit;text-decoration:none;-webkit-box-align:center;text-align:left;overflow:hidden}.guide-channelHeaderCell,.guide-channelTimeslotHeader{padding:0!important;outline:0!important;width:100%;font-size:inherit;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:0 1px 0 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;contain:strict;-webkit-flex-shrink:0;flex-shrink:0;-webkit-border-radius:.12em;border-radius:.12em}.guide-channelHeaderCell{border-width:1px 1px 1px 0;border-style:solid;width:100%;height:4.42em;contain:strict;position:relative;background:0 0}.guide-channelTimeslotHeader{border:0!important;border-right-color:transparent}.channelsContainer,.guide-channelTimeslotHeader{width:24vw}@media all and (min-width:31.25em){.channelsContainer,.guide-channelTimeslotHeader{width:16vw}}@media all and (min-width:37.5em){.channelsContainer,.guide-channelTimeslotHeader{width:16vw}}@media all and (min-width:50em){.channelsContainer,.guide-channelTimeslotHeader{width:14vw}}@media all and (min-width:80em){.channelsContainer,.guide-channelTimeslotHeader{width:12vw}}.btnGuideViewSettings{margin:0;-webkit-flex-shrink:0;flex-shrink:0}.btnGuideViewSettingsIcon{font-size:1.5em!important}.selectDateIcon{-webkit-flex-shrink:0;flex-shrink:0}@media all and (max-width:50em){.guideHdIcon,.liveTvProgram,.newTvProgram,.premiereTvProgram{display:none}}.channelPrograms,.programCell{border-style:solid;display:-webkit-box;display:-webkit-flex;contain:strict}.channelPrograms{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;height:4.42em;display:flex;-webkit-flex-direction:column;flex-direction:column;border-width:1px 0}.channelPrograms+.channelPrograms,.guide-channelHeaderCell+.guide-channelHeaderCell{margin-top:-1px}.channelPrograms-tv,.guide-channelHeaderCell-tv{height:3em}.guide-channelTimeslotHeader,.timeslotHeader{background:0 0!important;height:2.8em}.programGrid{padding-bottom:4px;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.programCell{background:0 0;border-width:0 0 0 1px;padding:0!important;width:100%;font-size:inherit;position:absolute;top:0;bottom:0;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin:0!important}.channelsContainer,.guideProgramName,.programGrid{contain:layout style paint}.guide-programNameCaret,.guideProgramName{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center}.guideProgramName{padding:0 .7em;overflow:hidden;text-overflow:ellipsis;-webkit-align-items:center;align-items:center;display:flex;position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.guide-programNameCaret{display:flex;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:200%}.guideProgramNameText{margin:0;font-weight:400;overflow:hidden;text-overflow:ellipsis}.guideProgramSecondaryInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:.1em}.programIcon{margin-left:.5em;height:1em;width:1em;font-size:1.6em;color:#ddd;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.guide-programTextIcon{font-weight:700;font-size:.9em;padding:.16em .3em;-webkit-border-radius:.25em;border-radius:.25em;margin-right:.35em;width:auto;height:auto}.guide-programTextIcon-tv{font-size:.74em}.guideChannelNumber{padding-left:1em;max-width:30%;text-overflow:ellipsis;overflow:hidden;font-weight:400;margin:0}.guideChannelName{margin-left:auto;margin-right:1em;text-overflow:ellipsis;overflow:hidden;max-width:70%}.guideChannelImage{position:absolute;right:8%;top:15%;bottom:15%;width:40%;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:right center}@media all and (min-width:62.5em){.guideChannelName{max-width:40%}}@media all and (max-width:62.5em){.guideChannelNumber{display:none}.guideChannelImage{width:70%}}.channelsContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-direction:column;flex-direction:column}.guide-channelHeaderCell,.programCell{outline:0!important}.seriesTimerIcon,.timerIcon{color:#c33!important}.seriesTimerIcon-inactive{color:inherit!important;opacity:.7}.guideOptions{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media all and (max-width:50em),all and (max-height:37.5em){.tvGuideHeader{padding-left:0}}.guideRequiresUnlock{margin:1em auto;text-align:center;padding:1em;-webkit-flex-shrink:0;flex-shrink:0}.noRubberBanding{padding-bottom:7em}.guideDateTabsSlider{text-align:center}.guide-date-tab-button{padding:.3em .7em!important;margin:0 .3em!important;font-weight:400}.guide-date-tab-button.emby-tab-button-active{border-color:transparent!important}.guide-date-tab-button.emby-button-tv:focus{-webkit-border-radius:.15em!important;border-radius:.15em!important;-webkit-transform:none!important;transform:none!important} \ No newline at end of file +.tvGuideHeader, +.tvguide { + display: -webkit-box; + display: -webkit-flex +} + +.channelPrograms, +.programContainer, +.timeslotHeadersInner, +.tvProgram { + position: relative +} + +.channelPrograms, +.channelsContainer, +.tvGuideHeader, +.tvguide { + -webkit-box-orient: vertical; + -webkit-box-direction: normal +} + +.guideChannelName, +.guideChannelNumber, +.guideProgramName, +.guideProgramNameText { + -o-text-overflow: ellipsis +} + +.tvguide { + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-align: initial; + -webkit-align-items: initial; + align-items: initial +} + +.tvGuideHeader { + white-space: nowrap; + width: 100%; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex-shrink: 0; + flex-shrink: 0; + display: flex; + contain: layout style paint +} + +.layout-desktop .tvGuideHeader { + margin-bottom: .5em +} + +.guideHeaderDateSelection { + font-size: 86%; + padding: .4em 0 +} + +.guide-headerTimeslots { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.tvProgramSectionHeader { + margin: 0 +} + +.tvProgram { + display: block; + text-decoration: none; + white-space: nowrap +} + +.guideProgramIndicator { + text-transform: uppercase; + -webkit-border-radius: .25em; + border-radius: .25em; + margin-right: .5em; + font-size: 82%; + padding: .2em .25em; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + text-align: center; + margin-left: 1em +} + +.guide-channelTimeslotHeader { + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.timeslotHeaders { + white-space: nowrap; + font-weight: 500; + font-size: 120% +} + +.programContainer { + white-space: nowrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + contain: strict +} + +.guideSpacer { + width: .3em; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.channelPrograms, +.timeslotHeadersInner { + width: 1800vw +} + +@media all and (min-width:37.5em) { + + .channelPrograms, + .timeslotHeadersInner { + width: 1400vw + } +} + +@media all and (min-width:50em) { + + .channelPrograms, + .timeslotHeadersInner { + width: 1200vw + } +} + +@media all and (min-width:80em) { + + .channelPrograms, + .timeslotHeadersInner { + width: 810vw + } +} + +.timeslotHeader { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + text-indent: .25em; + width: 2.0833333333333333333333333333333% +} + +.guide-channelHeaderCell, +.guide-channelTimeslotHeader, +.programCell { + color: inherit; + cursor: pointer; + vertical-align: middle; + font-family: inherit; + text-decoration: none; + -webkit-box-align: center; + text-align: left; + overflow: hidden +} + +.guide-channelHeaderCell, +.guide-channelTimeslotHeader { + padding: 0 !important; + outline: 0 !important; + width: 100%; + font-size: inherit; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + margin: 0 1px 0 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + contain: strict; + -webkit-flex-shrink: 0; + flex-shrink: 0; + -webkit-border-radius: .12em; + border-radius: .12em +} + +.guide-channelHeaderCell { + border-width: 1px 1px 1px 0; + border-style: solid; + width: 100%; + height: 4.42em; + contain: strict; + position: relative; + background: 0 0 +} + +.guide-channelTimeslotHeader { + border: 0 !important; + border-right-color: transparent +} + +.channelsContainer, +.guide-channelTimeslotHeader { + width: 24vw +} + +@media all and (min-width:31.25em) { + + .channelsContainer, + .guide-channelTimeslotHeader { + width: 16vw + } +} + +@media all and (min-width:37.5em) { + + .channelsContainer, + .guide-channelTimeslotHeader { + width: 16vw + } +} + +@media all and (min-width:50em) { + + .channelsContainer, + .guide-channelTimeslotHeader { + width: 14vw + } +} + +@media all and (min-width:80em) { + + .channelsContainer, + .guide-channelTimeslotHeader { + width: 12vw + } +} + +.btnGuideViewSettings { + margin: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.btnGuideViewSettingsIcon { + font-size: 1.5em !important +} + +.selectDateIcon { + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +@media all and (max-width:50em) { + + .guideHdIcon, + .liveTvProgram, + .newTvProgram, + .premiereTvProgram { + display: none + } +} + +.channelPrograms, +.programCell { + border-style: solid; + display: -webkit-box; + display: -webkit-flex; + contain: strict +} + +.channelPrograms { + white-space: nowrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 4.42em; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + border-width: 1px 0 +} + +.channelPrograms+.channelPrograms, +.guide-channelHeaderCell+.guide-channelHeaderCell { + margin-top: -1px +} + +.channelPrograms-tv, +.guide-channelHeaderCell-tv { + height: 3em +} + +.guide-channelTimeslotHeader, +.timeslotHeader { + background: 0 0 !important; + height: 2.8em +} + +.programGrid { + padding-bottom: 4px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.programCell { + background: 0 0; + border-width: 0 0 0 1px; + padding: 0 !important; + width: 100%; + font-size: inherit; + position: absolute; + top: 0; + bottom: 0; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + margin: 0 !important +} + +.channelsContainer, +.guideProgramName, +.programGrid { + contain: layout style paint +} + +.guide-programNameCaret, +.guideProgramName { + display: -webkit-box; + display: -webkit-flex; + -webkit-box-align: center +} + +.guideProgramName { + padding: 0 .7em; + overflow: hidden; + text-overflow: ellipsis; + -webkit-align-items: center; + align-items: center; + display: flex; + position: relative; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.guide-programNameCaret { + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: 200% +} + +.guideProgramNameText { + margin: 0; + font-weight: 400; + overflow: hidden; + text-overflow: ellipsis +} + +.guideProgramSecondaryInfo { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + margin-top: .1em +} + +.programIcon { + margin-left: .5em; + height: 1em; + width: 1em; + font-size: 1.6em; + color: #ddd; + -webkit-flex-shrink: 0; + flex-shrink: 0; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0 +} + +.guide-programTextIcon { + font-weight: 700; + font-size: .9em; + padding: .16em .3em; + -webkit-border-radius: .25em; + border-radius: .25em; + margin-right: .35em; + width: auto; + height: auto +} + +.guide-programTextIcon-tv { + font-size: .74em +} + +.guideChannelNumber { + padding-left: 1em; + max-width: 30%; + text-overflow: ellipsis; + overflow: hidden; + font-weight: 400; + margin: 0 +} + +.guideChannelName { + margin-left: auto; + margin-right: 1em; + text-overflow: ellipsis; + overflow: hidden; + max-width: 70% +} + +.guideChannelImage { + position: absolute; + right: 8%; + top: 15%; + bottom: 15%; + width: 40%; + -webkit-background-size: contain; + background-size: contain; + background-repeat: no-repeat; + background-position: right center +} + +@media all and (min-width:62.5em) { + .guideChannelName { + max-width: 40% + } +} + +@media all and (max-width:62.5em) { + .guideChannelNumber { + display: none + } + + .guideChannelImage { + width: 70% + } +} + +.channelsContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-shrink: 0; + flex-shrink: 0; + -webkit-flex-direction: column; + flex-direction: column +} + +.guide-channelHeaderCell, +.programCell { + outline: 0 !important +} + +.seriesTimerIcon, +.timerIcon { + color: #c33 !important +} + +.seriesTimerIcon-inactive { + color: inherit !important; + opacity: .7 +} + +.guideOptions { + -webkit-flex-shrink: 0; + flex-shrink: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +@media all and (max-width:50em), +all and (max-height:37.5em) { + .tvGuideHeader { + padding-left: 0 + } +} + +.guideRequiresUnlock { + margin: 1em auto; + text-align: center; + padding: 1em; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.noRubberBanding { + padding-bottom: 7em +} + +.guideDateTabsSlider { + text-align: center +} + +.guide-date-tab-button { + padding: .3em .7em !important; + margin: 0 .3em !important; + font-weight: 400 +} + +.guide-date-tab-button.emby-tab-button-active { + border-color: transparent !important +} + +.guide-date-tab-button.emby-button-tv:focus { + -webkit-border-radius: .15em !important; + border-radius: .15em !important; + -webkit-transform: none !important; + transform: none !important +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/guide/programs.css b/dashboard-ui/bower_components/emby-webcomponents/guide/programs.css index 8de353bdc..2d8738e01 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/guide/programs.css +++ b/dashboard-ui/bower_components/emby-webcomponents/guide/programs.css @@ -1 +1,19 @@ -.newTvProgram{background:#38c;color:#fff}.liveTvProgram{background:#c33;color:#fff}.premiereTvProgram{background:#EF6C00;color:#fff}.repeatTvProgram{background:#009688;color:#fff} \ No newline at end of file +.newTvProgram { + background: #38c; + color: #fff +} + +.liveTvProgram { + background: #c33; + color: #fff +} + +.premiereTvProgram { + background: #EF6C00; + color: #fff +} + +.repeatTvProgram { + background: #009688; + color: #fff +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/headroom/headroom.css b/dashboard-ui/bower_components/emby-webcomponents/headroom/headroom.css index 650f3f483..642426881 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/headroom/headroom.css +++ b/dashboard-ui/bower_components/emby-webcomponents/headroom/headroom.css @@ -1 +1,15 @@ -.headroom{-webkit-transition:-webkit-transform 140ms linear;-o-transition:transform 140ms linear;transition:transform 140ms linear}.headroom--pinned{-webkit-transform:none;transform:none}.headroom--unpinned:not(.headroomDisabled){-webkit-transform:translateY(-100%);transform:translateY(-100%)} \ No newline at end of file +.headroom { + -webkit-transition: -webkit-transform 140ms linear; + -o-transition: transform 140ms linear; + transition: transform 140ms linear +} + +.headroom--pinned { + -webkit-transform: none; + transform: none +} + +.headroom--unpinned:not(.headroomDisabled) { + -webkit-transform: translateY(-100%); + transform: translateY(-100%) +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/homesections/homesections.css b/dashboard-ui/bower_components/emby-webcomponents/homesections/homesections.css index f8c9067d9..fac9ac5b6 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/homesections/homesections.css +++ b/dashboard-ui/bower_components/emby-webcomponents/homesections/homesections.css @@ -1 +1,10 @@ -.homeLibraryButton{min-width:18%;margin:.5em!important}@media all and (max-width:50em){.homeLibraryButton{width:46%!important}} \ No newline at end of file +.homeLibraryButton { + min-width: 18%; + margin: .5em !important +} + +@media all and (max-width:50em) { + .homeLibraryButton { + width: 46% !important + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/htmlvideoplayer/style.css b/dashboard-ui/bower_components/emby-webcomponents/htmlvideoplayer/style.css index 754773861..e7d826e4f 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/htmlvideoplayer/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/htmlvideoplayer/style.css @@ -1 +1,94 @@ -.videoPlayerContainer{position:fixed!important;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.videoPlayerContainer:not(.videoPlayerContainer-withBackdrop){background:#000!important}.videoPlayerContainer-withBackdrop{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;background-color:#000}.videoPlayerContainer-onTop{z-index:1000}.htmlvideoplayer{margin:0!important;padding:0!important;width:100%;height:100%}.htmlvideoplayer::cue{background-color:transparent;text-shadow:.14em .14em .14em rgba(0,0,0,1);-webkit-font-smoothing:antialiased;font-family:inherit}.htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display{margin-top:-2em}.videoSubtitles{position:fixed;bottom:10%;text-align:center;left:0;right:0;color:#fff;font-size:170%}.videoSubtitlesInner{max-width:70%;background-color:rgba(0,0,0,.8);padding:.25em;margin:auto;display:inline-block}@-webkit-keyframes htmlvideoplayer-zoomin{from{-webkit-transform:scale3d(.2,.2,.2);transform:scale3d(.2,.2,.2);opacity:.6}to{-webkit-transform:none;transform:none;opacity:initial}}@keyframes htmlvideoplayer-zoomin{from{-webkit-transform:scale3d(.2,.2,.2);transform:scale3d(.2,.2,.2);opacity:.6}to{-webkit-transform:none;transform:none;opacity:initial}} \ No newline at end of file +.videoPlayerContainer { + position: fixed !important; + top: 0; + bottom: 0; + left: 0; + right: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.videoPlayerContainer:not(.videoPlayerContainer-withBackdrop) { + background: #000 !important +} + +.videoPlayerContainer-withBackdrop { + background-repeat: no-repeat; + background-position: center center; + -webkit-background-size: cover; + background-size: cover; + background-attachment: fixed; + background-color: #000 +} + +.videoPlayerContainer-onTop { + z-index: 1000 +} + +.htmlvideoplayer { + margin: 0 !important; + padding: 0 !important; + width: 100%; + height: 100% +} + +.htmlvideoplayer::cue { + background-color: transparent; + text-shadow: .14em .14em .14em rgba(0, 0, 0, 1); + -webkit-font-smoothing: antialiased; + font-family: inherit +} + +.htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display { + margin-top: -2em +} + +.videoSubtitles { + position: fixed; + bottom: 10%; + text-align: center; + left: 0; + right: 0; + color: #fff; + font-size: 170% +} + +.videoSubtitlesInner { + max-width: 70%; + background-color: rgba(0, 0, 0, .8); + padding: .25em; + margin: auto; + display: inline-block +} + +@-webkit-keyframes htmlvideoplayer-zoomin { + from { + -webkit-transform: scale3d(.2, .2, .2); + transform: scale3d(.2, .2, .2); + opacity: .6 + } + + to { + -webkit-transform: none; + transform: none; + opacity: initial + } +} + +@keyframes htmlvideoplayer-zoomin { + from { + -webkit-transform: scale3d(.2, .2, .2); + transform: scale3d(.2, .2, .2); + opacity: .6 + } + + to { + -webkit-transform: none; + transform: none; + opacity: initial + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.css b/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.css index d466e8506..46c5ecd74 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.css +++ b/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.css @@ -1 +1,13 @@ -.imageEditor-buttons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:1em 0}.first-imageEditor-buttons{margin-top:2em} \ No newline at end of file +.imageEditor-buttons { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + margin: 1em 0 +} + +.first-imageEditor-buttons { + margin-top: 2em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/images/style.css b/dashboard-ui/bower_components/emby-webcomponents/images/style.css index e85c669d2..e2fb63c31 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/images/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/images/style.css @@ -1 +1,61 @@ -.lazy-image-fadein{-webkit-animation:lazy-image-fadein 330ms ease-in normal both;animation:lazy-image-fadein 330ms ease-in normal both}.lazy-image-fadein-fast{-webkit-animation:lazy-image-fadein 160ms ease-in normal both;animation:lazy-image-fadein 160ms ease-in normal both}@-webkit-keyframes lazy-image-fadein{from{opacity:0}to{opacity:1}}@keyframes lazy-image-fadein{from{opacity:0}to{opacity:1}}.lazy-image-fadein{opacity:0;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:popInAnimation;animation-name:popInAnimation;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0,0,.5,1);animation-timing-function:cubic-bezier(0,0,.5,1)}@-webkit-keyframes popInAnimation{0%{opacity:0}100%{opacity:1}}@keyframes popInAnimation{0%{opacity:0}100%{opacity:1}} \ No newline at end of file +.lazy-image-fadein { + -webkit-animation: lazy-image-fadein 330ms ease-in normal both; + animation: lazy-image-fadein 330ms ease-in normal both +} + +.lazy-image-fadein-fast { + -webkit-animation: lazy-image-fadein 160ms ease-in normal both; + animation: lazy-image-fadein 160ms ease-in normal both +} + +@-webkit-keyframes lazy-image-fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@keyframes lazy-image-fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} + +.lazy-image-fadein { + opacity: 0; + -webkit-animation-duration: .8s; + animation-duration: .8s; + -webkit-animation-name: popInAnimation; + animation-name: popInAnimation; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-timing-function: cubic-bezier(0, 0, .5, 1); + animation-timing-function: cubic-bezier(0, 0, .5, 1) +} + +@-webkit-keyframes popInAnimation { + 0% { + opacity: 0 + } + + 100% { + opacity: 1 + } +} + +@keyframes popInAnimation { + 0% { + opacity: 0 + } + + 100% { + opacity: 1 + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/imageuploader/style.css b/dashboard-ui/bower_components/emby-webcomponents/imageuploader/style.css index 791f1f736..2ac095423 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/imageuploader/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/imageuploader/style.css @@ -1 +1,17 @@ -.imageEditor-dropZone{border:.2em dashed currentcolor;-webkit-border-radius:.25em;border-radius:.25em;text-align:center;position:relative;height:12em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center} \ No newline at end of file +.imageEditor-dropZone { + border: .2em dashed currentcolor; + -webkit-border-radius: .25em; + border-radius: .25em; + text-align: center; + position: relative; + height: 12em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.css b/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.css index 72cbd2ca4..28999f2fe 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.css +++ b/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.css @@ -1 +1,125 @@ -.itemProgressBar{background:#333;background:rgba(51,51,51,.8);position:relative;height:.28em}.itemProgressBarForeground{position:absolute;top:0;left:0;bottom:0}.indicator{-webkit-border-radius:100em;border-radius:100em;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-weight:500;width:2em;height:2em}.countIndicator,.playedIndicator{-webkit-border-radius:100em;display:-webkit-flex;display:-webkit-box;-webkit-box-align:center;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.timerIndicator{color:#CB272A}.timerIndicator-inactive{color:#888}.indicator+.indicator{margin-left:.25em}.indicatorIcon{width:auto;height:auto;font-size:1.6em}.countIndicator{border-radius:100em;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-weight:500;color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);font-size:88%}.playedIndicator{border-radius:100em;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);font-size:80%}.videoIndicator{background:#444;-webkit-border-radius:100em;border-radius:100em;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);font-size:88%}.syncIndicator{-webkit-border-radius:100em;border-radius:100em}.emptySyncIndicator{background:#ccc;color:#333}.missingIndicator,.unairedIndicator{background:#c33;padding:.25em .5em;-webkit-border-radius:100em;border-radius:100em;color:#fff;font-size:84%;font-weight:500;margin:0 .25em} \ No newline at end of file +.itemProgressBar { + background: #333; + background: rgba(51, 51, 51, .8); + position: relative; + height: .28em +} + +.itemProgressBarForeground { + position: absolute; + top: 0; + left: 0; + bottom: 0 +} + +.indicator { + -webkit-border-radius: 100em; + border-radius: 100em; + display: -webkit-flex; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-weight: 500; + width: 2em; + height: 2em +} + +.countIndicator, +.playedIndicator { + -webkit-border-radius: 100em; + display: -webkit-flex; + display: -webkit-box; + -webkit-box-align: center; + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2) +} + +.timerIndicator { + color: #CB272A +} + +.timerIndicator-inactive { + color: #888 +} + +.indicator+.indicator { + margin-left: .25em +} + +.indicatorIcon { + width: auto; + height: auto; + font-size: 1.6em +} + +.countIndicator { + border-radius: 100em; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-weight: 500; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2); + font-size: 88% +} + +.playedIndicator { + border-radius: 100em; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2); + font-size: 80% +} + +.videoIndicator { + background: #444; + -webkit-border-radius: 100em; + border-radius: 100em; + display: -webkit-flex; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + color: #fff; + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2); + font-size: 88% +} + +.syncIndicator { + -webkit-border-radius: 100em; + border-radius: 100em +} + +.emptySyncIndicator { + background: #ccc; + color: #333 +} + +.missingIndicator, +.unairedIndicator { + background: #c33; + padding: .25em .5em; + -webkit-border-radius: 100em; + border-radius: 100em; + color: #fff; + font-size: 84%; + font-weight: 500; + margin: 0 .25em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/lazyloader/lazyedgehack.css b/dashboard-ui/bower_components/emby-webcomponents/lazyloader/lazyedgehack.css index 66f4ad575..ca435a074 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/lazyloader/lazyedgehack.css +++ b/dashboard-ui/bower_components/emby-webcomponents/lazyloader/lazyedgehack.css @@ -1 +1,4 @@ -.lazy{min-width:.1em;min-height:.1em} \ No newline at end of file +.lazy { + min-width: .1em; + min-height: .1em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css index 0d7282480..5834d7f28 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css +++ b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css @@ -1 +1,321 @@ -.listItem-withContentWrapper,.listItemBody{-webkit-box-orient:vertical;-webkit-box-direction:normal}.listItemBody,.listItemBodyText{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.listItem{background:0 0;border:0;outline:0!important;color:inherit;vertical-align:middle;font-family:inherit;font-size:inherit;margin:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:left;padding:.25em .25em .25em .5em;cursor:pointer;overflow:hidden}.listItem-withContentWrapper{-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.listItem[data-action=none]{cursor:default}.listItem-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%}.listItemBody,.listItemButton,.listItemIcon,.listItemImage{display:inline-block;vertical-align:middle}.listItem-button{width:100%}.listItem-indexnumberleft{margin-right:1em}.listItem-border{border-bottom-width:.1em;border-bottom-style:solid}.listItemAside,.listItemIcon,.listItemImage{-webkit-flex-shrink:0;flex-shrink:0}.listItemButton{margin:0;-webkit-flex-shrink:0;flex-shrink:0;contain:layout style}.listItemImage,.listItemImageButton{display:-webkit-box;display:-webkit-flex}.listViewDragHandle{margin-left:-.25em!important;touch-action:none}.listItemBody{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;padding:.85em .75em;-webkit-flex-direction:column;flex-direction:column;vertical-align:middle;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.layout-tv .listItemBody{padding:.35em .75em}.listItemBody-noleftpadding{padding-left:0!important}.listItemBodyText{margin:0;padding:.1em 0}.listItemBodyText-nowrap{white-space:nowrap}.listItemImage{width:4em;height:4em;min-width:2.78em;min-height:2.78em;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-flex-shrink:0;flex-shrink:0;background-position:center center;position:relative;display:flex}.listItemImage-large{width:19.5vw;height:13vw;background-position:center center;margin-right:.75em}.listItemImageButton{-webkit-align-self:center;align-self:center;justify-self:center;margin:auto;color:rgba(255,255,255,.6);font-size:1.6em;background:0 0;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;display:flex}.listItemImageButton:hover{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.listItemImageButton-icon{background:rgba(0,0,0,.4);border:.08em solid currentColor;-webkit-border-radius:100em;border-radius:100em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:.21em}@media all and (max-width:64em){.listItemImage-large{width:33.75vw;height:22.5vw;margin-right:0!important}.listItemImageButton{font-size:1.02em!important}.listItemBody{padding-left:.75em}}@media all and (max-width:50em){.listItemBody{padding-right:.5em}}.listItemImage-large-tv{width:30vw!important;height:20vw!important}.listItemIcon{width:1em!important;height:1em!important;font-size:143%;padding:0 .25em 0 0}.listItemIcon:not(.listItemIcon-transparent){background-color:#52B54B;color:#fff;padding:.5em;-webkit-border-radius:100em;border-radius:100em;margin:0 .2em 0 .4em}.listItemProgressBar{position:absolute;bottom:0;left:0;right:0}.listItem:focus{-webkit-border-radius:.2em;border-radius:.2em}.listItem:focus .secondary{color:inherit!important}.listItem-focusscale{-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.listItem-focusscale:focus{-webkit-transform:scale(1.025,1.025);transform:scale(1.025,1.025)}.paperList{margin:.5em auto}.paperList-clear{background-color:transparent!important}.listItemMediaInfo{-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-right:1em}.listGroupHeader-first{margin-top:0}.listItemIndicators{right:.324em;top:.324em;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.listItem,.listItemBody,.listItemMediaInfo{display:-webkit-box;display:-webkit-flex;display:flex;contain:layout style}.listItem-bottomoverview{font-size:88%;margin-bottom:1em;margin-top:.2em}@media all and (max-width:50em){.listItem .criticRating,.listItem .endsAt,.listItem-overview{display:none!important}}@media all and (min-width:50em){.listItem-bottomoverview{display:none!important}}.listItemCheckboxContainer{width:auto!important} \ No newline at end of file +.listItem-withContentWrapper, +.listItemBody { + -webkit-box-orient: vertical; + -webkit-box-direction: normal +} + +.listItemBody, +.listItemBodyText { + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis +} + +.listItem { + background: 0 0; + border: 0; + outline: 0 !important; + color: inherit; + vertical-align: middle; + font-family: inherit; + font-size: inherit; + margin: 0; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + text-align: left; + padding: .25em .25em .25em .5em; + cursor: pointer; + overflow: hidden +} + +.listItem-withContentWrapper { + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + align-items: flex-start +} + +.listItem[data-action=none] { + cursor: default +} + +.listItem-content { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + width: 100% +} + +.listItemBody, +.listItemButton, +.listItemIcon, +.listItemImage { + display: inline-block; + vertical-align: middle +} + +.listItem-button { + width: 100% +} + +.listItem-indexnumberleft { + margin-right: 1em +} + +.listItem-border { + border-bottom-width: .1em; + border-bottom-style: solid +} + +.listItemAside, +.listItemIcon, +.listItemImage { + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.listItemButton { + margin: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; + contain: layout style +} + +.listItemImage, +.listItemImageButton { + display: -webkit-box; + display: -webkit-flex +} + +.listViewDragHandle { + margin-left: -.25em !important; + touch-action: none +} + +.listItemBody { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + padding: .85em .75em; + -webkit-flex-direction: column; + flex-direction: column; + vertical-align: middle; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.layout-tv .listItemBody { + padding: .35em .75em +} + +.listItemBody-noleftpadding { + padding-left: 0 !important +} + +.listItemBodyText { + margin: 0; + padding: .1em 0 +} + +.listItemBodyText-nowrap { + white-space: nowrap +} + +.listItemImage { + width: 4em; + height: 4em; + min-width: 2.78em; + min-height: 2.78em; + background-repeat: no-repeat; + -webkit-background-size: contain; + background-size: contain; + -webkit-flex-shrink: 0; + flex-shrink: 0; + background-position: center center; + position: relative; + display: flex +} + +.listItemImage-large { + width: 19.5vw; + height: 13vw; + background-position: center center; + margin-right: .75em +} + +.listItemImageButton { + -webkit-align-self: center; + align-self: center; + justify-self: center; + margin: auto; + color: rgba(255, 255, 255, .6); + font-size: 1.6em; + background: 0 0; + -webkit-transition: -webkit-transform .2s ease-out; + -o-transition: transform .2s ease-out; + transition: transform .2s ease-out; + display: flex +} + +.listItemImageButton:hover { + -webkit-transform: scale(1.2, 1.2); + transform: scale(1.2, 1.2) +} + +.listItemImageButton-icon { + background: rgba(0, 0, 0, .4); + border: .08em solid currentColor; + -webkit-border-radius: 100em; + border-radius: 100em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + padding: .21em +} + +@media all and (max-width:64em) { + .listItemImage-large { + width: 33.75vw; + height: 22.5vw; + margin-right: 0 !important + } + + .listItemImageButton { + font-size: 1.02em !important + } + + .listItemBody { + padding-left: .75em + } +} + +@media all and (max-width:50em) { + .listItemBody { + padding-right: .5em + } +} + +.listItemImage-large-tv { + width: 30vw !important; + height: 20vw !important +} + +.listItemIcon { + width: 1em !important; + height: 1em !important; + font-size: 143%; + padding: 0 .25em 0 0 +} + +.listItemIcon:not(.listItemIcon-transparent) { + background-color: #52B54B; + color: #fff; + padding: .5em; + -webkit-border-radius: 100em; + border-radius: 100em; + margin: 0 .2em 0 .4em +} + +.listItemProgressBar { + position: absolute; + bottom: 0; + left: 0; + right: 0 +} + +.listItem:focus { + -webkit-border-radius: .2em; + border-radius: .2em +} + +.listItem:focus .secondary { + color: inherit !important +} + +.listItem-focusscale { + -webkit-transition: -webkit-transform .2s ease-out; + -o-transition: transform .2s ease-out; + transition: transform .2s ease-out +} + +.listItem-focusscale:focus { + -webkit-transform: scale(1.025, 1.025); + transform: scale(1.025, 1.025) +} + +.paperList { + margin: .5em auto +} + +.paperList-clear { + background-color: transparent !important +} + +.listItemMediaInfo { + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + margin-right: 1em +} + +.listGroupHeader-first { + margin-top: 0 +} + +.listItemIndicators { + right: .324em; + top: .324em; + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.listItem, +.listItemBody, +.listItemMediaInfo { + display: -webkit-box; + display: -webkit-flex; + display: flex; + contain: layout style +} + +.listItem-bottomoverview { + font-size: 88%; + margin-bottom: 1em; + margin-top: .2em +} + +@media all and (max-width:50em) { + + .listItem .criticRating, + .listItem .endsAt, + .listItem-overview { + display: none !important + } +} + +@media all and (min-width:50em) { + .listItem-bottomoverview { + display: none !important + } +} + +.listItemCheckboxContainer { + width: auto !important +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/loading/loading-legacy.css b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-legacy.css index f010a42de..af2627b98 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/loading/loading-legacy.css +++ b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-legacy.css @@ -1 +1,10 @@ -.loading-spinner{margin-top:-3em;margin-left:-3em;width:6em;height:6em;position:fixed;top:50%;left:50%;z-index:9999999} \ No newline at end of file +.loading-spinner { + margin-top: -3em; + margin-left: -3em; + width: 6em; + height: 6em; + position: fixed; + top: 50%; + left: 50%; + z-index: 9999999 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css index e07798c39..d70b2969a 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css +++ b/dashboard-ui/bower_components/emby-webcomponents/loading/loading-lite.css @@ -1 +1,390 @@ -.mdl-spinner{position:relative;width:1.95em;height:1.95em;display:none}.mdlSpinnerActive{display:inline-block;-webkit-animation:mdl-spinner__container-rotate 1.568s linear infinite;animation:mdl-spinner__container-rotate 1.568s linear infinite}@-webkit-keyframes mdl-spinner__container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdl-spinner__container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mdl-spinner__layer{position:absolute;width:100%;height:100%;opacity:0}.mdl-spinner__layer-1{border-color:#42a5f5}.mdl-spinner__layer-1-active{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-2{border-color:#f44336}.mdl-spinner__layer-2-active{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-3{border-color:#fdd835}.mdl-spinner__layer-3-active{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-4{border-color:#4caf50}.mdl-spinner__layer-4-active{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}@-webkit-keyframes mdl-spinner__fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdl-spinner__fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdl-spinner__layer-1-fade-in-out{100%,25%,90%,from{opacity:.99}26%,89%{opacity:0}}@keyframes mdl-spinner__layer-1-fade-in-out{100%,25%,90%,from{opacity:.99}26%,89%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-2-fade-in-out{15%,51%,from{opacity:0}25%,50%{opacity:.99}}@keyframes mdl-spinner__layer-2-fade-in-out{15%,51%,from{opacity:0}25%,50%{opacity:.99}}@-webkit-keyframes mdl-spinner__layer-3-fade-in-out{40%,76%,from{opacity:0}50%,75%{opacity:.99}}@keyframes mdl-spinner__layer-3-fade-in-out{40%,76%,from{opacity:0}50%,75%{opacity:.99}}@-webkit-keyframes mdl-spinner__layer-4-fade-in-out{100%,65%,from{opacity:0}75%,90%{opacity:.99}}@keyframes mdl-spinner__layer-4-fade-in-out{100%,65%,from{opacity:0}75%,90%{opacity:.99}}.mdl-spinner__circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.mdl-spinner__circle-clipper .mdl-spinner__circle{width:200%}.mdl-spinner__circle{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;border-width:.21em;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;-webkit-border-radius:50%;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0;left:0}.mdl-spinner__circleLeft{border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.mdl-spinner__circleLeft-active{-webkit-animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__circleRight{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.mdl-spinner__circleRight-active{-webkit-animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@-webkit-keyframes mdl-spinner__left-spin{from,to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes mdl-spinner__left-spin{from,to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes mdl-spinner__right-spin{from,to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes mdl-spinner__right-spin{from,to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.docspinner{margin-top:-5vh;margin-left:-5vh;width:10vh;height:10vh;position:fixed;top:50%;left:50%;z-index:9999999;contain:layout style size} \ No newline at end of file +.mdl-spinner { + position: relative; + width: 1.95em; + height: 1.95em; + display: none +} + +.mdlSpinnerActive { + display: inline-block; + -webkit-animation: mdl-spinner__container-rotate 1.568s linear infinite; + animation: mdl-spinner__container-rotate 1.568s linear infinite +} + +@-webkit-keyframes mdl-spinner__container-rotate { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg) + } +} + +@keyframes mdl-spinner__container-rotate { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg) + } +} + +.mdl-spinner__layer { + position: absolute; + width: 100%; + height: 100%; + opacity: 0 +} + +.mdl-spinner__layer-1 { + border-color: #42a5f5 +} + +.mdl-spinner__layer-1-active { + -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; + animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both +} + +.mdl-spinner__layer-2 { + border-color: #f44336 +} + +.mdl-spinner__layer-2-active { + -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; + animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both +} + +.mdl-spinner__layer-3 { + border-color: #fdd835 +} + +.mdl-spinner__layer-3-active { + -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; + animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both +} + +.mdl-spinner__layer-4 { + border-color: #4caf50 +} + +.mdl-spinner__layer-4-active { + -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; + animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both +} + +@-webkit-keyframes mdl-spinner__fill-unfill-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg) + } + + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg) + } + + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg) + } + + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg) + } + + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg) + } + + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg) + } + + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg) + } + + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg) + } +} + +@keyframes mdl-spinner__fill-unfill-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg) + } + + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg) + } + + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg) + } + + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg) + } + + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg) + } + + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg) + } + + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg) + } + + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg) + } +} + +@-webkit-keyframes mdl-spinner__layer-1-fade-in-out { + + 100%, + 25%, + 90%, + from { + opacity: .99 + } + + 26%, + 89% { + opacity: 0 + } +} + +@keyframes mdl-spinner__layer-1-fade-in-out { + + 100%, + 25%, + 90%, + from { + opacity: .99 + } + + 26%, + 89% { + opacity: 0 + } +} + +@-webkit-keyframes mdl-spinner__layer-2-fade-in-out { + + 15%, + 51%, + from { + opacity: 0 + } + + 25%, + 50% { + opacity: .99 + } +} + +@keyframes mdl-spinner__layer-2-fade-in-out { + + 15%, + 51%, + from { + opacity: 0 + } + + 25%, + 50% { + opacity: .99 + } +} + +@-webkit-keyframes mdl-spinner__layer-3-fade-in-out { + + 40%, + 76%, + from { + opacity: 0 + } + + 50%, + 75% { + opacity: .99 + } +} + +@keyframes mdl-spinner__layer-3-fade-in-out { + + 40%, + 76%, + from { + opacity: 0 + } + + 50%, + 75% { + opacity: .99 + } +} + +@-webkit-keyframes mdl-spinner__layer-4-fade-in-out { + + 100%, + 65%, + from { + opacity: 0 + } + + 75%, + 90% { + opacity: .99 + } +} + +@keyframes mdl-spinner__layer-4-fade-in-out { + + 100%, + 65%, + from { + opacity: 0 + } + + 75%, + 90% { + opacity: .99 + } +} + +.mdl-spinner__circle-clipper { + display: inline-block; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; + border-color: inherit +} + +.mdl-spinner__circle-clipper .mdl-spinner__circle { + width: 200% +} + +.mdl-spinner__circle { + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + border-width: .21em; + border-style: solid; + border-color: inherit; + border-bottom-color: transparent !important; + -webkit-border-radius: 50%; + border-radius: 50%; + -webkit-animation: none; + animation: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0 +} + +.mdl-spinner__circleLeft { + border-right-color: transparent !important; + -webkit-transform: rotate(129deg); + transform: rotate(129deg) +} + +.mdl-spinner__circleLeft-active { + -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; + animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both +} + +.mdl-spinner__circleRight { + left: -100%; + border-left-color: transparent !important; + -webkit-transform: rotate(-129deg); + transform: rotate(-129deg) +} + +.mdl-spinner__circleRight-active { + -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; + animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both +} + +@-webkit-keyframes mdl-spinner__left-spin { + + from, + to { + -webkit-transform: rotate(130deg); + transform: rotate(130deg) + } + + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg) + } +} + +@keyframes mdl-spinner__left-spin { + + from, + to { + -webkit-transform: rotate(130deg); + transform: rotate(130deg) + } + + 50% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg) + } +} + +@-webkit-keyframes mdl-spinner__right-spin { + + from, + to { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg) + } + + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg) + } +} + +@keyframes mdl-spinner__right-spin { + + from, + to { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg) + } + + 50% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg) + } +} + +.docspinner { + margin-top: -5vh; + margin-left: -5vh; + width: 10vh; + height: 10vh; + position: fixed; + top: 50%; + left: 50%; + z-index: 9999999; + contain: layout style size +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css b/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css index 1717b2b69..0fdb8fc7f 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css +++ b/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css @@ -1 +1,110 @@ -.mediaInfoItem{margin:0 1em 0 0;padding:0}.mediaInfoText{padding:.22em .5em;-webkit-border-radius:.25em;border-radius:.25em;font-size:92%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;margin:0 .5em 0 0}.mediaInfoCriticRating,.starRatingContainer{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center}.mediaInfoText-upper{text-transform:uppercase}.mediaInfoIconItem{width:auto;height:auto;font-size:1.6em;margin-right:.6em}.mediaInfoItem:last-child{margin-right:0}.starRatingContainer{display:flex;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:middle;padding-top:0;padding-bottom:0}.starIcon{width:auto!important;height:auto!important;font-size:1.4em}.mediaInfoCriticRating{padding-left:1.5em;background-position:left center;background-repeat:no-repeat;-webkit-background-size:auto 1.2em;background-size:auto 1.2em;min-height:1.2em;display:flex;-webkit-align-items:center;align-items:center}.mediaInfoCriticRatingFresh{background-image:url(fresh.png)}.mediaInfoCriticRatingRotten{background-image:url(rotten.png)}.mediaInfoProgramAttribute{text-transform:uppercase;padding:.16em .6em;-webkit-border-radius:.15em;border-radius:.15em;font-size:80%}.closedCaptionMediaInfoText{font-weight:700}.mediaInfoOfficialRating{border:.09em solid currentColor;padding:0 .6em;height:1.3em;line-height:1.8em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-border-radius:.1em;border-radius:.1em;font-size:96%} \ No newline at end of file +.mediaInfoItem { + margin: 0 1em 0 0; + padding: 0 +} + +.mediaInfoText { + padding: .22em .5em; + -webkit-border-radius: .25em; + border-radius: .25em; + font-size: 92%; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + white-space: nowrap; + margin: 0 .5em 0 0 +} + +.mediaInfoCriticRating, +.starRatingContainer { + display: -webkit-box; + display: -webkit-flex; + -webkit-box-align: center +} + +.mediaInfoText-upper { + text-transform: uppercase +} + +.mediaInfoIconItem { + width: auto; + height: auto; + font-size: 1.6em; + margin-right: .6em +} + +.mediaInfoItem:last-child { + margin-right: 0 +} + +.starRatingContainer { + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + vertical-align: middle; + padding-top: 0; + padding-bottom: 0 +} + +.starIcon { + width: auto !important; + height: auto !important; + font-size: 1.4em +} + +.mediaInfoCriticRating { + padding-left: 1.5em; + background-position: left center; + background-repeat: no-repeat; + -webkit-background-size: auto 1.2em; + background-size: auto 1.2em; + min-height: 1.2em; + display: flex; + -webkit-align-items: center; + align-items: center +} + +.mediaInfoCriticRatingFresh { + background-image: url(fresh.png) +} + +.mediaInfoCriticRatingRotten { + background-image: url(rotten.png) +} + +.mediaInfoProgramAttribute { + text-transform: uppercase; + padding: .16em .6em; + -webkit-border-radius: .15em; + border-radius: .15em; + font-size: 80% +} + +.closedCaptionMediaInfoText { + font-weight: 700 +} + +.mediaInfoOfficialRating { + border: .09em solid currentColor; + padding: 0 .6em; + height: 1.3em; + line-height: 1.8em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-border-radius: .1em; + border-radius: .1em; + font-size: 96% +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.css b/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.css index 0e5aa5cae..42be0e86b 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.css +++ b/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.css @@ -1 +1,40 @@ -.itemSelectionPanel{position:absolute;bottom:0;left:0;right:0;top:0;background-color:rgba(0,0,0,.3);z-index:99998}.selectionCommandsPanel{position:fixed;top:0;left:0;right:0;padding:1em .5em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;z-index:99999}.itemSelectionCount{vertical-align:middle;color:#fff!important;margin:0}.multiSelectCheckboxOutline{top:0!important;-webkit-border-radius:0!important;border-radius:0!important}.withMultiSelect{position:relative} \ No newline at end of file +.itemSelectionPanel { + position: absolute; + bottom: 0; + left: 0; + right: 0; + top: 0; + background-color: rgba(0, 0, 0, .3); + z-index: 99998 +} + +.selectionCommandsPanel { + position: fixed; + top: 0; + left: 0; + right: 0; + padding: 1em .5em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + z-index: 99999 +} + +.itemSelectionCount { + vertical-align: middle; + color: #fff !important; + margin: 0 +} + +.multiSelectCheckboxOutline { + top: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important +} + +.withMultiSelect { + position: relative +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.css b/dashboard-ui/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.css index e72993b75..1d799ff06 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.css +++ b/dashboard-ui/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.css @@ -1 +1,185 @@ -.nowPlayingBarInfoContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden}.nowPlayingBar{text-align:center;will-change:transform;contain:layout style;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.nowPlayingBar-hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.nowPlayingBarTop{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:4.2em;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.mediaButton,.nowPlayingBarUserDataButtons .btnUserItemRating{vertical-align:middle;margin:0;text-align:center}.mediaButton{font-size:120%}.nowPlayingBar .nowPlayingImage{background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;height:70%;width:4.2em;-webkit-flex-shrink:0;flex-shrink:0}.nowPlayingBarText{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;text-align:left;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-size:92%;margin-right:2.4em;margin-left:1em}.nowPlayingBarCenter{vertical-align:middle;text-align:center;z-index:2;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:absolute}.nowPlayingBarPositionContainer{position:absolute!important;left:0;top:-.56em;right:0;z-index:1}.headroom--unpinned .nowPlayingBarPositionContainer,.noMediaProgress .nowPlayingBarPositionContainer{display:none}.nowPlayingBarRight{position:relative;margin:0 .5em 0 auto;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0}.nowPlayingBarCurrentTime{vertical-align:middle;text-align:center;display:inline-block;padding-left:1.5em}.nowPlayingBarVolumeSliderContainer{margin-right:2em}.nowPlayingBarUserDataButtons{display:inline-block;margin-left:1em;margin-right:1em}.nowPlayingBarPositionSlider::-webkit-slider-thumb{width:1.2em!important;height:1.2em!important}@media all and (max-width:87.5em){.nowPlayingBarUserDataButtons{display:none}}@media all and (max-width:68.75em){.nowPlayingBar .muteButton,.nowPlayingBar .unmuteButton,.nowPlayingBarVolumeSliderContainer{display:none!important}}@media all and (max-width:50em){.nowPlayingBarCenter{display:none!important}.toggleRepeatButton{display:none}}@media all and (min-width:50em){.nowPlayingBarRight .playPauseButton{display:none}.nowPlayingBarInfoContainer{max-width:40%}} \ No newline at end of file +.nowPlayingBarInfoContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + height: 100%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + overflow: hidden +} + +.nowPlayingBar { + text-align: center; + will-change: transform; + contain: layout style; + -webkit-transition: -webkit-transform .2s ease-out; + -o-transition: transform .2s ease-out; + transition: transform .2s ease-out +} + +.nowPlayingBar-hidden { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) +} + +.nowPlayingBarTop { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + height: 4.2em; + position: relative; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.mediaButton, +.nowPlayingBarUserDataButtons .btnUserItemRating { + vertical-align: middle; + margin: 0; + text-align: center +} + +.mediaButton { + font-size: 120% +} + +.nowPlayingBar .nowPlayingImage { + background-position: center center; + background-repeat: no-repeat; + -webkit-background-size: contain; + background-size: contain; + height: 70%; + width: 4.2em; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.nowPlayingBarText { + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + vertical-align: middle; + text-align: left; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + font-size: 92%; + margin-right: 2.4em; + margin-left: 1em +} + +.nowPlayingBarCenter { + vertical-align: middle; + text-align: center; + z-index: 2; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: absolute +} + +.nowPlayingBarPositionContainer { + position: absolute !important; + left: 0; + top: -.56em; + right: 0; + z-index: 1 +} + +.headroom--unpinned .nowPlayingBarPositionContainer, +.noMediaProgress .nowPlayingBarPositionContainer { + display: none +} + +.nowPlayingBarRight { + position: relative; + margin: 0 .5em 0 auto; + z-index: 2; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.nowPlayingBarCurrentTime { + vertical-align: middle; + text-align: center; + display: inline-block; + padding-left: 1.5em +} + +.nowPlayingBarVolumeSliderContainer { + margin-right: 2em +} + +.nowPlayingBarUserDataButtons { + display: inline-block; + margin-left: 1em; + margin-right: 1em +} + +.nowPlayingBarPositionSlider::-webkit-slider-thumb { + width: 1.2em !important; + height: 1.2em !important +} + +@media all and (max-width:87.5em) { + .nowPlayingBarUserDataButtons { + display: none + } +} + +@media all and (max-width:68.75em) { + + .nowPlayingBar .muteButton, + .nowPlayingBar .unmuteButton, + .nowPlayingBarVolumeSliderContainer { + display: none !important + } +} + +@media all and (max-width:50em) { + .nowPlayingBarCenter { + display: none !important + } + + .toggleRepeatButton { + display: none + } +} + +@media all and (min-width:50em) { + .nowPlayingBarRight .playPauseButton { + display: none + } + + .nowPlayingBarInfoContainer { + max-width: 40% + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/playback/iconosd.css b/dashboard-ui/bower_components/emby-webcomponents/playback/iconosd.css index 894980dde..9e8073f13 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/playback/iconosd.css +++ b/dashboard-ui/bower_components/emby-webcomponents/playback/iconosd.css @@ -1 +1,45 @@ -.iconOsd{position:fixed;top:7%;right:3%;z-index:100000;background:#222;background:rgba(0,0,0,.8);padding:1em;color:#fff;backdrop-filter:blur(5px);-webkit-border-radius:.25em;border-radius:.25em;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.iconOsd-hidden{opacity:0}.iconOsdIcon{font-size:320%;display:block;margin:.25em .7em}.iconOsdProgressOuter{margin:1.5em .25em 1em;height:.35em;background:#222;-webkit-border-radius:.25em;border-radius:.25em}.iconOsdProgressInner{background:#52B54B;height:100%;-webkit-border-radius:.25em;border-radius:.25em}.brightnessOsdProgressInner{background:#FF9800} \ No newline at end of file +.iconOsd { + position: fixed; + top: 7%; + right: 3%; + z-index: 100000; + background: #222; + background: rgba(0, 0, 0, .8); + padding: 1em; + color: #fff; + backdrop-filter: blur(5px); + -webkit-border-radius: .25em; + border-radius: .25em; + -webkit-transition: opacity .2s ease-out; + -o-transition: opacity .2s ease-out; + transition: opacity .2s ease-out +} + +.iconOsd-hidden { + opacity: 0 +} + +.iconOsdIcon { + font-size: 320%; + display: block; + margin: .25em .7em +} + +.iconOsdProgressOuter { + margin: 1.5em .25em 1em; + height: .35em; + background: #222; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.iconOsdProgressInner { + background: #52B54B; + height: 100%; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.brightnessOsdProgressInner { + background: #FF9800 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/playerstats/playerstats.css b/dashboard-ui/bower_components/emby-webcomponents/playerstats/playerstats.css index dd8dda0d0..865200c76 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/playerstats/playerstats.css +++ b/dashboard-ui/bower_components/emby-webcomponents/playerstats/playerstats.css @@ -1 +1,63 @@ -.playerStats{background:rgba(28,28,28,.8);-webkit-border-radius:.3em;border-radius:.3em;left:1.5em;position:absolute;top:5em;color:#fff}.playerStats-tv{top:4em}.playerStats-content{position:relative;font-size:84%}.playerStats-content-tv{font-size:60%}.playerStats-closeButton{position:absolute;top:.25em;right:.25em;color:#ccc;z-index:1}.playerStats-stats{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding:0 3em 1em 1em;max-width:50em;overflow:hidden}.playerStats-stat{display:-webkit-box;display:-webkit-flex;display:flex;margin-left:1em}.playerStats-stat-label{font-weight:500;margin:0 .5em 0 0}.playerStats-stat-header{margin:1em 1em 0 0}.playerStats-stat-value{color:#ddd} \ No newline at end of file +.playerStats { + background: rgba(28, 28, 28, .8); + -webkit-border-radius: .3em; + border-radius: .3em; + left: 1.5em; + position: absolute; + top: 5em; + color: #fff +} + +.playerStats-tv { + top: 4em +} + +.playerStats-content { + position: relative; + font-size: 84% +} + +.playerStats-content-tv { + font-size: 60% +} + +.playerStats-closeButton { + position: absolute; + top: .25em; + right: .25em; + color: #ccc; + z-index: 1 +} + +.playerStats-stats { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + padding: 0 3em 1em 1em; + max-width: 50em; + overflow: hidden +} + +.playerStats-stat { + display: -webkit-box; + display: -webkit-flex; + display: flex; + margin-left: 1em +} + +.playerStats-stat-label { + font-weight: 500; + margin: 0 .5em 0 0 +} + +.playerStats-stat-header { + margin: 1em 1em 0 0 +} + +.playerStats-stat-value { + color: #ddd +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.css b/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.css index 937fd65d6..91d68b601 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.css +++ b/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.css @@ -1 +1,37 @@ -.recordingDialog-imageContainer{-webkit-flex-shrink:0;flex-shrink:0;padding:1em 1em 1em 0;width:25%}.recordingDialog-img{width:100%}.recordingDialog-itemName{margin-top:.7em}.recordingDetailsContainer{display:-webkit-box;display:-webkit-flex;display:flex}.recordingDetails{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.recordingDetailText{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap} \ No newline at end of file +.recordingDialog-imageContainer { + -webkit-flex-shrink: 0; + flex-shrink: 0; + padding: 1em 1em 1em 0; + width: 25% +} + +.recordingDialog-img { + width: 100% +} + +.recordingDialog-itemName { + margin-top: .7em +} + +.recordingDetailsContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.recordingDetails { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.recordingDetailText { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingfields.css b/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingfields.css index 67bae2275..e48272d4a 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingfields.css +++ b/dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingfields.css @@ -1 +1,12 @@ -.recordingButton{margin-left:0;min-width:10em}.recordingIcon-active{color:#c33}.recordSeriesContainer{margin-bottom:.8em} \ No newline at end of file +.recordingButton { + margin-left: 0; + min-width: 10em +} + +.recordingIcon-active { + color: #c33 +} + +.recordSeriesContainer { + margin-bottom: .8em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/scrollstyles.css b/dashboard-ui/bower_components/emby-webcomponents/scrollstyles.css index d1ef92903..7664b396c 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/scrollstyles.css +++ b/dashboard-ui/bower_components/emby-webcomponents/scrollstyles.css @@ -1 +1,49 @@ -.smoothScrollX,.smoothScrollY{scroll-behavior:smooth}.scrollX{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;white-space:nowrap}.hiddenScrollX,.layout-tv .scrollX{-ms-overflow-style:none}.hiddenScrollX-forced{overflow:-moz-scrollbars-none}.scrollY,.smoothScrollY{overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden}.hiddenScrollX::-webkit-scrollbar,.layout-tv .scrollX::-webkit-scrollbar{height:0!important;display:none}.hiddenScrollY,.layout-tv .smoothScrollY{-ms-overflow-style:none}.hiddenScrollY-forced{overflow:-moz-scrollbars-none}.hiddenScrollY::-webkit-scrollbar,.layout-tv .scrollY::-webkit-scrollbar,.layout-tv .smoothScrollY::-webkit-scrollbar{width:0!important;display:none} \ No newline at end of file +.smoothScrollX, +.smoothScrollY { + scroll-behavior: smooth +} + +.scrollX { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + overflow-y: hidden; + white-space: nowrap +} + +.hiddenScrollX, +.layout-tv .scrollX { + -ms-overflow-style: none +} + +.hiddenScrollX-forced { + overflow: -moz-scrollbars-none +} + +.scrollY, +.smoothScrollY { + overflow-y: auto; + -webkit-overflow-scrolling: touch; + overflow-x: hidden +} + +.hiddenScrollX::-webkit-scrollbar, +.layout-tv .scrollX::-webkit-scrollbar { + height: 0 !important; + display: none +} + +.hiddenScrollY, +.layout-tv .smoothScrollY { + -ms-overflow-style: none +} + +.hiddenScrollY-forced { + overflow: -moz-scrollbars-none +} + +.hiddenScrollY::-webkit-scrollbar, +.layout-tv .scrollY::-webkit-scrollbar, +.layout-tv .smoothScrollY::-webkit-scrollbar { + width: 0 !important; + display: none +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/search/searchfields.css b/dashboard-ui/bower_components/emby-webcomponents/search/searchfields.css index c26ced8fa..114f25a2a 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/search/searchfields.css +++ b/dashboard-ui/bower_components/emby-webcomponents/search/searchfields.css @@ -1 +1,12 @@ -.searchFieldsInner{max-width:60em;margin:0 auto}.searchfields-icon{margin-bottom:.1em;margin-right:.25em;font-size:2em;-webkit-align-self:flex-end;align-self:flex-end} \ No newline at end of file +.searchFieldsInner { + max-width: 60em; + margin: 0 auto +} + +.searchfields-icon { + margin-bottom: .1em; + margin-right: .25em; + font-size: 2em; + -webkit-align-self: flex-end; + align-self: flex-end +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/slideshow/style.css b/dashboard-ui/bower_components/emby-webcomponents/slideshow/style.css index 2cdcab00d..85cae77d2 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/slideshow/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/slideshow/style.css @@ -1 +1,150 @@ -.slideshowDialog,.slideshowSwiperContainer,.swiper-slide,.swiper-wrapper{background:#000}.slideshowImage,.slideshowSwiperContainer{position:fixed;top:0;right:0;left:0;bottom:0;background-position:center center;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;margin:0!important;color:#fff;line-height:normal}.slideshowImage-cover{-webkit-background-size:cover;background-size:cover}.slideshowImageText{position:fixed;bottom:.25em;right:.5em;color:#fff;z-index:1002;font-weight:400;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.swiper-slide-img{width:auto;height:auto;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.btnSlideshowNext,.btnSlideshowPrevious{top:45vh;z-index:1002;position:absolute}.slideshowButtonIcon{color:#fff;opacity:.7}.btnSlideshowPrevious{left:.5vh}.btnSlideshowNext{right:.5vh}.topActionButtons{right:.5vh;top:.5vh;z-index:1002;position:absolute}.slideshowBottomBar,.slideshowTopBar{position:fixed;background-color:rgba(0,0,0,.7);color:#fff;padding:.5%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;left:0;right:0}.slideshowBottomBar{bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.slideshowTopBar{top:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.slideshowExtraButtons{margin-left:auto;text-align:right}.slideText{position:absolute;left:0;right:0;bottom:10vh;text-align:center}.slideTextInner{margin:0 auto;max-width:60%;background:rgba(0,0,0,.8);display:inline-block;padding:.5em 1em;-webkit-border-radius:.25em;border-radius:.25em}.slideTitle{margin:0 0 .25em}.slideSubtitle{color:#ccc} \ No newline at end of file +.slideshowDialog, +.slideshowSwiperContainer, +.swiper-slide, +.swiper-wrapper { + background: #000 +} + +.slideshowImage, +.slideshowSwiperContainer { + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + background-position: center center; + -webkit-background-size: contain; + background-size: contain; + background-repeat: no-repeat; + margin: 0 !important; + color: #fff; + line-height: normal +} + +.slideshowImage-cover { + -webkit-background-size: cover; + background-size: cover +} + +.slideshowImageText { + position: fixed; + bottom: .25em; + right: .5em; + color: #fff; + z-index: 1002; + font-weight: 400; + text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 +} + +.swiper-slide-img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + position: absolute; + left: 50%; + top: 50% +} + +.btnSlideshowNext, +.btnSlideshowPrevious { + top: 45vh; + z-index: 1002; + position: absolute +} + +.slideshowButtonIcon { + color: #fff; + opacity: .7 +} + +.btnSlideshowPrevious { + left: .5vh +} + +.btnSlideshowNext { + right: .5vh +} + +.topActionButtons { + right: .5vh; + top: .5vh; + z-index: 1002; + position: absolute +} + +.slideshowBottomBar, +.slideshowTopBar { + position: fixed; + background-color: rgba(0, 0, 0, .7); + color: #fff; + padding: .5%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + left: 0; + right: 0 +} + +.slideshowBottomBar { + bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.slideshowTopBar { + top: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + text-align: right; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end +} + +.slideshowExtraButtons { + margin-left: auto; + text-align: right +} + +.slideText { + position: absolute; + left: 0; + right: 0; + bottom: 10vh; + text-align: center +} + +.slideTextInner { + margin: 0 auto; + max-width: 60%; + background: rgba(0, 0, 0, .8); + display: inline-block; + padding: .5em 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.slideTitle { + margin: 0 0 .25em +} + +.slideSubtitle { + color: #ccc +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.css b/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.css index 0007f70a8..f6963482d 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.css +++ b/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.css @@ -1 +1,3 @@ -.originalSubtitleFileLabel{margin-right:1em} \ No newline at end of file +.originalSubtitleFileLabel { + margin-right: 1em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/appletv/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/appletv/theme.css index 11932eb08..09b6e6c1a 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/appletv/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/appletv/theme.css @@ -1 +1,440 @@ -.skinHeader,html{color:#222;color:rgba(0,0,0,.87)}.emby-collapsible-button{border-color:#ccc;border-color:rgba(0,0,0,.158)}.collapseContent{background-color:#eaeaea}.formDialogHeader:not(.formDialogHeader-clear),.skinHeader-withBackground{color:rgba(0,0,0,.7);background:#303030;background:-webkit-gradient(linear,left top,right top,from(#BCBCBC),color-stop(#A7B4B7),color-stop(#BEB5A5),color-stop(#ADBEC2),to(#B9C7CB));background:-webkit-linear-gradient(left,#BCBCBC,#A7B4B7,#BEB5A5,#ADBEC2,#B9C7CB);background:-o-linear-gradient(left,#BCBCBC,#A7B4B7,#BEB5A5,#ADBEC2,#B9C7CB);background:linear-gradient(to right,#BCBCBC,#A7B4B7,#BEB5A5,#ADBEC2,#B9C7CB)}@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)){.skinHeader-blurred{background:-webkit-gradient(linear,left top,right top,from(rgba(188,188,188,.7)),color-stop(rgba(167,180,183,.7)),color-stop(rgba(190,181,165,.7)),color-stop(rgba(173,190,194,.7)),to(rgba(185,199,203,.7)));background:-webkit-linear-gradient(left,rgba(188,188,188,.7),rgba(167,180,183,.7),rgba(190,181,165,.7),rgba(173,190,194,.7),rgba(185,199,203,.7));background:-o-linear-gradient(left,rgba(188,188,188,.7),rgba(167,180,183,.7),rgba(190,181,165,.7),rgba(173,190,194,.7),rgba(185,199,203,.7));background:linear-gradient(to right,rgba(188,188,188,.7),rgba(167,180,183,.7),rgba(190,181,165,.7),rgba(173,190,194,.7),rgba(185,199,203,.7));-webkit-backdrop-filter:blur(1.5em);backdrop-filter:blur(1.5em)}}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pageTitleWithDefaultLogo{background-image:url(../logodark.png)}html{background:#D5E9F2}.backgroundContainer,.dialog{background:url(https://github.com/MediaBrowser/Emby.Resources/raw/master/images/wallpaper/atv1-1080.png) center center no-repeat #D5E9F2;-webkit-background-size:100% 100%;background-size:100% 100%}.backgroundContainer.withBackdrop{background:-webkit-gradient(linear,left top,left bottom,from(rgba(192,212,222,.94)),color-stop(rgba(235,250,254,.94)),color-stop(rgba(227,220,212,.94)),color-stop(rgba(206,214,216,.94)),to(rgba(192,211,218,.94)));background:-webkit-linear-gradient(top,rgba(192,212,222,.94),rgba(235,250,254,.94),rgba(227,220,212,.94),rgba(206,214,216,.94),rgba(192,211,218,.94));background:-o-linear-gradient(top,rgba(192,212,222,.94),rgba(235,250,254,.94),rgba(227,220,212,.94),rgba(206,214,216,.94),rgba(192,211,218,.94));background:linear-gradient(to bottom,rgba(192,212,222,.94),rgba(235,250,254,.94),rgba(227,220,212,.94),rgba(206,214,216,.94),rgba(192,211,218,.94))}.actionSheet{background:#f0f0f0}.paper-icon-button-light:focus{color:#52B54B;background-color:rgba(82,181,75,.2)}.fab,.raised{background:#fff;background:rgba(0,0,0,.14);color:inherit}.fab:focus,.raised:focus{background:rgba(0,0,0,.24)}.button-submit{background:#52B54B;color:#fff}.button-submit:focus{background:#5EC157}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#555;color:rgba(0,0,0,.7)}.button-link,.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:green}.checkboxOutline{border-color:currentColor}.paperList,.visualCardBox{background-color:#fff;background-color:rgba(0,0,0,.1)}.defaultCardBackground1{background-color:#009688}.defaultCardBackground2{background-color:#D32F2F}.defaultCardBackground3{background-color:#0288D1}.defaultCardBackground4{background-color:#388E3C}.defaultCardBackground5{background-color:#F57F17}.formDialogFooter:not(.formDialogFooter-clear){border-top:1px solid #ddd;border-top:1px solid rgba(0,0,0,.08)}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#888;color:rgba(0,0,0,.5)}.actionsheetDivider{background:#ddd;background:rgba(0,0,0,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.formDialogHeader a,.toast{color:#fff}.actionSheetMenuItem:hover{background-color:#ddd}.toast{background:#303030;color:rgba(255,255,255,.87)}.appfooter,.formDialogFooter:not(.formDialogFooter-clear){color:rgba(0,0,0,.7);background:#303030;background:-webkit-gradient(linear,left top,right top,from(#BCBCBC),color-stop(#A7B4B7),color-stop(#BEB5A5),color-stop(#ADBEC2),to(#B9C7CB));background:-webkit-linear-gradient(left,#BCBCBC,#A7B4B7,#BEB5A5,#ADBEC2,#B9C7CB);background:-o-linear-gradient(left,#BCBCBC,#A7B4B7,#BEB5A5,#ADBEC2,#B9C7CB);background:linear-gradient(to right,#BCBCBC,#A7B4B7,#BEB5A5,#ADBEC2,#B9C7CB)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nowPlayingBarSecondaryText{color:#999}.itemSelectionPanel{border:1px solid #52B54B}.selectionCommandsPanel{background:#52B54B;color:#fff}.upNextDialog-countdownText{color:#52B54B}.alphaPickerButton{color:#555;color:rgba(0,0,0,.7);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#52B54B;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#f8f8f8;background:rgba(0,0,0,.1)}.listItem-border{border-color:rgba(0,0,0,.1)!important}.listItem:focus{background:rgba(0,0,0,.2)}.progressring-spiner{border-color:#52B54B}.mediaInfoText{color:#333;background:#fff}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:rgba(255,255,255,.9);border:.07em solid rgba(0,0,0,.158);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#52B54B}.emby-select-withcolor{color:inherit;background:rgba(255,255,255,.9);border:.07em solid rgba(0,0,0,.158)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#52B54B}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#52B54B;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(82,181,75,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#52B54B}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#52B54B}.fullSyncIndicator{color:#fff}.mainDrawer{background:#fff}.navMenuOption:hover{background:#f2f2f2}.navMenuOption-selected{background:#52B54B!important;color:#fff}.emby-button-focusscale:focus{background:#52B54B;color:#fff}.emby-tab-button{color:#999;color:rgba(0,0,0,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#fff;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:#555;border-color:rgba(0,0,0,.1)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.1)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#52B54B!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(0,0,0,.54)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#E4E2DC));background:-webkit-linear-gradient(rgba(0,0,0,0),#E4E2DC);background:-o-linear-gradient(rgba(0,0,0,0),#E4E2DC);background:linear-gradient(rgba(0,0,0,0),#E4E2DC)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#52B54B} \ No newline at end of file +.skinHeader, +html { + color: #222; + color: rgba(0, 0, 0, .87) +} + +.emby-collapsible-button { + border-color: #ccc; + border-color: rgba(0, 0, 0, .158) +} + +.collapseContent { + background-color: #eaeaea +} + +.formDialogHeader:not(.formDialogHeader-clear), +.skinHeader-withBackground { + color: rgba(0, 0, 0, .7); + background: #303030; + background: -webkit-gradient(linear, left top, right top, from(#BCBCBC), color-stop(#A7B4B7), color-stop(#BEB5A5), color-stop(#ADBEC2), to(#B9C7CB)); + background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB); + background: -o-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB); + background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) +} + +@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) { + .skinHeader-blurred { + background: -webkit-gradient(linear, left top, right top, from(rgba(188, 188, 188, .7)), color-stop(rgba(167, 180, 183, .7)), color-stop(rgba(190, 181, 165, .7)), color-stop(rgba(173, 190, 194, .7)), to(rgba(185, 199, 203, .7))); + background: -webkit-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7)); + background: -o-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7)); + background: linear-gradient(to right, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7)); + -webkit-backdrop-filter: blur(1.5em); + backdrop-filter: blur(1.5em) + } +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important +} + +.pageTitleWithDefaultLogo { + background-image: url(../logodark.png) +} + +html { + background: #D5E9F2 +} + +.backgroundContainer, +.dialog { + background: url(https://github.com/MediaBrowser/Emby.Resources/raw/master/images/wallpaper/atv1-1080.png) center center no-repeat #D5E9F2; + -webkit-background-size: 100% 100%; + background-size: 100% 100% +} + +.backgroundContainer.withBackdrop { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 212, 222, .94)), color-stop(rgba(235, 250, 254, .94)), color-stop(rgba(227, 220, 212, .94)), color-stop(rgba(206, 214, 216, .94)), to(rgba(192, 211, 218, .94))); + background: -webkit-linear-gradient(top, rgba(192, 212, 222, .94), rgba(235, 250, 254, .94), rgba(227, 220, 212, .94), rgba(206, 214, 216, .94), rgba(192, 211, 218, .94)); + background: -o-linear-gradient(top, rgba(192, 212, 222, .94), rgba(235, 250, 254, .94), rgba(227, 220, 212, .94), rgba(206, 214, 216, .94), rgba(192, 211, 218, .94)); + background: linear-gradient(to bottom, rgba(192, 212, 222, .94), rgba(235, 250, 254, .94), rgba(227, 220, 212, .94), rgba(206, 214, 216, .94), rgba(192, 211, 218, .94)) +} + +.actionSheet { + background: #f0f0f0 +} + +.paper-icon-button-light:focus { + color: #52B54B; + background-color: rgba(82, 181, 75, .2) +} + +.fab, +.raised { + background: #fff; + background: rgba(0, 0, 0, .14); + color: inherit +} + +.fab:focus, +.raised:focus { + background: rgba(0, 0, 0, .24) +} + +.button-submit { + background: #52B54B; + color: #fff +} + +.button-submit:focus { + background: #5EC157 +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #555; + color: rgba(0, 0, 0, .7) +} + +.button-link, +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: green +} + +.checkboxOutline { + border-color: currentColor +} + +.paperList, +.visualCardBox { + background-color: #fff; + background-color: rgba(0, 0, 0, .1) +} + +.defaultCardBackground1 { + background-color: #009688 +} + +.defaultCardBackground2 { + background-color: #D32F2F +} + +.defaultCardBackground3 { + background-color: #0288D1 +} + +.defaultCardBackground4 { + background-color: #388E3C +} + +.defaultCardBackground5 { + background-color: #F57F17 +} + +.formDialogFooter:not(.formDialogFooter-clear) { + border-top: 1px solid #ddd; + border-top: 1px solid rgba(0, 0, 0, .08) +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #888; + color: rgba(0, 0, 0, .5) +} + +.actionsheetDivider { + background: #ddd; + background: rgba(0, 0, 0, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.formDialogHeader a, +.toast { + color: #fff +} + +.actionSheetMenuItem:hover { + background-color: #ddd +} + +.toast { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.appfooter, +.formDialogFooter:not(.formDialogFooter-clear) { + color: rgba(0, 0, 0, .7); + background: #303030; + background: -webkit-gradient(linear, left top, right top, from(#BCBCBC), color-stop(#A7B4B7), color-stop(#BEB5A5), color-stop(#ADBEC2), to(#B9C7CB)); + background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB); + background: -o-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB); + background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.nowPlayingBarSecondaryText { + color: #999 +} + +.itemSelectionPanel { + border: 1px solid #52B54B +} + +.selectionCommandsPanel { + background: #52B54B; + color: #fff +} + +.upNextDialog-countdownText { + color: #52B54B +} + +.alphaPickerButton { + color: #555; + color: rgba(0, 0, 0, .7); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #52B54B; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #f8f8f8; + background: rgba(0, 0, 0, .1) +} + +.listItem-border { + border-color: rgba(0, 0, 0, .1) !important +} + +.listItem:focus { + background: rgba(0, 0, 0, .2) +} + +.progressring-spiner { + border-color: #52B54B +} + +.mediaInfoText { + color: #333; + background: #fff +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: rgba(255, 255, 255, .9); + border: .07em solid rgba(0, 0, 0, .158); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #52B54B +} + +.emby-select-withcolor { + color: inherit; + background: rgba(255, 255, 255, .9); + border: .07em solid rgba(0, 0, 0, .158) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #52B54B +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #52B54B; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(82, 181, 75, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #52B54B +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #52B54B +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background: #fff +} + +.navMenuOption:hover { + background: #f2f2f2 +} + +.navMenuOption-selected { + background: #52B54B !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #52B54B; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(0, 0, 0, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: #555; + border-color: rgba(0, 0, 0, .1) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .1) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(0, 0, 0, .54) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#E4E2DC)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC); + background: linear-gradient(rgba(0, 0, 0, 0), #E4E2DC) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #52B54B +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/blueradiance/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/blueradiance/theme.css index 1769a1207..b6b9e948c 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/blueradiance/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/blueradiance/theme.css @@ -1 +1,446 @@ -html{color:#ddd;color:rgba(255,255,255,.8)}.emby-collapsible-button{border-color:#383838;border-color:rgba(255,255,255,.135)}.skinHeader-withBackground{background:#303030;background:-webkit-gradient(linear,left top,right top,from(#291A31),color-stop(#033664),color-stop(#011432),color-stop(#141A3A),to(#291A31));background:-webkit-linear-gradient(left,#291A31,#033664,#011432,#141A3A,#291A31);background:-o-linear-gradient(left,#291A31,#033664,#011432,#141A3A,#291A31);background:linear-gradient(to right,#291A31,#033664,#011432,#141A3A,#291A31)}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.dialog,html{background-color:#033361}.backgroundContainer{background:url(bg.jpg) center top no-repeat #033361;-webkit-background-size:cover;background-size:cover}.backgroundContainer.withBackdrop{opacity:.93}@media (orientation:portrait){.backgroundContainer{background-position:30% top}}.paper-icon-button-light:focus{color:#52B54B;background-color:rgba(82,181,75,.2)}.fab,.raised{background:rgba(0,0,0,.5);color:rgba(255,255,255,.87)}.fab:focus,.raised:focus{background:rgba(0,0,0,.7)}.button-submit{background:#52B54B;color:#fff}.button-submit:focus{background:#5EC157;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#bbb;color:rgba(255,255,255,.7)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#52B54B}.checkboxOutline{border-color:currentColor}.collapseContent,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear),.paperList,.visualCardBox{background-color:rgba(0,0,0,.5)}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#999;color:rgba(255,255,255,.5)}.actionsheetDivider{background:#444;background:rgba(255,255,255,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.actionSheetMenuItem:hover{background-color:rgba(0,0,0,.5)}.toast{background:#303030;color:#fff;color:rgba(255,255,255,.87)}.appfooter{background:#033664;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.itemSelectionPanel{border:1px solid #52B54B}.selectionCommandsPanel{background:#52B54B;color:#fff}.upNextDialog-countdownText{color:#52B54B}.alphaPickerButton{color:#999;color:rgba(255,255,255,.5);background-color:transparent}.alphaPickerButton-selected{color:#fff}.alphaPickerButton-tv:focus{background-color:#52B54B;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.listItem-border{border-color:rgba(255,255,255,.1)!important}.listItem:focus{background:rgba(0,0,0,.3)}.progressring-spiner{border-color:#52B54B}.button-flat-accent,.button-link{color:#52B54B}.mediaInfoText{color:#ddd;background:rgba(170,170,190,.2)}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:rgba(0,0,0,.5);border:.07em solid transparent;-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#52B54B}.emby-select-withcolor{color:inherit;background:rgba(0,0,0,.5);border:.07em solid transparent}.emby-select-withcolor>option{color:inherit;background:#222}.emby-select-withcolor:focus{border-color:#52B54B!important}.emby-select-tv-withcolor:focus{background-color:#52B54B!important;color:#fff!important}.emby-checkbox:checked+span+span+.checkboxOutline{border-color:#52B54B}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(82,181,75,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#52B54B}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#52B54B}.fullSyncIndicator{color:#fff}.mainDrawer{background-color:#1c1c1c}.navMenuOption:hover{background:#252528}.navMenuOption-selected{background:#52B54B!important;color:#fff}.emby-button-focusscale:focus{background:#52B54B;color:#fff}.emby-tab-button{color:#999;color:rgba(255,255,255,.4)}.emby-tab-button-active{color:#52B54B}.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#52B54B;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(255,255,255,.05)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.4)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#52B54B!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(255,255,255,.3)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#181818));background:-webkit-linear-gradient(rgba(0,0,0,0),#181818);background:-o-linear-gradient(rgba(0,0,0,0),#181818);background:linear-gradient(rgba(0,0,0,0),#181818)}.infoBanner{color:#ddd;background:#111;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#52B54B}.layout-desktop ::-webkit-scrollbar{width:1em;height:1em}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-track-piece{background-color:#3b3b3b}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{-webkit-border-radius:2px;background:center no-repeat #888}.timeslotHeaders-desktop::-webkit-scrollbar{height:.7em} \ No newline at end of file +html { + color: #ddd; + color: rgba(255, 255, 255, .8) +} + +.emby-collapsible-button { + border-color: #383838; + border-color: rgba(255, 255, 255, .135) +} + +.skinHeader-withBackground { + background: #303030; + background: -webkit-gradient(linear, left top, right top, from(#291A31), color-stop(#033664), color-stop(#011432), color-stop(#141A3A), to(#291A31)); + background: -webkit-linear-gradient(left, #291A31, #033664, #011432, #141A3A, #291A31); + background: -o-linear-gradient(left, #291A31, #033664, #011432, #141A3A, #291A31); + background: linear-gradient(to right, #291A31, #033664, #011432, #141A3A, #291A31) +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.dialog, +html { + background-color: #033361 +} + +.backgroundContainer { + background: url(bg.jpg) center top no-repeat #033361; + -webkit-background-size: cover; + background-size: cover +} + +.backgroundContainer.withBackdrop { + opacity: .93 +} + +@media (orientation:portrait) { + .backgroundContainer { + background-position: 30% top + } +} + +.paper-icon-button-light:focus { + color: #52B54B; + background-color: rgba(82, 181, 75, .2) +} + +.fab, +.raised { + background: rgba(0, 0, 0, .5); + color: rgba(255, 255, 255, .87) +} + +.fab:focus, +.raised:focus { + background: rgba(0, 0, 0, .7) +} + +.button-submit { + background: #52B54B; + color: #fff +} + +.button-submit:focus { + background: #5EC157; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #bbb; + color: rgba(255, 255, 255, .7) +} + +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #52B54B +} + +.checkboxOutline { + border-color: currentColor +} + +.collapseContent, +.formDialogFooter:not(.formDialogFooter-clear), +.formDialogHeader:not(.formDialogHeader-clear), +.paperList, +.visualCardBox { + background-color: rgba(0, 0, 0, .5) +} + +.defaultCardBackground1 { + background-color: #d2b019 +} + +.defaultCardBackground2 { + background-color: #338abb +} + +.defaultCardBackground3 { + background-color: #6b689d +} + +.defaultCardBackground4 { + background-color: #dd452b +} + +.defaultCardBackground5 { + background-color: #5ccea9 +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.actionsheetDivider { + background: #444; + background: rgba(255, 255, 255, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.actionSheetMenuItem:hover { + background-color: rgba(0, 0, 0, .5) +} + +.toast { + background: #303030; + color: #fff; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #033664; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.itemSelectionPanel { + border: 1px solid #52B54B +} + +.selectionCommandsPanel { + background: #52B54B; + color: #fff +} + +.upNextDialog-countdownText { + color: #52B54B +} + +.alphaPickerButton { + color: #999; + color: rgba(255, 255, 255, .5); + background-color: transparent +} + +.alphaPickerButton-selected { + color: #fff +} + +.alphaPickerButton-tv:focus { + background-color: #52B54B; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #1c1c1c; + background: rgba(30, 30, 30, .9) +} + +.listItem-border { + border-color: rgba(255, 255, 255, .1) !important +} + +.listItem:focus { + background: rgba(0, 0, 0, .3) +} + +.progressring-spiner { + border-color: #52B54B +} + +.button-flat-accent, +.button-link { + color: #52B54B +} + +.mediaInfoText { + color: #ddd; + background: rgba(170, 170, 190, .2) +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: rgba(0, 0, 0, .5); + border: .07em solid transparent; + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #52B54B +} + +.emby-select-withcolor { + color: inherit; + background: rgba(0, 0, 0, .5); + border: .07em solid transparent +} + +.emby-select-withcolor>option { + color: inherit; + background: #222 +} + +.emby-select-withcolor:focus { + border-color: #52B54B !important +} + +.emby-select-tv-withcolor:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.emby-checkbox:checked+span+span+.checkboxOutline { + border-color: #52B54B +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(82, 181, 75, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #52B54B +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #52B54B +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background-color: #1c1c1c +} + +.navMenuOption:hover { + background: #252528 +} + +.navMenuOption-selected { + background: #52B54B !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #52B54B; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(255, 255, 255, .4) +} + +.emby-tab-button-active { + color: #52B54B +} + +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #52B54B; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(255, 255, 255, .05) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .4) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(255, 255, 255, .3) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181818)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #181818); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #181818); + background: linear-gradient(rgba(0, 0, 0, 0), #181818) +} + +.infoBanner { + color: #ddd; + background: #111; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #52B54B +} + +.layout-desktop ::-webkit-scrollbar { + width: 1em; + height: 1em +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) +} + +::-webkit-scrollbar-track-piece { + background-color: #3b3b3b +} + +::-webkit-scrollbar-thumb:horizontal, +::-webkit-scrollbar-thumb:vertical { + -webkit-border-radius: 2px; + background: center no-repeat #888 +} + +.timeslotHeaders-desktop::-webkit-scrollbar { + height: .7em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/dark-green/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/dark-green/theme.css index fdc2ce0e5..9e2d6de27 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/dark-green/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/dark-green/theme.css @@ -1 +1,444 @@ -html{color:#eee;color:rgba(255,255,255,.87)}.emby-collapsible-button{border-color:#383838;border-color:rgba(255,255,255,.135)}.skinHeader{color:#ccc;color:rgba(255,255,255,.78)}.skinHeader-withBackground{background-color:#52B54B;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37)}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));-webkit-box-shadow:none;box-shadow:none}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,.dialog,html{background-color:#282828}.backgroundContainer.withBackdrop{background-color:rgba(0,0,0,.86)}.paper-icon-button-light:focus{color:#52B54B;background-color:rgba(82,181,75,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.fab,.raised{background:#404040;color:#fff}.fab:focus,.raised:focus{background:#505050}.button-submit{background:#52B54B;color:#fff}.button-submit:focus{background:#5EC157;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#bbb;color:rgba(255,255,255,.7)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#52B54B}.checkboxOutline{border-color:currentColor}.collapseContent,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear),.paperList,.visualCardBox{background-color:#222}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#999;color:rgba(255,255,255,.5)}.actionsheetDivider{background:#444;background:rgba(255,255,255,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.actionSheetMenuItem:hover{background-color:#222}.toast{background:#303030;color:#fff;color:rgba(255,255,255,.87)}.appfooter{background:#101010;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.itemSelectionPanel{border:1px solid #52B54B}.selectionCommandsPanel{background:#52B54B;color:#fff}.upNextDialog-countdownText{color:#52B54B}.alphaPickerButton{color:#999;color:rgba(255,255,255,.5);background-color:transparent}.alphaPickerButton-selected{color:#fff}.alphaPickerButton-tv:focus{background-color:#52B54B;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.listItem-border{border-color:rgba(30,30,30,.9)!important}.listItem:focus{background:#333}.progressring-spiner{border-color:#52B54B}.button-flat-accent,.button-link{color:#52B54B}.mediaInfoText{color:#ddd;background:rgba(170,170,190,.2)}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#1c1c1c;border:.07em solid #1c1c1c;-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#52B54B}.emby-select-withcolor{color:inherit;background:#1c1c1c;border:.07em solid #1c1c1c}.emby-select-withcolor>option{color:inherit;background:#222}.emby-select-withcolor:focus{border-color:#52B54B!important}.emby-select-tv-withcolor:focus{background-color:#52B54B!important;color:#fff!important}.emby-checkbox:checked+span+span+.checkboxOutline{border-color:#52B54B}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(82,181,75,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#52B54B}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#52B54B}.fullSyncIndicator{color:#fff}.mainDrawer{background-color:#1c1c1f;color:#ccc;color:rgba(255,255,255,.7)}.navMenuOption:hover{background:#252528}.navMenuOption-selected{background:#52B54B!important;color:#fff}.emby-button-focusscale:focus{background:#52B54B;color:#fff}.emby-tab-button{color:#999;color:rgba(255,255,255,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#fff;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:#383838}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:#1e1e1e!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#52B54B!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(255,255,255,.3)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#191919));background:-webkit-linear-gradient(rgba(0,0,0,0),#191919);background:-o-linear-gradient(rgba(0,0,0,0),#191919);background:linear-gradient(rgba(0,0,0,0),#191919)}.infoBanner{color:#ddd;background:#111;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#52B54B}.layout-desktop ::-webkit-scrollbar{width:1em;height:1em}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-track-piece{background-color:#3b3b3b}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{-webkit-border-radius:2px;background:center no-repeat #888} \ No newline at end of file +html { + color: #eee; + color: rgba(255, 255, 255, .87) +} + +.emby-collapsible-button { + border-color: #383838; + border-color: rgba(255, 255, 255, .135) +} + +.skinHeader { + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +.skinHeader-withBackground { + background-color: #52B54B; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + -webkit-box-shadow: none; + box-shadow: none +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +.dialog, +html { + background-color: #282828 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(0, 0, 0, .86) +} + +.paper-icon-button-light:focus { + color: #52B54B; + background-color: rgba(82, 181, 75, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.fab, +.raised { + background: #404040; + color: #fff +} + +.fab:focus, +.raised:focus { + background: #505050 +} + +.button-submit { + background: #52B54B; + color: #fff +} + +.button-submit:focus { + background: #5EC157; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #bbb; + color: rgba(255, 255, 255, .7) +} + +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #52B54B +} + +.checkboxOutline { + border-color: currentColor +} + +.collapseContent, +.formDialogFooter:not(.formDialogFooter-clear), +.formDialogHeader:not(.formDialogHeader-clear), +.paperList, +.visualCardBox { + background-color: #222 +} + +.defaultCardBackground1 { + background-color: #d2b019 +} + +.defaultCardBackground2 { + background-color: #338abb +} + +.defaultCardBackground3 { + background-color: #6b689d +} + +.defaultCardBackground4 { + background-color: #dd452b +} + +.defaultCardBackground5 { + background-color: #5ccea9 +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.actionsheetDivider { + background: #444; + background: rgba(255, 255, 255, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.actionSheetMenuItem:hover { + background-color: #222 +} + +.toast { + background: #303030; + color: #fff; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #101010; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.itemSelectionPanel { + border: 1px solid #52B54B +} + +.selectionCommandsPanel { + background: #52B54B; + color: #fff +} + +.upNextDialog-countdownText { + color: #52B54B +} + +.alphaPickerButton { + color: #999; + color: rgba(255, 255, 255, .5); + background-color: transparent +} + +.alphaPickerButton-selected { + color: #fff +} + +.alphaPickerButton-tv:focus { + background-color: #52B54B; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #1c1c1c; + background: rgba(30, 30, 30, .9) +} + +.listItem-border { + border-color: rgba(30, 30, 30, .9) !important +} + +.listItem:focus { + background: #333 +} + +.progressring-spiner { + border-color: #52B54B +} + +.button-flat-accent, +.button-link { + color: #52B54B +} + +.mediaInfoText { + color: #ddd; + background: rgba(170, 170, 190, .2) +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #1c1c1c; + border: .07em solid #1c1c1c; + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #52B54B +} + +.emby-select-withcolor { + color: inherit; + background: #1c1c1c; + border: .07em solid #1c1c1c +} + +.emby-select-withcolor>option { + color: inherit; + background: #222 +} + +.emby-select-withcolor:focus { + border-color: #52B54B !important +} + +.emby-select-tv-withcolor:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.emby-checkbox:checked+span+span+.checkboxOutline { + border-color: #52B54B +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(82, 181, 75, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #52B54B +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #52B54B +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background-color: #1c1c1f; + color: #ccc; + color: rgba(255, 255, 255, .7) +} + +.navMenuOption:hover { + background: #252528 +} + +.navMenuOption-selected { + background: #52B54B !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #52B54B; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: #383838 +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: #1e1e1e !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(255, 255, 255, .3) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#191919)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #191919); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #191919); + background: linear-gradient(rgba(0, 0, 0, 0), #191919) +} + +.infoBanner { + color: #ddd; + background: #111; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #52B54B +} + +.layout-desktop ::-webkit-scrollbar { + width: 1em; + height: 1em +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) +} + +::-webkit-scrollbar-track-piece { + background-color: #3b3b3b +} + +::-webkit-scrollbar-thumb:horizontal, +::-webkit-scrollbar-thumb:vertical { + -webkit-border-radius: 2px; + background: center no-repeat #888 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/dark-red/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/dark-red/theme.css index c2948fc39..cff7ae60e 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/dark-red/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/dark-red/theme.css @@ -1 +1,442 @@ -html{color:#eee;color:rgba(255,255,255,.87)}.emby-collapsible-button{border-color:#383838;border-color:rgba(255,255,255,.135)}.skinHeader{color:#ccc;color:rgba(255,255,255,.78)}.skinHeader-withBackground{background-color:#c33;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37)}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));-webkit-box-shadow:none;box-shadow:none}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,.dialog,html{background-color:#282828}.backgroundContainer.withBackdrop{background-color:rgba(0,0,0,.86)}.paper-icon-button-light:focus{color:#c33;background-color:rgba(204,51,51,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.fab,.raised{background:#404040;color:#fff}.fab:focus,.raised:focus{background:#505050}.button-submit{background:#c33}.button-submit:focus{background:#D83F3F}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#bbb;color:rgba(255,255,255,.7)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#c33}.checkboxOutline{border-color:currentColor}.collapseContent,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear),.paperList,.visualCardBox{background-color:#222}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#999;color:rgba(255,255,255,.5)}.actionsheetDivider{background:#444;background:rgba(255,255,255,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.actionSheetMenuItem:hover{background-color:#222}.toast{background:#303030;color:#fff;color:rgba(255,255,255,.87)}.appfooter{background:#101010;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.itemSelectionPanel{border:1px solid #c33}.selectionCommandsPanel{background:#c33;color:#fff}.upNextDialog-countdownText{color:#c33}.alphaPickerButton{color:#999;color:rgba(255,255,255,.5);background-color:transparent}.alphaPickerButton-selected{color:#fff}.alphaPickerButton-tv:focus{background-color:#c33;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.listItem-border{border-color:rgba(30,30,30,.9)!important}.listItem:focus{background:#333}.progressring-spiner{border-color:#c33}.button-flat-accent,.button-link{color:#c33}.mediaInfoText{color:#ddd;background:rgba(170,170,190,.2)}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#1c1c1c;border:.07em solid #1c1c1c;-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#c33}.emby-select-withcolor{color:inherit;background:#1c1c1c;border:.07em solid #1c1c1c}.emby-select-withcolor>option{color:inherit;background:#222}.emby-select-withcolor:focus{border-color:#c33!important}.emby-select-tv-withcolor:focus{background-color:#c33!important;color:#fff!important}.emby-checkbox:checked+span+span+.checkboxOutline{border-color:#c33}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(204,51,51,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#c33}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.playedIndicator{background:#c33}.fullSyncIndicator{background:#c33;color:#fff}.mainDrawer{background-color:#1c1c1f;color:#ccc;color:rgba(255,255,255,.7)}.navMenuOption:hover{background:#252528}.navMenuOption-selected{background:#c33!important;color:#fff}.emby-button-focusscale:focus{background:#c33;color:#fff}.emby-tab-button{color:#999;color:rgba(255,255,255,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#fff;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:#383838}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:#1e1e1e!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#c33!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(255,255,255,.3)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#c33}.guide-date-tab-button.emby-button-tv:focus{background-color:#c33;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#191919));background:-webkit-linear-gradient(rgba(0,0,0,0),#191919);background:-o-linear-gradient(rgba(0,0,0,0),#191919);background:linear-gradient(rgba(0,0,0,0),#191919)}.infoBanner{color:#ddd;background:#111;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#c33}.layout-desktop ::-webkit-scrollbar{width:1em;height:1em}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-track-piece{background-color:#3b3b3b}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{-webkit-border-radius:2px;background:center no-repeat #888} \ No newline at end of file +html { + color: #eee; + color: rgba(255, 255, 255, .87) +} + +.emby-collapsible-button { + border-color: #383838; + border-color: rgba(255, 255, 255, .135) +} + +.skinHeader { + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +.skinHeader-withBackground { + background-color: #c33; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + -webkit-box-shadow: none; + box-shadow: none +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +.dialog, +html { + background-color: #282828 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(0, 0, 0, .86) +} + +.paper-icon-button-light:focus { + color: #c33; + background-color: rgba(204, 51, 51, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.fab, +.raised { + background: #404040; + color: #fff +} + +.fab:focus, +.raised:focus { + background: #505050 +} + +.button-submit { + background: #c33 +} + +.button-submit:focus { + background: #D83F3F +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #bbb; + color: rgba(255, 255, 255, .7) +} + +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #c33 +} + +.checkboxOutline { + border-color: currentColor +} + +.collapseContent, +.formDialogFooter:not(.formDialogFooter-clear), +.formDialogHeader:not(.formDialogHeader-clear), +.paperList, +.visualCardBox { + background-color: #222 +} + +.defaultCardBackground1 { + background-color: #d2b019 +} + +.defaultCardBackground2 { + background-color: #338abb +} + +.defaultCardBackground3 { + background-color: #6b689d +} + +.defaultCardBackground4 { + background-color: #dd452b +} + +.defaultCardBackground5 { + background-color: #5ccea9 +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.actionsheetDivider { + background: #444; + background: rgba(255, 255, 255, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.actionSheetMenuItem:hover { + background-color: #222 +} + +.toast { + background: #303030; + color: #fff; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #101010; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.itemSelectionPanel { + border: 1px solid #c33 +} + +.selectionCommandsPanel { + background: #c33; + color: #fff +} + +.upNextDialog-countdownText { + color: #c33 +} + +.alphaPickerButton { + color: #999; + color: rgba(255, 255, 255, .5); + background-color: transparent +} + +.alphaPickerButton-selected { + color: #fff +} + +.alphaPickerButton-tv:focus { + background-color: #c33; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #1c1c1c; + background: rgba(30, 30, 30, .9) +} + +.listItem-border { + border-color: rgba(30, 30, 30, .9) !important +} + +.listItem:focus { + background: #333 +} + +.progressring-spiner { + border-color: #c33 +} + +.button-flat-accent, +.button-link { + color: #c33 +} + +.mediaInfoText { + color: #ddd; + background: rgba(170, 170, 190, .2) +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #1c1c1c; + border: .07em solid #1c1c1c; + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #c33 +} + +.emby-select-withcolor { + color: inherit; + background: #1c1c1c; + border: .07em solid #1c1c1c +} + +.emby-select-withcolor>option { + color: inherit; + background: #222 +} + +.emby-select-withcolor:focus { + border-color: #c33 !important +} + +.emby-select-tv-withcolor:focus { + background-color: #c33 !important; + color: #fff !important +} + +.emby-checkbox:checked+span+span+.checkboxOutline { + border-color: #c33 +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(204, 51, 51, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #c33 +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.playedIndicator { + background: #c33 +} + +.fullSyncIndicator { + background: #c33; + color: #fff +} + +.mainDrawer { + background-color: #1c1c1f; + color: #ccc; + color: rgba(255, 255, 255, .7) +} + +.navMenuOption:hover { + background: #252528 +} + +.navMenuOption-selected { + background: #c33 !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #c33; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: #383838 +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: #1e1e1e !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #c33 !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(255, 255, 255, .3) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #c33 +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #c33; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#191919)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #191919); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #191919); + background: linear-gradient(rgba(0, 0, 0, 0), #191919) +} + +.infoBanner { + color: #ddd; + background: #111; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #c33 +} + +.layout-desktop ::-webkit-scrollbar { + width: 1em; + height: 1em +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) +} + +::-webkit-scrollbar-track-piece { + background-color: #3b3b3b +} + +::-webkit-scrollbar-thumb:horizontal, +::-webkit-scrollbar-thumb:vertical { + -webkit-border-radius: 2px; + background: center no-repeat #888 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/dark/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/dark/theme.css index b7b84859d..d0c1d9b71 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/dark/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/dark/theme.css @@ -1 +1,431 @@ -html{color:#ddd;color:rgba(255,255,255,.8)}.emby-collapsible-button{border-color:#383838;border-color:rgba(255,255,255,.135)}.skinHeader-withBackground{background-color:#1f1f1f}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,.dialog,html{background-color:#1a1a1a}.backgroundContainer.withBackdrop{background-color:rgba(0,0,0,.86)}.paper-icon-button-light:focus{color:#52B54B;background-color:rgba(82,181,75,.2)}.fab,.raised{background:#303030;color:rgba(255,255,255,.87)}.fab:focus,.raised:focus{background:#383838}.button-submit{background:#52B54B;color:#fff}.button-submit:focus{background:#5EC157;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#bbb;color:rgba(255,255,255,.7)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#52B54B}.checkboxOutline{border-color:currentColor}.collapseContent,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear),.paperList,.visualCardBox{background-color:#242424}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#999;color:rgba(255,255,255,.5)}.actionsheetDivider{background:#444;background:rgba(255,255,255,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.actionSheetMenuItem:hover{background-color:#242424}.toast{background:#303030;color:#fff;color:rgba(255,255,255,.87)}.appfooter{background:#101010;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.itemSelectionPanel{border:1px solid #52B54B}.selectionCommandsPanel{background:#52B54B;color:#fff}.upNextDialog-countdownText{color:#52B54B}.alphaPickerButton{color:#999;color:rgba(255,255,255,.5);background-color:transparent}.alphaPickerButton-selected{color:#fff}.alphaPickerButton-tv:focus{background-color:#52B54B;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.listItem-border{border-color:rgba(34,34,34,.9)!important}.listItem:focus{background:#333}.progressring-spiner{border-color:#52B54B}.button-flat-accent,.button-link{color:#52B54B}.mediaInfoText{color:#ddd;background:rgba(170,170,190,.2)}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#292929;border:.07em solid #292929;-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#52B54B}.emby-select-withcolor{color:inherit;background:#292929;border:.07em solid #292929}.emby-select-withcolor>option{color:inherit;background:#222}.emby-select-withcolor:focus{border-color:#52B54B!important}.emby-select-tv-withcolor:focus{background-color:#52B54B!important;color:#fff!important}.emby-checkbox:checked+span+span+.checkboxOutline{border-color:#52B54B}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(82,181,75,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#52B54B}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#52B54B}.fullSyncIndicator{color:#fff}.mainDrawer{background-color:#1c1c1c}.navMenuOption:hover{background:#252528}.navMenuOption-selected{background:#52B54B!important;color:#fff}.emby-button-focusscale:focus{background:#52B54B;color:#fff}.emby-tab-button{color:#999;color:rgba(255,255,255,.4)}.emby-tab-button-active{color:#52B54B}.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#52B54B;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(255,255,255,.05)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:#1e1e1e!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#52B54B!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(255,255,255,.3)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#1a1a1a));background:-webkit-linear-gradient(rgba(0,0,0,0),#1a1a1a);background:-o-linear-gradient(rgba(0,0,0,0),#1a1a1a);background:linear-gradient(rgba(0,0,0,0),#1a1a1a)}.infoBanner{color:#ddd;background:#111;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#52B54B}.layout-desktop ::-webkit-scrollbar{width:1em;height:1em}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-track-piece{background-color:#3b3b3b}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{-webkit-border-radius:2px;background:center no-repeat #888}.timeslotHeaders-desktop::-webkit-scrollbar{height:.7em} \ No newline at end of file +html { + color: #ddd; + color: rgba(255, 255, 255, .8) +} + +.emby-collapsible-button { + border-color: #383838; + border-color: rgba(255, 255, 255, .135) +} + +.skinHeader-withBackground { + background-color: #1f1f1f +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +.dialog, +html { + background-color: #1a1a1a +} + +.backgroundContainer.withBackdrop { + background-color: rgba(0, 0, 0, .86) +} + +.paper-icon-button-light:focus { + color: #52B54B; + background-color: rgba(82, 181, 75, .2) +} + +.fab, +.raised { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.fab:focus, +.raised:focus { + background: #383838 +} + +.button-submit { + background: #52B54B; + color: #fff +} + +.button-submit:focus { + background: #5EC157; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #bbb; + color: rgba(255, 255, 255, .7) +} + +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #52B54B +} + +.checkboxOutline { + border-color: currentColor +} + +.collapseContent, +.formDialogFooter:not(.formDialogFooter-clear), +.formDialogHeader:not(.formDialogHeader-clear), +.paperList, +.visualCardBox { + background-color: #242424 +} + +.defaultCardBackground1 { + background-color: #d2b019 +} + +.defaultCardBackground2 { + background-color: #338abb +} + +.defaultCardBackground3 { + background-color: #6b689d +} + +.defaultCardBackground4 { + background-color: #dd452b +} + +.defaultCardBackground5 { + background-color: #5ccea9 +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.actionsheetDivider { + background: #444; + background: rgba(255, 255, 255, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.actionSheetMenuItem:hover { + background-color: #242424 +} + +.toast { + background: #303030; + color: #fff; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #101010; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.itemSelectionPanel { + border: 1px solid #52B54B +} + +.selectionCommandsPanel { + background: #52B54B; + color: #fff +} + +.upNextDialog-countdownText { + color: #52B54B +} + +.alphaPickerButton { + color: #999; + color: rgba(255, 255, 255, .5); + background-color: transparent +} + +.alphaPickerButton-selected { + color: #fff +} + +.alphaPickerButton-tv:focus { + background-color: #52B54B; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #1c1c1c; + background: rgba(30, 30, 30, .9) +} + +.listItem-border { + border-color: rgba(34, 34, 34, .9) !important +} + +.listItem:focus { + background: #333 +} + +.progressring-spiner { + border-color: #52B54B +} + +.button-flat-accent, +.button-link { + color: #52B54B +} + +.mediaInfoText { + color: #ddd; + background: rgba(170, 170, 190, .2) +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #292929; + border: .07em solid #292929; + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #52B54B +} + +.emby-select-withcolor { + color: inherit; + background: #292929; + border: .07em solid #292929 +} + +.emby-select-withcolor>option { + color: inherit; + background: #222 +} + +.emby-select-withcolor:focus { + border-color: #52B54B !important +} + +.emby-select-tv-withcolor:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.emby-checkbox:checked+span+span+.checkboxOutline { + border-color: #52B54B +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(82, 181, 75, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #52B54B +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #52B54B +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background-color: #1c1c1c +} + +.navMenuOption:hover { + background: #252528 +} + +.navMenuOption-selected { + background: #52B54B !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #52B54B; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(255, 255, 255, .4) +} + +.emby-tab-button-active { + color: #52B54B +} + +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #52B54B; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(255, 255, 255, .05) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: #1e1e1e !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(255, 255, 255, .3) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#1a1a1a)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a); + background: linear-gradient(rgba(0, 0, 0, 0), #1a1a1a) +} + +.infoBanner { + color: #ddd; + background: #111; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #52B54B +} + +.layout-desktop ::-webkit-scrollbar { + width: 1em; + height: 1em +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) +} + +::-webkit-scrollbar-track-piece { + background-color: #3b3b3b +} + +::-webkit-scrollbar-thumb:horizontal, +::-webkit-scrollbar-thumb:vertical { + -webkit-border-radius: 2px; + background: center no-repeat #888 +} + +.timeslotHeaders-desktop::-webkit-scrollbar { + height: .7em +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/halloween/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/halloween/theme.css index a1cabd5f9..676f9c2a8 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/halloween/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/halloween/theme.css @@ -1 +1,478 @@ -@import url(https://fonts.googleapis.com/css?family=Eater);h1,h2{font-family:Eater;font-weight:400!important}h1{font-size:1.566em!important}h2{font-size:1.305em!important}.sectionTabs button,.userViewNames .btnUserViewHeader{font-family:Eater!important;font-size:87%!important}html{color:#eee;color:rgba(255,255,255,.87)}.emby-collapsible-button{border-color:#383838;border-color:rgba(255,255,255,.135)}.skinHeader{color:#ccc;color:rgba(255,255,255,.78)}.skinHeader-withBackground{background-color:#202020}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,.dialog,html{background-color:#1a1a1a}.backgroundContainer.withBackdrop{background-color:rgba(12,12,12,.9)}.paper-icon-button-light:focus{color:#FF9100;background-color:rgba(255,145,0,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.fab,.raised{background:#404040;color:#fff}.fab:focus,.raised:focus{background:#505050}.button-submit{background:#FF9100;color:#fff}.button-submit:focus{background:#FF9D0C;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#bbb;color:rgba(255,255,255,.7)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#FF9100}.checkboxOutline{border-color:currentColor}.collapseContent,.formDialogFooter:not(.formDialogFooter-clear),.formDialogHeader:not(.formDialogHeader-clear),.paperList,.visualCardBox{background-color:#222}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#999;color:rgba(255,255,255,.5)}.actionsheetDivider{background:#444;background:rgba(255,255,255,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.actionSheetMenuItem:hover{background-color:#222}.toast{background:#303030;color:#fff;color:rgba(255,255,255,.87)}.appfooter{background:#101010;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.itemSelectionPanel{border:1px solid #FF9100}.selectionCommandsPanel{background:#FF9100;color:#fff}.upNextDialog-countdownText{color:#FF9100}.alphaPickerButton{color:#999;color:rgba(255,255,255,.5);background-color:transparent}.alphaPickerButton-selected{color:#fff}.alphaPickerButton-tv:focus{background-color:#FF9100;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.listItem-border{border-color:rgba(30,30,30,.9)!important}.listItem:focus{background:#333}.progressring-spiner{border-color:#FF9100}.button-flat-accent,.button-link{color:#FF9100}.mediaInfoText{color:#ddd;background:rgba(170,170,190,.2)}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#262626;border:.07em solid #262626;-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#FF9100}.emby-select-withcolor{color:inherit;background:#262626;border:.07em solid #262626}.emby-select-withcolor>option{color:inherit;background:#222}.emby-select-withcolor:focus{border-color:#FF9100!important}.emby-select-tv-withcolor:focus{background-color:#FF9100!important;color:#fff!important}.emby-checkbox:checked+span+span+.checkboxOutline{border-color:#FF9100}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(204,51,51,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#FF9100}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#FF9100}.fullSyncIndicator{color:#fff}.mainDrawer{background-color:#1c1c1f;color:#ccc;color:rgba(255,255,255,.7)}.navMenuOption:hover{background:#252528}.navMenuOption-selected{background:#FF9100!important;color:#fff}.emby-button-focusscale:focus{background:#FF9100;color:#fff}.emby-tab-button{color:#999;color:rgba(255,255,255,.5)}.emby-tab-button-active{color:#FF9100}.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#FF9100;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:#282828}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:#1e1e1e!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#FF9100!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(255,255,255,.3)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#191919));background:-webkit-linear-gradient(rgba(0,0,0,0),#191919);background:-o-linear-gradient(rgba(0,0,0,0),#191919);background:linear-gradient(rgba(0,0,0,0),#191919)}.infoBanner{color:#ddd;background:#111;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#FF9100}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#FF9100}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#FF9100}.layout-desktop ::-webkit-scrollbar{width:1em;height:1em}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-track-piece{background-color:#3b3b3b}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{-webkit-border-radius:2px;background:center no-repeat #888}.btnUserViewHeader:focus{color:#FF9100!important}.btnUserViewHeader:focus .userViewButtonText{border-bottom-color:#FF9100!important}.emby-button:focus:not(.btnUserViewHeader):not(.emby-tab-button){background:#FF9100} \ No newline at end of file +@import url(https://fonts.googleapis.com/css?family=Eater); + +h1, +h2 { + font-family: Eater; + font-weight: 400 !important +} + +h1 { + font-size: 1.566em !important +} + +h2 { + font-size: 1.305em !important +} + +.sectionTabs button, +.userViewNames .btnUserViewHeader { + font-family: Eater !important; + font-size: 87% !important +} + +html { + color: #eee; + color: rgba(255, 255, 255, .87) +} + +.emby-collapsible-button { + border-color: #383838; + border-color: rgba(255, 255, 255, .135) +} + +.skinHeader { + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +.skinHeader-withBackground { + background-color: #202020 +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +.dialog, +html { + background-color: #1a1a1a +} + +.backgroundContainer.withBackdrop { + background-color: rgba(12, 12, 12, .9) +} + +.paper-icon-button-light:focus { + color: #FF9100; + background-color: rgba(255, 145, 0, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.fab, +.raised { + background: #404040; + color: #fff +} + +.fab:focus, +.raised:focus { + background: #505050 +} + +.button-submit { + background: #FF9100; + color: #fff +} + +.button-submit:focus { + background: #FF9D0C; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #bbb; + color: rgba(255, 255, 255, .7) +} + +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #FF9100 +} + +.checkboxOutline { + border-color: currentColor +} + +.collapseContent, +.formDialogFooter:not(.formDialogFooter-clear), +.formDialogHeader:not(.formDialogHeader-clear), +.paperList, +.visualCardBox { + background-color: #222 +} + +.defaultCardBackground1 { + background-color: #d2b019 +} + +.defaultCardBackground2 { + background-color: #338abb +} + +.defaultCardBackground3 { + background-color: #6b689d +} + +.defaultCardBackground4 { + background-color: #dd452b +} + +.defaultCardBackground5 { + background-color: #5ccea9 +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.actionsheetDivider { + background: #444; + background: rgba(255, 255, 255, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.actionSheetMenuItem:hover { + background-color: #222 +} + +.toast { + background: #303030; + color: #fff; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #101010; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.itemSelectionPanel { + border: 1px solid #FF9100 +} + +.selectionCommandsPanel { + background: #FF9100; + color: #fff +} + +.upNextDialog-countdownText { + color: #FF9100 +} + +.alphaPickerButton { + color: #999; + color: rgba(255, 255, 255, .5); + background-color: transparent +} + +.alphaPickerButton-selected { + color: #fff +} + +.alphaPickerButton-tv:focus { + background-color: #FF9100; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #1c1c1c; + background: rgba(30, 30, 30, .9) +} + +.listItem-border { + border-color: rgba(30, 30, 30, .9) !important +} + +.listItem:focus { + background: #333 +} + +.progressring-spiner { + border-color: #FF9100 +} + +.button-flat-accent, +.button-link { + color: #FF9100 +} + +.mediaInfoText { + color: #ddd; + background: rgba(170, 170, 190, .2) +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #262626; + border: .07em solid #262626; + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #FF9100 +} + +.emby-select-withcolor { + color: inherit; + background: #262626; + border: .07em solid #262626 +} + +.emby-select-withcolor>option { + color: inherit; + background: #222 +} + +.emby-select-withcolor:focus { + border-color: #FF9100 !important +} + +.emby-select-tv-withcolor:focus { + background-color: #FF9100 !important; + color: #fff !important +} + +.emby-checkbox:checked+span+span+.checkboxOutline { + border-color: #FF9100 +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(204, 51, 51, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #FF9100 +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #FF9100 +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background-color: #1c1c1f; + color: #ccc; + color: rgba(255, 255, 255, .7) +} + +.navMenuOption:hover { + background: #252528 +} + +.navMenuOption-selected { + background: #FF9100 !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #FF9100; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active { + color: #FF9100 +} + +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #FF9100; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: #282828 +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: #1e1e1e !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #FF9100 !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(255, 255, 255, .3) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#191919)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #191919); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #191919); + background: linear-gradient(rgba(0, 0, 0, 0), #191919) +} + +.infoBanner { + color: #ddd; + background: #111; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #FF9100 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #FF9100 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #FF9100 +} + +.layout-desktop ::-webkit-scrollbar { + width: 1em; + height: 1em +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) +} + +::-webkit-scrollbar-track-piece { + background-color: #3b3b3b +} + +::-webkit-scrollbar-thumb:horizontal, +::-webkit-scrollbar-thumb:vertical { + -webkit-border-radius: 2px; + background: center no-repeat #888 +} + +.btnUserViewHeader:focus { + color: #FF9100 !important +} + +.btnUserViewHeader:focus .userViewButtonText { + border-bottom-color: #FF9100 !important +} + +.emby-button:focus:not(.btnUserViewHeader):not(.emby-tab-button) { + background: #FF9100 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/light-blue/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/light-blue/theme.css index 43eaa6f1f..5fe56e3bd 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/light-blue/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/light-blue/theme.css @@ -1 +1,427 @@ -.skinHeader,html{color:#222;color:rgba(0,0,0,.87)}.emby-collapsible-button{border-color:#ccc;border-color:rgba(0,0,0,.158)}.collapseContent{background-color:#eaeaea}.skinHeader-withBackground{background-color:#2196F3;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);color:#fff}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,html{background-color:#f2f2f2}.backgroundContainer.withBackdrop{background-color:rgba(255,255,255,.94)}.dialog{background-color:#f0f0f0}.paper-icon-button-light:focus{color:#2196F3;background-color:rgba(33,150,243,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.fab,.raised{background:#d8d8d8;color:inherit}.fab:focus,.raised:focus{background:#ccc;color:inherit}.button-submit{background:#2196F3;color:#fff}.button-submit:focus{background:#2DA2FF;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#555}.button-link,.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#2196F3}.checkboxOutline{border-color:currentColor}.paperList,.visualCardBox{background-color:#fff}.defaultCardBackground1{background-color:#009688}.defaultCardBackground2{background-color:#D32F2F}.defaultCardBackground3{background-color:#0288D1}.defaultCardBackground4{background-color:#388E3C}.defaultCardBackground5{background-color:#F57F17}.formDialogHeader:not(.formDialogHeader-clear){background-color:#2196F3;color:#fff}.formDialogFooter:not(.formDialogFooter-clear){background-color:#f0f0f0;border-top:1px solid rgba(0,0,0,.08);color:inherit}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#888}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.formDialogHeader a,.toast{color:#fff}.actionSheetMenuItem:hover{background-color:#ddd}.toast{background:#303030;color:rgba(255,255,255,.87)}.appfooter{background:#282828;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nowPlayingBarSecondaryText{color:#999}.itemSelectionPanel{border:1px solid #2196F3}.selectionCommandsPanel{background:#2196F3;color:#fff}.upNextDialog-countdownText{color:#2196F3}.alphaPickerButton{color:#555;color:rgba(0,0,0,.7);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#2196F3;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#f8f8f8}.listItem-border{border-color:#f0f0f0!important}.listItem:focus{background:#ddd}.progressring-spiner{border-color:#2196F3}.mediaInfoText{color:#333;background:#fff}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#2196F3}.emby-select-withcolor{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#2196F3}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#2196F3;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(33,150,243,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#2196F3}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#2196F3}.fullSyncIndicator{color:#fff}.mainDrawer{background:#fff}.navMenuOption:hover{background:#f2f2f2}.navMenuOption-selected{background:#2196F3!important;color:#fff}.emby-button-focusscale:focus{background:#2196F3;color:#fff}.emby-tab-button{color:#fff;color:rgba(255,255,255,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff;color:rgba(255,255,255,1)}.emby-tab-button.emby-button-tv:focus{color:#fff;color:rgba(255,255,255,1);background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(0,0,0,.12)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.1)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#2196F3!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(0,0,0,.54)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#2196F3}.guide-date-tab-button.emby-button-tv:focus{background-color:#2196F3;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#f2f2f2));background:-webkit-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:-o-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:linear-gradient(rgba(0,0,0,0),#f2f2f2)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#2196F3} \ No newline at end of file +.skinHeader, +html { + color: #222; + color: rgba(0, 0, 0, .87) +} + +.emby-collapsible-button { + border-color: #ccc; + border-color: rgba(0, 0, 0, .158) +} + +.collapseContent { + background-color: #eaeaea +} + +.skinHeader-withBackground { + background-color: #2196F3; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + color: #fff +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +html { + background-color: #f2f2f2 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(255, 255, 255, .94) +} + +.dialog { + background-color: #f0f0f0 +} + +.paper-icon-button-light:focus { + color: #2196F3; + background-color: rgba(33, 150, 243, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.fab, +.raised { + background: #d8d8d8; + color: inherit +} + +.fab:focus, +.raised:focus { + background: #ccc; + color: inherit +} + +.button-submit { + background: #2196F3; + color: #fff +} + +.button-submit:focus { + background: #2DA2FF; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #555 +} + +.button-link, +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #2196F3 +} + +.checkboxOutline { + border-color: currentColor +} + +.paperList, +.visualCardBox { + background-color: #fff +} + +.defaultCardBackground1 { + background-color: #009688 +} + +.defaultCardBackground2 { + background-color: #D32F2F +} + +.defaultCardBackground3 { + background-color: #0288D1 +} + +.defaultCardBackground4 { + background-color: #388E3C +} + +.defaultCardBackground5 { + background-color: #F57F17 +} + +.formDialogHeader:not(.formDialogHeader-clear) { + background-color: #2196F3; + color: #fff +} + +.formDialogFooter:not(.formDialogFooter-clear) { + background-color: #f0f0f0; + border-top: 1px solid rgba(0, 0, 0, .08); + color: inherit +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #888 +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.formDialogHeader a, +.toast { + color: #fff +} + +.actionSheetMenuItem:hover { + background-color: #ddd +} + +.toast { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #282828; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.nowPlayingBarSecondaryText { + color: #999 +} + +.itemSelectionPanel { + border: 1px solid #2196F3 +} + +.selectionCommandsPanel { + background: #2196F3; + color: #fff +} + +.upNextDialog-countdownText { + color: #2196F3 +} + +.alphaPickerButton { + color: #555; + color: rgba(0, 0, 0, .7); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #2196F3; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #f8f8f8 +} + +.listItem-border { + border-color: #f0f0f0 !important +} + +.listItem:focus { + background: #ddd +} + +.progressring-spiner { + border-color: #2196F3 +} + +.mediaInfoText { + color: #333; + background: #fff +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #2196F3 +} + +.emby-select-withcolor { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #2196F3 +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #2196F3; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(33, 150, 243, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #2196F3 +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #2196F3 +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background: #fff +} + +.navMenuOption:hover { + background: #f2f2f2 +} + +.navMenuOption-selected { + background: #2196F3 !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #2196F3; + color: #fff +} + +.emby-tab-button { + color: #fff; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff; + color: rgba(255, 255, 255, 1) +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + color: rgba(255, 255, 255, 1); + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(0, 0, 0, .12) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .1) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #2196F3 !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(0, 0, 0, .54) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #2196F3 +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #2196F3; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #2196F3 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/light-green/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/light-green/theme.css index a4f1c1c94..5cb52ddcd 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/light-green/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/light-green/theme.css @@ -1 +1,437 @@ -.skinHeader,html{color:#222;color:rgba(0,0,0,.87)}.emby-collapsible-button{border-color:#ccc;border-color:rgba(0,0,0,.158)}.collapseContent{background-color:#eaeaea}.skinHeader-withBackground{background-color:#52B54B;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);color:#fff}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,html{background-color:#f2f2f2}.backgroundContainer.withBackdrop{background-color:rgba(255,255,255,.94)}.dialog{background-color:#f0f0f0}.paper-icon-button-light:focus{color:#52B54B;background-color:rgba(82,181,75,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.skinHeader-withBackground .button-link{color:#fff}.fab,.raised{background:#d8d8d8;color:inherit}.fab:focus,.raised:focus{background:#ccc;color:inherit}.button-submit{background:#52B54B;color:#fff}.button-submit:focus{background:#5EC157;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#555}.button-link,.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:green}.checkboxOutline{border-color:currentColor}.paperList,.visualCardBox{background-color:#fff}.defaultCardBackground1{background-color:#009688}.defaultCardBackground2{background-color:#D32F2F}.defaultCardBackground3{background-color:#0288D1}.defaultCardBackground4{background-color:#388E3C}.defaultCardBackground5{background-color:#F57F17}.formDialogHeader:not(.formDialogHeader-clear){background-color:#52B54B;color:#fff}.formDialogFooter:not(.formDialogFooter-clear){background-color:#f0f0f0;border-top:1px solid #ddd;border-top:1px solid rgba(0,0,0,.08);color:inherit}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#888}.actionsheetDivider{background:#ddd;background:rgba(0,0,0,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.formDialogHeader a,.toast{color:#fff}.actionSheetMenuItem:hover{background-color:#ddd}.toast{background:#303030;color:rgba(255,255,255,.87)}.appfooter{background:#282828;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nowPlayingBarSecondaryText{color:#999}.itemSelectionPanel{border:1px solid #52B54B}.selectionCommandsPanel{background:#52B54B;color:#fff}.upNextDialog-countdownText{color:#52B54B}.alphaPickerButton{color:#555;color:rgba(0,0,0,.7);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#52B54B;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#f8f8f8}.listItem-border{border-color:#f0f0f0!important}.listItem:focus{background:#ddd}.progressring-spiner{border-color:#52B54B}.mediaInfoText{color:#333;background:#fff}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#52B54B}.emby-select-withcolor{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#52B54B}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#52B54B;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(82,181,75,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#52B54B}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#52B54B}.fullSyncIndicator{color:#fff}.mainDrawer{background:#fff}.navMenuOption:hover{background:#f2f2f2}.navMenuOption-selected{background:#52B54B!important;color:#fff}.emby-button-focusscale:focus{background:#52B54B;color:#fff}.emby-tab-button{color:#fff;color:rgba(255,255,255,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff;color:rgba(255,255,255,1)}.emby-tab-button.emby-button-tv:focus{color:#fff;color:rgba(255,255,255,1);background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(0,0,0,.12)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.1)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#52B54B!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(0,0,0,.54)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#f2f2f2));background:-webkit-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:-o-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:linear-gradient(rgba(0,0,0,0),#f2f2f2)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#52B54B} \ No newline at end of file +.skinHeader, +html { + color: #222; + color: rgba(0, 0, 0, .87) +} + +.emby-collapsible-button { + border-color: #ccc; + border-color: rgba(0, 0, 0, .158) +} + +.collapseContent { + background-color: #eaeaea +} + +.skinHeader-withBackground { + background-color: #52B54B; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + color: #fff +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +html { + background-color: #f2f2f2 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(255, 255, 255, .94) +} + +.dialog { + background-color: #f0f0f0 +} + +.paper-icon-button-light:focus { + color: #52B54B; + background-color: rgba(82, 181, 75, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.skinHeader-withBackground .button-link { + color: #fff +} + +.fab, +.raised { + background: #d8d8d8; + color: inherit +} + +.fab:focus, +.raised:focus { + background: #ccc; + color: inherit +} + +.button-submit { + background: #52B54B; + color: #fff +} + +.button-submit:focus { + background: #5EC157; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #555 +} + +.button-link, +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: green +} + +.checkboxOutline { + border-color: currentColor +} + +.paperList, +.visualCardBox { + background-color: #fff +} + +.defaultCardBackground1 { + background-color: #009688 +} + +.defaultCardBackground2 { + background-color: #D32F2F +} + +.defaultCardBackground3 { + background-color: #0288D1 +} + +.defaultCardBackground4 { + background-color: #388E3C +} + +.defaultCardBackground5 { + background-color: #F57F17 +} + +.formDialogHeader:not(.formDialogHeader-clear) { + background-color: #52B54B; + color: #fff +} + +.formDialogFooter:not(.formDialogFooter-clear) { + background-color: #f0f0f0; + border-top: 1px solid #ddd; + border-top: 1px solid rgba(0, 0, 0, .08); + color: inherit +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #888 +} + +.actionsheetDivider { + background: #ddd; + background: rgba(0, 0, 0, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.formDialogHeader a, +.toast { + color: #fff +} + +.actionSheetMenuItem:hover { + background-color: #ddd +} + +.toast { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #282828; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.nowPlayingBarSecondaryText { + color: #999 +} + +.itemSelectionPanel { + border: 1px solid #52B54B +} + +.selectionCommandsPanel { + background: #52B54B; + color: #fff +} + +.upNextDialog-countdownText { + color: #52B54B +} + +.alphaPickerButton { + color: #555; + color: rgba(0, 0, 0, .7); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #52B54B; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #f8f8f8 +} + +.listItem-border { + border-color: #f0f0f0 !important +} + +.listItem:focus { + background: #ddd +} + +.progressring-spiner { + border-color: #52B54B +} + +.mediaInfoText { + color: #333; + background: #fff +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #52B54B +} + +.emby-select-withcolor { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #52B54B +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #52B54B; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(82, 181, 75, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #52B54B +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #52B54B +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background: #fff +} + +.navMenuOption:hover { + background: #f2f2f2 +} + +.navMenuOption-selected { + background: #52B54B !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #52B54B; + color: #fff +} + +.emby-tab-button { + color: #fff; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff; + color: rgba(255, 255, 255, 1) +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + color: rgba(255, 255, 255, 1); + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(0, 0, 0, .12) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .1) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(0, 0, 0, .54) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #52B54B +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/light-pink/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/light-pink/theme.css index a8db5e3bb..f7502eb61 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/light-pink/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/light-pink/theme.css @@ -1 +1,434 @@ -.skinHeader,html{color:#222;color:rgba(0,0,0,.87)}.emby-collapsible-button{border-color:#ccc;border-color:rgba(0,0,0,.158)}.collapseContent{background-color:#eaeaea}.skinHeader-withBackground{background-color:#E91E63;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);color:#fff}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,html{background-color:#f2f2f2}.backgroundContainer.withBackdrop{background-color:rgba(255,255,255,.94)}.dialog{background-color:#f0f0f0}.paper-icon-button-light:focus{color:#E91E63;background-color:rgba(233,30,99,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.fab,.raised{background:#d8d8d8;color:inherit}.fab:focus,.raised:focus{background:#ccc;color:inherit}.button-submit{background:#E91E63;color:#fff}.button-submit:focus{background:#F52A6F;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#555;color:rgba(0,0,0,.7)}.button-link,.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#E91E63}.checkboxOutline{border-color:currentColor}.paperList,.visualCardBox{background-color:#F8BBD0}.defaultCardBackground1{background-color:#009688}.defaultCardBackground2{background-color:#D32F2F}.defaultCardBackground3{background-color:#0288D1}.defaultCardBackground4{background-color:#388E3C}.defaultCardBackground5{background-color:#F57F17}.formDialogHeader:not(.formDialogHeader-clear){background-color:#E91E63;color:#fff}.formDialogFooter:not(.formDialogFooter-clear){background-color:#f0f0f0;border-top:1px solid rgba(0,0,0,.08);color:inherit}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#888;color:rgba(0,0,0,.54)}.actionsheetDivider{background:#ddd;background:rgba(0,0,0,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.formDialogHeader a,.toast{color:#fff}.actionSheetMenuItem:hover{background-color:#ddd}.toast{background:#303030;color:rgba(255,255,255,.87)}.appfooter{background:#282828;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nowPlayingBarSecondaryText{color:#999}.itemSelectionPanel{border:1px solid #E91E63}.selectionCommandsPanel{background:#E91E63;color:#fff}.upNextDialog-countdownText{color:#E91E63}.alphaPickerButton{color:#555;color:rgba(0,0,0,.7);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#E91E63;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#f8f8f8}.listItem-border{border-color:#f0f0f0!important}.listItem:focus{background:#ddd}.progressring-spiner{border-color:#E91E63}.mediaInfoText{color:#333;background:#fff}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#E91E63}.emby-select-withcolor{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#E91E63}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#E91E63;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(233,30,99,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#E91E63}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#E91E63}.fullSyncIndicator{color:#fff}.mainDrawer{background:#fff}.navMenuOption:hover{background:#f2f2f2}.navMenuOption-selected{background:#E91E63!important;color:#fff}.emby-button-focusscale:focus{background:#E91E63;color:#fff}.emby-tab-button{color:#fff;color:rgba(255,255,255,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff;color:rgba(255,255,255,1)}.emby-tab-button.emby-button-tv:focus{color:#fff;color:rgba(255,255,255,1);background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(0,0,0,.12)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.1)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#E91E63!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(0,0,0,.54)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#E91E63}.guide-date-tab-button.emby-button-tv:focus{background-color:#E91E63;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#f2f2f2));background:-webkit-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:-o-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:linear-gradient(rgba(0,0,0,0),#f2f2f2)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#E91E63} \ No newline at end of file +.skinHeader, +html { + color: #222; + color: rgba(0, 0, 0, .87) +} + +.emby-collapsible-button { + border-color: #ccc; + border-color: rgba(0, 0, 0, .158) +} + +.collapseContent { + background-color: #eaeaea +} + +.skinHeader-withBackground { + background-color: #E91E63; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + color: #fff +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +html { + background-color: #f2f2f2 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(255, 255, 255, .94) +} + +.dialog { + background-color: #f0f0f0 +} + +.paper-icon-button-light:focus { + color: #E91E63; + background-color: rgba(233, 30, 99, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.fab, +.raised { + background: #d8d8d8; + color: inherit +} + +.fab:focus, +.raised:focus { + background: #ccc; + color: inherit +} + +.button-submit { + background: #E91E63; + color: #fff +} + +.button-submit:focus { + background: #F52A6F; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #555; + color: rgba(0, 0, 0, .7) +} + +.button-link, +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #E91E63 +} + +.checkboxOutline { + border-color: currentColor +} + +.paperList, +.visualCardBox { + background-color: #F8BBD0 +} + +.defaultCardBackground1 { + background-color: #009688 +} + +.defaultCardBackground2 { + background-color: #D32F2F +} + +.defaultCardBackground3 { + background-color: #0288D1 +} + +.defaultCardBackground4 { + background-color: #388E3C +} + +.defaultCardBackground5 { + background-color: #F57F17 +} + +.formDialogHeader:not(.formDialogHeader-clear) { + background-color: #E91E63; + color: #fff +} + +.formDialogFooter:not(.formDialogFooter-clear) { + background-color: #f0f0f0; + border-top: 1px solid rgba(0, 0, 0, .08); + color: inherit +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #888; + color: rgba(0, 0, 0, .54) +} + +.actionsheetDivider { + background: #ddd; + background: rgba(0, 0, 0, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.formDialogHeader a, +.toast { + color: #fff +} + +.actionSheetMenuItem:hover { + background-color: #ddd +} + +.toast { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #282828; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.nowPlayingBarSecondaryText { + color: #999 +} + +.itemSelectionPanel { + border: 1px solid #E91E63 +} + +.selectionCommandsPanel { + background: #E91E63; + color: #fff +} + +.upNextDialog-countdownText { + color: #E91E63 +} + +.alphaPickerButton { + color: #555; + color: rgba(0, 0, 0, .7); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #E91E63; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #f8f8f8 +} + +.listItem-border { + border-color: #f0f0f0 !important +} + +.listItem:focus { + background: #ddd +} + +.progressring-spiner { + border-color: #E91E63 +} + +.mediaInfoText { + color: #333; + background: #fff +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #E91E63 +} + +.emby-select-withcolor { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #E91E63 +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #E91E63; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(233, 30, 99, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #E91E63 +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #E91E63 +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background: #fff +} + +.navMenuOption:hover { + background: #f2f2f2 +} + +.navMenuOption-selected { + background: #E91E63 !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #E91E63; + color: #fff +} + +.emby-tab-button { + color: #fff; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff; + color: rgba(255, 255, 255, 1) +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + color: rgba(255, 255, 255, 1); + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(0, 0, 0, .12) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .1) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #E91E63 !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(0, 0, 0, .54) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #E91E63 +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #E91E63; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #E91E63 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/light-purple/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/light-purple/theme.css index ba36e58cd..dc79b3035 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/light-purple/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/light-purple/theme.css @@ -1 +1,435 @@ -.skinHeader,html{color:#222;color:rgba(0,0,0,.87)}.emby-collapsible-button{border-color:#ccc;border-color:rgba(0,0,0,.158)}.collapseContent{background-color:#eaeaea}.skinHeader-withBackground{background-color:#673AB7;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);color:#fff}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,html{background-color:#EDE7F6}.backgroundContainer.withBackdrop{background-color:rgba(237,241,236,.94)}.dialog{background-color:#f0f0f0}.paper-icon-button-light:focus{color:#673AB7;background-color:rgba(103,58,183,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.fab,.raised{background:#d8d8d8;color:inherit}.fab:focus,.raised:focus{background:#ccc;color:inherit}.button-submit{background:#673AB7;color:#fff}.button-submit:focus{background:#7346C3;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#555;color:rgba(0,0,0,.7)}.button-link,.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#673AB7}.checkboxOutline{border-color:currentColor}.paperList,.visualCardBox{background-color:#D1C4E9}.defaultCardBackground1{background-color:#009688}.defaultCardBackground2{background-color:#D32F2F}.defaultCardBackground3{background-color:#0288D1}.defaultCardBackground4{background-color:#388E3C}.defaultCardBackground5{background-color:#F57F17}.formDialogHeader:not(.formDialogHeader-clear){background-color:#673AB7;color:#fff}.formDialogFooter:not(.formDialogFooter-clear){background-color:#f0f0f0;border-top:1px solid #ddd;border-top:1px solid rgba(0,0,0,.08);color:inherit}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#888;color:rgba(0,0,0,.54)}.actionsheetDivider{background:#ddd;background:rgba(0,0,0,.14)}.listItem:focus{background:#ddd}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.formDialogHeader a,.toast{color:#fff}.actionSheetMenuItem:hover{background-color:#ddd}.toast{background:#303030;color:rgba(255,255,255,.87)}.appfooter{background:#282828;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nowPlayingBarSecondaryText{color:#999}.itemSelectionPanel{border:1px solid #673AB7}.selectionCommandsPanel{background:#673AB7;color:#fff}.upNextDialog-countdownText{color:#673AB7}.alphaPickerButton{color:#555;color:rgba(0,0,0,.7);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#673AB7;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#f8f8f8}.listItem-border{border-color:#f0f0f0!important}.progressring-spiner{border-color:#673AB7}.mediaInfoText{color:#333;background:#fff}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#673AB7}.emby-select-withcolor{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#673AB7}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#673AB7;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(103,58,183,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#673AB7}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#673AB7}.fullSyncIndicator{color:#fff}.mainDrawer{background:#fff}.navMenuOption:hover{background:#f2f2f2}.navMenuOption-selected{background:#673AB7!important;color:#fff}.emby-button-focusscale:focus{background:#673AB7;color:#fff}.emby-tab-button{color:#fff;color:rgba(255,255,255,.54)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff;color:rgba(255,255,255,1)}.emby-tab-button.emby-button-tv:focus{color:#fff;color:rgba(255,255,255,1);background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(0,0,0,.12)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.1)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#673AB7!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(0,0,0,.54)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#673AB7}.guide-date-tab-button.emby-button-tv:focus{background-color:#673AB7;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#EDE7F6));background:-webkit-linear-gradient(rgba(0,0,0,0),#EDE7F6);background:-o-linear-gradient(rgba(0,0,0,0),#EDE7F6);background:linear-gradient(rgba(0,0,0,0),#EDE7F6)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#673AB7} \ No newline at end of file +.skinHeader, +html { + color: #222; + color: rgba(0, 0, 0, .87) +} + +.emby-collapsible-button { + border-color: #ccc; + border-color: rgba(0, 0, 0, .158) +} + +.collapseContent { + background-color: #eaeaea +} + +.skinHeader-withBackground { + background-color: #673AB7; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + color: #fff +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +html { + background-color: #EDE7F6 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(237, 241, 236, .94) +} + +.dialog { + background-color: #f0f0f0 +} + +.paper-icon-button-light:focus { + color: #673AB7; + background-color: rgba(103, 58, 183, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.fab, +.raised { + background: #d8d8d8; + color: inherit +} + +.fab:focus, +.raised:focus { + background: #ccc; + color: inherit +} + +.button-submit { + background: #673AB7; + color: #fff +} + +.button-submit:focus { + background: #7346C3; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #555; + color: rgba(0, 0, 0, .7) +} + +.button-link, +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #673AB7 +} + +.checkboxOutline { + border-color: currentColor +} + +.paperList, +.visualCardBox { + background-color: #D1C4E9 +} + +.defaultCardBackground1 { + background-color: #009688 +} + +.defaultCardBackground2 { + background-color: #D32F2F +} + +.defaultCardBackground3 { + background-color: #0288D1 +} + +.defaultCardBackground4 { + background-color: #388E3C +} + +.defaultCardBackground5 { + background-color: #F57F17 +} + +.formDialogHeader:not(.formDialogHeader-clear) { + background-color: #673AB7; + color: #fff +} + +.formDialogFooter:not(.formDialogFooter-clear) { + background-color: #f0f0f0; + border-top: 1px solid #ddd; + border-top: 1px solid rgba(0, 0, 0, .08); + color: inherit +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #888; + color: rgba(0, 0, 0, .54) +} + +.actionsheetDivider { + background: #ddd; + background: rgba(0, 0, 0, .14) +} + +.listItem:focus { + background: #ddd +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.formDialogHeader a, +.toast { + color: #fff +} + +.actionSheetMenuItem:hover { + background-color: #ddd +} + +.toast { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #282828; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.nowPlayingBarSecondaryText { + color: #999 +} + +.itemSelectionPanel { + border: 1px solid #673AB7 +} + +.selectionCommandsPanel { + background: #673AB7; + color: #fff +} + +.upNextDialog-countdownText { + color: #673AB7 +} + +.alphaPickerButton { + color: #555; + color: rgba(0, 0, 0, .7); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #673AB7; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #f8f8f8 +} + +.listItem-border { + border-color: #f0f0f0 !important +} + +.progressring-spiner { + border-color: #673AB7 +} + +.mediaInfoText { + color: #333; + background: #fff +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #673AB7 +} + +.emby-select-withcolor { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #673AB7 +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #673AB7; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(103, 58, 183, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #673AB7 +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #673AB7 +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background: #fff +} + +.navMenuOption:hover { + background: #f2f2f2 +} + +.navMenuOption-selected { + background: #673AB7 !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #673AB7; + color: #fff +} + +.emby-tab-button { + color: #fff; + color: rgba(255, 255, 255, .54) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff; + color: rgba(255, 255, 255, 1) +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + color: rgba(255, 255, 255, 1); + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(0, 0, 0, .12) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .1) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #673AB7 !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(0, 0, 0, .54) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #673AB7 +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #673AB7; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#EDE7F6)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #EDE7F6); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #EDE7F6); + background: linear-gradient(rgba(0, 0, 0, 0), #EDE7F6) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #673AB7 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/light-red/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/light-red/theme.css index b3824a9d1..329b0b174 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/light-red/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/light-red/theme.css @@ -1 +1,433 @@ -.skinHeader,html{color:#222;color:rgba(0,0,0,.87)}.emby-collapsible-button{border-color:#ccc;border-color:rgba(0,0,0,.158)}.collapseContent{background-color:#eaeaea}.skinHeader-withBackground{background-color:#c33;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);color:#fff}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,html{background-color:#f2f2f2}.backgroundContainer.withBackdrop{background-color:rgba(255,255,255,.94)}.dialog{background-color:#f0f0f0}.paper-icon-button-light:focus{color:#c33;background-color:rgba(204,51,51,.2)}.skinHeader-withBackground .paper-icon-button-light:focus{color:#fff;background-color:rgba(255,255,255,.2)}.fab,.raised{background:#d8d8d8;color:inherit}.fab:focus,.raised:focus{background:#ccc;color:inherit}.button-submit{background:#c33;color:#fff}.button-submit:focus{background:#D83F3F;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#555}.button-link,.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#c33}.checkboxOutline{border-color:currentColor}.paperList,.visualCardBox{background-color:#fff}.defaultCardBackground1{background-color:#009688}.defaultCardBackground2{background-color:#D32F2F}.defaultCardBackground3{background-color:#0288D1}.defaultCardBackground4{background-color:#388E3C}.defaultCardBackground5{background-color:#F57F17}.formDialogHeader:not(.formDialogHeader-clear){background-color:#c33;color:#fff}.formDialogFooter:not(.formDialogFooter-clear){background-color:#f0f0f0;border-top:1px solid #ddd;border-top:1px solid rgba(0,0,0,.08);color:inherit}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#888}.actionsheetDivider{background:#ddd;background:rgba(0,0,0,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.formDialogHeader a,.toast{color:#fff}.actionSheetMenuItem:hover{background-color:#ddd}.toast{background:#303030;color:rgba(255,255,255,.87)}.appfooter{background:#282828;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nowPlayingBarSecondaryText{color:#999}.itemSelectionPanel{border:1px solid #c33}.selectionCommandsPanel{background:#c33;color:#fff}.upNextDialog-countdownText{color:#c33}.alphaPickerButton{color:#555;color:rgba(0,0,0,.7);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#c33;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#f8f8f8}.listItem-border{border-color:#f0f0f0!important}.listItem:focus{background:#ddd}.progressring-spiner{border-color:#c33}.mediaInfoText{color:#333;background:#fff}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#c33}.emby-select-withcolor{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#c33}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#c33;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(204,51,51,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#c33}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.playedIndicator{background:#c33}.fullSyncIndicator{background:#c33;color:#fff}.mainDrawer{background:#fff}.navMenuOption:hover{background:#f2f2f2}.navMenuOption-selected{background:#c33!important;color:#fff}.emby-button-focusscale:focus{background:#c33;color:#fff}.emby-tab-button{color:#fff;color:rgba(255,255,255,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff;color:rgba(255,255,255,1)}.emby-tab-button.emby-button-tv:focus{color:#fff;color:rgba(255,255,255,1);background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(0,0,0,.12)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.1)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#c33!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(0,0,0,.54)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#f2f2f2));background:-webkit-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:-o-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:linear-gradient(rgba(0,0,0,0),#f2f2f2)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#c33} \ No newline at end of file +.skinHeader, +html { + color: #222; + color: rgba(0, 0, 0, .87) +} + +.emby-collapsible-button { + border-color: #ccc; + border-color: rgba(0, 0, 0, .158) +} + +.collapseContent { + background-color: #eaeaea +} + +.skinHeader-withBackground { + background-color: #c33; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + color: #fff +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +html { + background-color: #f2f2f2 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(255, 255, 255, .94) +} + +.dialog { + background-color: #f0f0f0 +} + +.paper-icon-button-light:focus { + color: #c33; + background-color: rgba(204, 51, 51, .2) +} + +.skinHeader-withBackground .paper-icon-button-light:focus { + color: #fff; + background-color: rgba(255, 255, 255, .2) +} + +.fab, +.raised { + background: #d8d8d8; + color: inherit +} + +.fab:focus, +.raised:focus { + background: #ccc; + color: inherit +} + +.button-submit { + background: #c33; + color: #fff +} + +.button-submit:focus { + background: #D83F3F; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #555 +} + +.button-link, +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #c33 +} + +.checkboxOutline { + border-color: currentColor +} + +.paperList, +.visualCardBox { + background-color: #fff +} + +.defaultCardBackground1 { + background-color: #009688 +} + +.defaultCardBackground2 { + background-color: #D32F2F +} + +.defaultCardBackground3 { + background-color: #0288D1 +} + +.defaultCardBackground4 { + background-color: #388E3C +} + +.defaultCardBackground5 { + background-color: #F57F17 +} + +.formDialogHeader:not(.formDialogHeader-clear) { + background-color: #c33; + color: #fff +} + +.formDialogFooter:not(.formDialogFooter-clear) { + background-color: #f0f0f0; + border-top: 1px solid #ddd; + border-top: 1px solid rgba(0, 0, 0, .08); + color: inherit +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #888 +} + +.actionsheetDivider { + background: #ddd; + background: rgba(0, 0, 0, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.formDialogHeader a, +.toast { + color: #fff +} + +.actionSheetMenuItem:hover { + background-color: #ddd +} + +.toast { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #282828; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.nowPlayingBarSecondaryText { + color: #999 +} + +.itemSelectionPanel { + border: 1px solid #c33 +} + +.selectionCommandsPanel { + background: #c33; + color: #fff +} + +.upNextDialog-countdownText { + color: #c33 +} + +.alphaPickerButton { + color: #555; + color: rgba(0, 0, 0, .7); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #c33; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #f8f8f8 +} + +.listItem-border { + border-color: #f0f0f0 !important +} + +.listItem:focus { + background: #ddd +} + +.progressring-spiner { + border-color: #c33 +} + +.mediaInfoText { + color: #333; + background: #fff +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #c33 +} + +.emby-select-withcolor { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #c33 +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #c33; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(204, 51, 51, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #c33 +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.playedIndicator { + background: #c33 +} + +.fullSyncIndicator { + background: #c33; + color: #fff +} + +.mainDrawer { + background: #fff +} + +.navMenuOption:hover { + background: #f2f2f2 +} + +.navMenuOption-selected { + background: #c33 !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #c33; + color: #fff +} + +.emby-tab-button { + color: #fff; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff; + color: rgba(255, 255, 255, 1) +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + color: rgba(255, 255, 255, 1); + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(0, 0, 0, .12) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .1) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #c33 !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(0, 0, 0, .54) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #c33 +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/light/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/light/theme.css index 36bec4b92..3651120bd 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/light/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/light/theme.css @@ -1 +1,428 @@ -.skinHeader,html{color:#222;color:rgba(0,0,0,.87)}.emby-collapsible-button{border-color:#ccc;border-color:rgba(0,0,0,.158)}.collapseContent{background-color:#eaeaea}.skinHeader-withBackground{background-color:#303030;color:#ccc;color:rgba(255,255,255,.87);-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37)}.osdHeader{-webkit-box-shadow:none!important;box-shadow:none!important}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,html{background-color:#f2f2f2}.backgroundContainer.withBackdrop{background-color:rgba(255,255,255,.94)}.dialog{background-color:#f0f0f0}.paper-icon-button-light:focus{color:#52B54B;background-color:rgba(82,181,75,.2)}.fab,.raised{background:#d8d8d8;color:inherit}.fab:focus,.raised:focus{background:#ccc}.button-submit{background:#52B54B;color:#fff}.button-submit:focus{background:#5EC157}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#555}.button-link,.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:green}.checkboxOutline{border-color:currentColor}.paperList,.visualCardBox{background-color:#fff}.defaultCardBackground1{background-color:#009688}.defaultCardBackground2{background-color:#D32F2F}.defaultCardBackground3{background-color:#0288D1}.defaultCardBackground4{background-color:#388E3C}.defaultCardBackground5{background-color:#F57F17}.formDialogHeader:not(.formDialogHeader-clear){background-color:#52B54B;color:#fff}.formDialogFooter:not(.formDialogFooter-clear){background-color:#f0f0f0;border-top:1px solid #ddd;border-top:1px solid rgba(0,0,0,.08);color:inherit}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#888}.actionsheetDivider{background:#ddd;background:rgba(0,0,0,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.formDialogHeader a,.toast{color:#fff}.actionSheetMenuItem:hover{background-color:#ddd}.toast{background:#303030;color:rgba(255,255,255,.87)}.appfooter{background:#282828;color:#ccc;color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nowPlayingBarSecondaryText{color:#999}.itemSelectionPanel{border:1px solid #52B54B}.selectionCommandsPanel{background:#52B54B;color:#fff}.upNextDialog-countdownText{color:#52B54B}.alphaPickerButton{color:#555;color:rgba(0,0,0,.7);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#52B54B;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#f8f8f8}.listItem-border{border-color:#f0f0f0!important}.listItem:focus{background:#ddd}.progressring-spiner{border-color:#52B54B}.mediaInfoText{color:#333;background:#fff}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#52B54B}.emby-select-withcolor{color:inherit;background:#fff;border:.07em solid rgba(0,0,0,.158)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#52B54B}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#52B54B;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(82,181,75,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#52B54B}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#52B54B}.fullSyncIndicator{color:#fff}.mainDrawer{background:#fff}.navMenuOption:hover{background:#f2f2f2}.navMenuOption-selected{background:#52B54B!important;color:#fff}.emby-button-focusscale:focus{background:#52B54B;color:#fff}.emby-tab-button{color:#999;color:rgba(255,255,255,.5)}.emby-tab-button-active{color:#52B54B}.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#52B54B;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:rgba(0,0,0,.12)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.1)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#52B54B!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(0,0,0,.54)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#f2f2f2));background:-webkit-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:-o-linear-gradient(rgba(0,0,0,0),#f2f2f2);background:linear-gradient(rgba(0,0,0,0),#f2f2f2)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#52B54B} \ No newline at end of file +.skinHeader, +html { + color: #222; + color: rgba(0, 0, 0, .87) +} + +.emby-collapsible-button { + border-color: #ccc; + border-color: rgba(0, 0, 0, .158) +} + +.collapseContent { + background-color: #eaeaea +} + +.skinHeader-withBackground { + background-color: #303030; + color: #ccc; + color: rgba(255, 255, 255, .87); + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) +} + +.osdHeader { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +html { + background-color: #f2f2f2 +} + +.backgroundContainer.withBackdrop { + background-color: rgba(255, 255, 255, .94) +} + +.dialog { + background-color: #f0f0f0 +} + +.paper-icon-button-light:focus { + color: #52B54B; + background-color: rgba(82, 181, 75, .2) +} + +.fab, +.raised { + background: #d8d8d8; + color: inherit +} + +.fab:focus, +.raised:focus { + background: #ccc +} + +.button-submit { + background: #52B54B; + color: #fff +} + +.button-submit:focus { + background: #5EC157 +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #555 +} + +.button-link, +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: green +} + +.checkboxOutline { + border-color: currentColor +} + +.paperList, +.visualCardBox { + background-color: #fff +} + +.defaultCardBackground1 { + background-color: #009688 +} + +.defaultCardBackground2 { + background-color: #D32F2F +} + +.defaultCardBackground3 { + background-color: #0288D1 +} + +.defaultCardBackground4 { + background-color: #388E3C +} + +.defaultCardBackground5 { + background-color: #F57F17 +} + +.formDialogHeader:not(.formDialogHeader-clear) { + background-color: #52B54B; + color: #fff +} + +.formDialogFooter:not(.formDialogFooter-clear) { + background-color: #f0f0f0; + border-top: 1px solid #ddd; + border-top: 1px solid rgba(0, 0, 0, .08); + color: inherit +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #888 +} + +.actionsheetDivider { + background: #ddd; + background: rgba(0, 0, 0, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.formDialogHeader a, +.toast { + color: #fff +} + +.actionSheetMenuItem:hover { + background-color: #ddd +} + +.toast { + background: #303030; + color: rgba(255, 255, 255, .87) +} + +.appfooter { + background: #282828; + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.nowPlayingBarSecondaryText { + color: #999 +} + +.itemSelectionPanel { + border: 1px solid #52B54B +} + +.selectionCommandsPanel { + background: #52B54B; + color: #fff +} + +.upNextDialog-countdownText { + color: #52B54B +} + +.alphaPickerButton { + color: #555; + color: rgba(0, 0, 0, .7); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #52B54B; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #f8f8f8 +} + +.listItem-border { + border-color: #f0f0f0 !important +} + +.listItem:focus { + background: #ddd +} + +.progressring-spiner { + border-color: #52B54B +} + +.mediaInfoText { + color: #333; + background: #fff +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #52B54B +} + +.emby-select-withcolor { + color: inherit; + background: #fff; + border: .07em solid rgba(0, 0, 0, .158) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #52B54B +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #52B54B; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(82, 181, 75, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #52B54B +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #52B54B +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background: #fff +} + +.navMenuOption:hover { + background: #f2f2f2 +} + +.navMenuOption-selected { + background: #52B54B !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #52B54B; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active { + color: #52B54B +} + +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #52B54B; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: rgba(0, 0, 0, .12) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .1) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(0, 0, 0, .54) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); + background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #52B54B +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/themes/wmc/theme.css b/dashboard-ui/bower_components/emby-webcomponents/themes/wmc/theme.css index 7f559579e..21ab35751 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/themes/wmc/theme.css +++ b/dashboard-ui/bower_components/emby-webcomponents/themes/wmc/theme.css @@ -1 +1,443 @@ -html{color:#eee;color:rgba(255,255,255,.9);background-color:#0F3562}.emby-collapsible-button{border-color:#383838;border-color:rgba(255,255,255,.135)}.skinHeader{color:#ccc;color:rgba(255,255,255,.78)}.formDialogHeader:not(.formDialogHeader-clear),.skinHeader-withBackground{background-color:#0C2450;background:-webkit-gradient(linear,left top,left bottom,from(#0C2450),to(#081B3B));background:-webkit-linear-gradient(top,#0C2450,#081B3B);background:-o-linear-gradient(top,#0C2450,#081B3B);background:linear-gradient(to bottom,#0C2450,#081B3B)}@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)){.skinHeader-blurred{background:rgba(20,20,20,.7);-webkit-backdrop-filter:blur(1.5em);backdrop-filter:blur(1.5em)}}.skinHeader.semiTransparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}.backgroundContainer,.dialog{background-color:#0F3562;background:-webkit-gradient(linear,left top,left bottom,from(#0F3562),color-stop(#1162A4),to(#03215F));background:-webkit-linear-gradient(top,#0F3562,#1162A4,#03215F);background:-o-linear-gradient(top,#0F3562,#1162A4,#03215F);background:linear-gradient(to bottom,#0F3562,#1162A4,#03215F)}.backgroundContainer.withBackdrop{background:rgba(17,98,164,.9)}.paper-icon-button-light:focus{color:#52B54B;background-color:rgba(82,181,75,.2)}.fab,.raised{background:#082845;color:#fff}.fab:focus,.raised:focus{background:#143451}.button-submit{background:#52B54B;color:#fff}.button-submit:focus{background:#5EC157;color:#fff}.checkboxLabel{color:inherit}.checkboxListLabel,.inputLabel,.inputLabelUnfocused,.paperListLabel,.textareaLabelUnfocused{color:#bbb;color:rgba(255,255,255,.7)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#52B54B}.checkboxOutline{border-color:currentColor}.collapseContent,.paperList,.visualCardBox{background-color:#0F3562}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardText-secondary,.fieldDescription,.guide-programNameCaret,.listItem .secondary,.nowPlayingBarSecondaryText,.programSecondaryTitle,.secondaryText{color:#999;color:rgba(255,255,255,.5)}.actionsheetDivider{background:#ddd;background:rgba(255,255,255,.14)}.cardFooter-vibrant .cardText-secondary{color:inherit;opacity:.5}.toast{background:#081B3B;color:#fff;color:rgba(255,255,255,.87)}.appfooter,.formDialogFooter:not(.formDialogFooter-clear){background:#0C2450;background:-webkit-gradient(linear,left bottom,left top,from(#0C2450),to(#081B3B));background:-webkit-linear-gradient(bottom,#0C2450,#081B3B);background:-o-linear-gradient(bottom,#0C2450,#081B3B);background:linear-gradient(to top,#0C2450,#081B3B);color:rgba(255,255,255,.78)}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.appfooter-blurred{background:rgba(24,24,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.itemSelectionPanel{border:1px solid #52B54B}.selectionCommandsPanel{background:#52B54B;color:#fff}.upNextDialog-countdownText{color:#52B54B}.alphaPickerButton{color:#999;color:rgba(255,255,255,.5);background-color:transparent}.alphaPickerButton-selected,.alphaPickerButton-tv:focus{background-color:#52B54B;color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(0,0,0,.3)}.listItem-border{border-color:rgba(0,0,0,.3)!important}.listItem:focus{background:#333}.progressring-spiner{border-color:#52B54B}.button-flat-accent,.button-link{color:#52B54B}.mediaInfoText{color:#ddd;background:rgba(170,170,190,.2)}.mediaInfoTimerIcon,.starIcon{color:#CB272A}.emby-input,.emby-textarea{color:inherit;background:rgba(255,255,255,.2);border:.07em solid rgba(255,255,255,.135);-webkit-border-radius:.15em;border-radius:.15em}.emby-input:focus,.emby-textarea:focus{border-color:#52B54B}.emby-select-withcolor{color:inherit;background:rgba(255,255,255,.2);border:.07em solid rgba(255,255,255,.135)}.emby-checkbox:checked+span+span+.checkboxOutline,.emby-select-withcolor:focus{border-color:#52B54B}.emby-select-withcolor>option{color:#000;background:#fff}.emby-select-tv-withcolor:focus{background-color:#52B54B;color:#fff}.emby-checkbox:focus+span+.emby-checkbox-focushelper{background-color:rgba(82,181,75,.26)}.emby-checkbox:checked+span+span+.checkboxOutline,.itemProgressBarForeground{background-color:#52B54B}.itemProgressBarForeground-recording{background-color:#CB272A}.countIndicator,.fullSyncIndicator,.playedIndicator{background:#52B54B}.fullSyncIndicator{color:#fff}.mainDrawer{background-color:#0F3562;color:#ccc;color:rgba(255,255,255,.7)}.actionSheetMenuItem:hover,.navMenuOption:hover{background:#252528;background:rgba(0,0,0,.2)}.navMenuOption-selected{background:#52B54B!important;color:#fff}.emby-button-focusscale:focus{background:#52B54B;color:#fff}.emby-tab-button{color:#999;color:rgba(255,255,255,.5)}.emby-tab-button-active,.emby-tab-button-active.emby-button-tv{color:#fff}.emby-tab-button.emby-button-tv:focus{color:#fff;background:0 0}.channelPrograms,.guide-channelHeaderCell,.programCell{border-color:#999;border-color:rgba(255,255,255,.1)}.programCell-sports{background:#3949AB!important}.programCell-movie{background:#5E35B1!important}.programCell-kids{background:#039BE5!important}.programCell-news{background:#43A047!important}.programCell-active{background:rgba(0,0,0,.3)!important}.guide-channelHeaderCell:focus,.programCell:focus{background-color:#52B54B!important;color:#fff!important}.guide-programTextIcon{color:#1e1e1e;background:#555}.guide-headerTimeslots{color:inherit}.guide-date-tab-button{color:#555;color:rgba(255,255,255,.3)}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:#52B54B}.guide-date-tab-button.emby-button-tv:focus{background-color:#52B54B;color:#fff}.itemBackdropFader{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#115E9E));background:-webkit-linear-gradient(rgba(0,0,0,0),#115E9E);background:-o-linear-gradient(rgba(0,0,0,0),#115E9E);background:linear-gradient(rgba(0,0,0,0),#115E9E)}.infoBanner{color:#000;background:#fff3a5;padding:1em;-webkit-border-radius:.25em;border-radius:.25em}.ratingbutton-icon-withrating{color:#c33}.downloadbutton-icon-complete,.downloadbutton-icon-on{color:#4285F4}.playstatebutton-icon-played{color:#c33}.repeatButton-active{color:#4285F4}.card:focus .card-focuscontent{border-color:#fff}.layout-desktop ::-webkit-scrollbar{width:1em;height:1em}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-track-piece{background-color:#081B3B}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{-webkit-border-radius:2px;background:center no-repeat rgba(255,255,255,.7)} \ No newline at end of file +html { + color: #eee; + color: rgba(255, 255, 255, .9); + background-color: #0F3562 +} + +.emby-collapsible-button { + border-color: #383838; + border-color: rgba(255, 255, 255, .135) +} + +.skinHeader { + color: #ccc; + color: rgba(255, 255, 255, .78) +} + +.formDialogHeader:not(.formDialogHeader-clear), +.skinHeader-withBackground { + background-color: #0C2450; + background: -webkit-gradient(linear, left top, left bottom, from(#0C2450), to(#081B3B)); + background: -webkit-linear-gradient(top, #0C2450, #081B3B); + background: -o-linear-gradient(top, #0C2450, #081B3B); + background: linear-gradient(to bottom, #0C2450, #081B3B) +} + +@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) { + .skinHeader-blurred { + background: rgba(20, 20, 20, .7); + -webkit-backdrop-filter: blur(1.5em); + backdrop-filter: blur(1.5em) + } +} + +.skinHeader.semiTransparent { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + background-color: rgba(0, 0, 0, .3); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) +} + +.pageTitleWithDefaultLogo { + background-image: url(../logowhite.png) +} + +.backgroundContainer, +.dialog { + background-color: #0F3562; + background: -webkit-gradient(linear, left top, left bottom, from(#0F3562), color-stop(#1162A4), to(#03215F)); + background: -webkit-linear-gradient(top, #0F3562, #1162A4, #03215F); + background: -o-linear-gradient(top, #0F3562, #1162A4, #03215F); + background: linear-gradient(to bottom, #0F3562, #1162A4, #03215F) +} + +.backgroundContainer.withBackdrop { + background: rgba(17, 98, 164, .9) +} + +.paper-icon-button-light:focus { + color: #52B54B; + background-color: rgba(82, 181, 75, .2) +} + +.fab, +.raised { + background: #082845; + color: #fff +} + +.fab:focus, +.raised:focus { + background: #143451 +} + +.button-submit { + background: #52B54B; + color: #fff +} + +.button-submit:focus { + background: #5EC157; + color: #fff +} + +.checkboxLabel { + color: inherit +} + +.checkboxListLabel, +.inputLabel, +.inputLabelUnfocused, +.paperListLabel, +.textareaLabelUnfocused { + color: #bbb; + color: rgba(255, 255, 255, .7) +} + +.inputLabelFocused, +.selectLabelFocused, +.textareaLabelFocused { + color: #52B54B +} + +.checkboxOutline { + border-color: currentColor +} + +.collapseContent, +.paperList, +.visualCardBox { + background-color: #0F3562 +} + +.defaultCardBackground1 { + background-color: #d2b019 +} + +.defaultCardBackground2 { + background-color: #338abb +} + +.defaultCardBackground3 { + background-color: #6b689d +} + +.defaultCardBackground4 { + background-color: #dd452b +} + +.defaultCardBackground5 { + background-color: #5ccea9 +} + +.cardText-secondary, +.fieldDescription, +.guide-programNameCaret, +.listItem .secondary, +.nowPlayingBarSecondaryText, +.programSecondaryTitle, +.secondaryText { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.actionsheetDivider { + background: #ddd; + background: rgba(255, 255, 255, .14) +} + +.cardFooter-vibrant .cardText-secondary { + color: inherit; + opacity: .5 +} + +.toast { + background: #081B3B; + color: #fff; + color: rgba(255, 255, 255, .87) +} + +.appfooter, +.formDialogFooter:not(.formDialogFooter-clear) { + background: #0C2450; + background: -webkit-gradient(linear, left bottom, left top, from(#0C2450), to(#081B3B)); + background: -webkit-linear-gradient(bottom, #0C2450, #081B3B); + background: -o-linear-gradient(bottom, #0C2450, #081B3B); + background: linear-gradient(to top, #0C2450, #081B3B); + color: rgba(255, 255, 255, .78) +} + +@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { + .appfooter-blurred { + background: rgba(24, 24, 24, .7); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px) + } +} + +.itemSelectionPanel { + border: 1px solid #52B54B +} + +.selectionCommandsPanel { + background: #52B54B; + color: #fff +} + +.upNextDialog-countdownText { + color: #52B54B +} + +.alphaPickerButton { + color: #999; + color: rgba(255, 255, 255, .5); + background-color: transparent +} + +.alphaPickerButton-selected, +.alphaPickerButton-tv:focus { + background-color: #52B54B; + color: #fff !important +} + +.detailTableBodyRow-shaded:nth-child(even) { + background: #1c1c1c; + background: rgba(0, 0, 0, .3) +} + +.listItem-border { + border-color: rgba(0, 0, 0, .3) !important +} + +.listItem:focus { + background: #333 +} + +.progressring-spiner { + border-color: #52B54B +} + +.button-flat-accent, +.button-link { + color: #52B54B +} + +.mediaInfoText { + color: #ddd; + background: rgba(170, 170, 190, .2) +} + +.mediaInfoTimerIcon, +.starIcon { + color: #CB272A +} + +.emby-input, +.emby-textarea { + color: inherit; + background: rgba(255, 255, 255, .2); + border: .07em solid rgba(255, 255, 255, .135); + -webkit-border-radius: .15em; + border-radius: .15em +} + +.emby-input:focus, +.emby-textarea:focus { + border-color: #52B54B +} + +.emby-select-withcolor { + color: inherit; + background: rgba(255, 255, 255, .2); + border: .07em solid rgba(255, 255, 255, .135) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.emby-select-withcolor:focus { + border-color: #52B54B +} + +.emby-select-withcolor>option { + color: #000; + background: #fff +} + +.emby-select-tv-withcolor:focus { + background-color: #52B54B; + color: #fff +} + +.emby-checkbox:focus+span+.emby-checkbox-focushelper { + background-color: rgba(82, 181, 75, .26) +} + +.emby-checkbox:checked+span+span+.checkboxOutline, +.itemProgressBarForeground { + background-color: #52B54B +} + +.itemProgressBarForeground-recording { + background-color: #CB272A +} + +.countIndicator, +.fullSyncIndicator, +.playedIndicator { + background: #52B54B +} + +.fullSyncIndicator { + color: #fff +} + +.mainDrawer { + background-color: #0F3562; + color: #ccc; + color: rgba(255, 255, 255, .7) +} + +.actionSheetMenuItem:hover, +.navMenuOption:hover { + background: #252528; + background: rgba(0, 0, 0, .2) +} + +.navMenuOption-selected { + background: #52B54B !important; + color: #fff +} + +.emby-button-focusscale:focus { + background: #52B54B; + color: #fff +} + +.emby-tab-button { + color: #999; + color: rgba(255, 255, 255, .5) +} + +.emby-tab-button-active, +.emby-tab-button-active.emby-button-tv { + color: #fff +} + +.emby-tab-button.emby-button-tv:focus { + color: #fff; + background: 0 0 +} + +.channelPrograms, +.guide-channelHeaderCell, +.programCell { + border-color: #999; + border-color: rgba(255, 255, 255, .1) +} + +.programCell-sports { + background: #3949AB !important +} + +.programCell-movie { + background: #5E35B1 !important +} + +.programCell-kids { + background: #039BE5 !important +} + +.programCell-news { + background: #43A047 !important +} + +.programCell-active { + background: rgba(0, 0, 0, .3) !important +} + +.guide-channelHeaderCell:focus, +.programCell:focus { + background-color: #52B54B !important; + color: #fff !important +} + +.guide-programTextIcon { + color: #1e1e1e; + background: #555 +} + +.guide-headerTimeslots { + color: inherit +} + +.guide-date-tab-button { + color: #555; + color: rgba(255, 255, 255, .3) +} + +.guide-date-tab-button.emby-tab-button-active, +.guide-date-tab-button:focus { + color: #52B54B +} + +.guide-date-tab-button.emby-button-tv:focus { + background-color: #52B54B; + color: #fff +} + +.itemBackdropFader { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#115E9E)); + background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #115E9E); + background: -o-linear-gradient(rgba(0, 0, 0, 0), #115E9E); + background: linear-gradient(rgba(0, 0, 0, 0), #115E9E) +} + +.infoBanner { + color: #000; + background: #fff3a5; + padding: 1em; + -webkit-border-radius: .25em; + border-radius: .25em +} + +.ratingbutton-icon-withrating { + color: #c33 +} + +.downloadbutton-icon-complete, +.downloadbutton-icon-on { + color: #4285F4 +} + +.playstatebutton-icon-played { + color: #c33 +} + +.repeatButton-active { + color: #4285F4 +} + +.card:focus .card-focuscontent { + border-color: #fff +} + +.layout-desktop ::-webkit-scrollbar { + width: 1em; + height: 1em +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) +} + +::-webkit-scrollbar-track-piece { + background-color: #081B3B +} + +::-webkit-scrollbar-thumb:horizontal, +::-webkit-scrollbar-thumb:vertical { + -webkit-border-radius: 2px; + background: center no-repeat rgba(255, 255, 255, .7) +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/toast/toast.css b/dashboard-ui/bower_components/emby-webcomponents/toast/toast.css index 07d032c41..e5085c41a 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/toast/toast.css +++ b/dashboard-ui/bower_components/emby-webcomponents/toast/toast.css @@ -1 +1,27 @@ -.toast{position:fixed;min-width:20em;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);-webkit-border-radius:.15em;border-radius:.15em;cursor:default;-webkit-transition:-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;min-height:initial;padding:1em 1.5em;bottom:1em;left:1em;font-size:110%;z-index:9999999;-webkit-transform:translateY(16em);transform:translateY(16em)}.toastVisible{-webkit-transform:none;transform:none} \ No newline at end of file +.toast { + position: fixed; + min-width: 20em; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + -webkit-border-radius: .15em; + border-radius: .15em; + cursor: default; + -webkit-transition: -webkit-transform .3s ease-out; + -o-transition: transform .3s ease-out; + transition: transform .3s ease-out; + min-height: initial; + padding: 1em 1.5em; + bottom: 1em; + left: 1em; + font-size: 110%; + z-index: 9999999; + -webkit-transform: translateY(16em); + transform: translateY(16em) +} + +.toastVisible { + -webkit-transform: none; + transform: none +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/upnextdialog/upnextdialog.css b/dashboard-ui/bower_components/emby-webcomponents/upnextdialog/upnextdialog.css index 7dd17779b..ff40dd144 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/upnextdialog/upnextdialog.css +++ b/dashboard-ui/bower_components/emby-webcomponents/upnextdialog/upnextdialog.css @@ -1 +1,92 @@ -.upNextDialog{position:fixed;left:0;bottom:0;right:0;padding:1%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;will-change:transform,opacity;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;background-color:rgba(0,0,0,.7);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.9));background:-o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.9));background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.9));color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.upNextDialog-hidden{opacity:0}.upNextDialog-countdownText{font-weight:500}.upNextDialog-poster{max-width:40%;max-height:15%;position:relative;margin-right:1em;-webkit-flex-shrink:0;flex-shrink:0;margin-bottom:.5em}.upNextDialog-button{background:#404040;color:#fff}@media all and (orientation:landscape){.upNextDialog{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.upNextDialog-poster{max-width:initial;max-height:initial;width:10%;margin-bottom:0}}@media all and (max-width:50em){.upNextDialog-overview{display:none!important}}.upNextDialog-poster-img{position:absolute;bottom:0;left:0;right:0;height:auto;width:100%;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);border:0;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none} \ No newline at end of file +.upNextDialog { + position: fixed; + left: 0; + bottom: 0; + right: 0; + padding: 1%; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + will-change: transform, opacity; + -webkit-transition: opacity .3s ease-out; + -o-transition: opacity .3s ease-out; + transition: opacity .3s ease-out; + background-color: rgba(0, 0, 0, .7); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .9))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .9)); + background: -o-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .9)); + background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .9)); + color: #fff; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none +} + +.upNextDialog-hidden { + opacity: 0 +} + +.upNextDialog-countdownText { + font-weight: 500 +} + +.upNextDialog-poster { + max-width: 40%; + max-height: 15%; + position: relative; + margin-right: 1em; + -webkit-flex-shrink: 0; + flex-shrink: 0; + margin-bottom: .5em +} + +.upNextDialog-button { + background: #404040; + color: #fff +} + +@media all and (orientation:landscape) { + .upNextDialog { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row + } + + .upNextDialog-poster { + max-width: initial; + max-height: initial; + width: 10%; + margin-bottom: 0 + } +} + +@media all and (max-width:50em) { + .upNextDialog-overview { + display: none !important + } +} + +.upNextDialog-poster-img { + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: auto; + width: 100%; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + border: 0; + user-drag: none; + user-select: none; + -moz-user-select: none; + -webkit-user-drag: none; + -webkit-user-select: none; + -ms-user-select: none +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/userdatabuttons/userdatabuttons.css b/dashboard-ui/bower_components/emby-webcomponents/userdatabuttons/userdatabuttons.css index 273d74941..253504a2b 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/userdatabuttons/userdatabuttons.css +++ b/dashboard-ui/bower_components/emby-webcomponents/userdatabuttons/userdatabuttons.css @@ -1 +1,3 @@ -.btnUserDataOn{color:#c33!important} \ No newline at end of file +.btnUserDataOn { + color: #c33 !important +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/viewmanager/viewcontainer-lite.css b/dashboard-ui/bower_components/emby-webcomponents/viewmanager/viewcontainer-lite.css index b252f02dd..c8c4b28a1 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/viewmanager/viewcontainer-lite.css +++ b/dashboard-ui/bower_components/emby-webcomponents/viewmanager/viewcontainer-lite.css @@ -1 +1,144 @@ -.mainAnimatedPage{position:absolute;top:0;left:0;right:0;bottom:0;contain:layout style size}@-webkit-keyframes view-fadeout{from{opacity:1}to{opacity:0}}@keyframes view-fadeout{from{opacity:1}to{opacity:0}}@-webkit-keyframes view-fadein{from{opacity:0}to{opacity:1}}@keyframes view-fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes view-slideleft{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:none;transform:none}}@keyframes view-slideleft{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes view-slideleft-r{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes view-slideleft-r{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes view-slideright{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:none;transform:none}}@keyframes view-slideright{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes view-slideright-r{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes view-slideright-r{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} \ No newline at end of file +.mainAnimatedPage { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + contain: layout style size +} + +@-webkit-keyframes view-fadeout { + from { + opacity: 1 + } + + to { + opacity: 0 + } +} + +@keyframes view-fadeout { + from { + opacity: 1 + } + + to { + opacity: 0 + } +} + +@-webkit-keyframes view-fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@keyframes view-fadein { + from { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@-webkit-keyframes view-slideleft { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } + + to { + -webkit-transform: none; + transform: none + } +} + +@keyframes view-slideleft { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } + + to { + -webkit-transform: none; + transform: none + } +} + +@-webkit-keyframes view-slideleft-r { + from { + -webkit-transform: none; + transform: none + } + + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +@keyframes view-slideleft-r { + from { + -webkit-transform: none; + transform: none + } + + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +@-webkit-keyframes view-slideright { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } + + to { + -webkit-transform: none; + transform: none + } +} + +@keyframes view-slideright { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } + + to { + -webkit-transform: none; + transform: none + } +} + +@-webkit-keyframes view-slideright-r { + from { + -webkit-transform: none; + transform: none + } + + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} + +@keyframes view-slideright-r { + from { + -webkit-transform: none; + transform: none + } + + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/youtubeplayer/style.css b/dashboard-ui/bower_components/emby-webcomponents/youtubeplayer/style.css index 39c918d97..d8db8a3ec 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/youtubeplayer/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/youtubeplayer/style.css @@ -1 +1,25 @@ -.youtubePlayerContainer{background:#000!important;position:fixed!important;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.youtubePlayerContainer.onTop{z-index:1000}.youtubePlayerContainer video{margin:0!important;padding:0!important;width:100%;height:100%} \ No newline at end of file +.youtubePlayerContainer { + background: #000 !important; + position: fixed !important; + top: 0; + bottom: 0; + left: 0; + right: 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.youtubePlayerContainer.onTop { + z-index: 1000 +} + +.youtubePlayerContainer video { + margin: 0 !important; + padding: 0 !important; + width: 100%; + height: 100% +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/libjass/libjass.css b/dashboard-ui/bower_components/libjass/libjass.css index 04a1e680a..73915706e 100644 --- a/dashboard-ui/bower_components/libjass/libjass.css +++ b/dashboard-ui/bower_components/libjass/libjass.css @@ -1 +1,91 @@ -.libjass-wrapper{position:relative;overflow:hidden}.libjass-subs,.libjass-subs .an{position:absolute}.libjass-subs{overflow:hidden;line-height:0}.libjass-subs,.libjass-subs *{pointer-events:none;-webkit-animation-fill-mode:both!important;animation-fill-mode:both!important}.libjass-subs.paused *{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.libjass-subs .an1,.libjass-subs .an2,.libjass-subs .an3{bottom:0}.libjass-subs .an4,.libjass-subs .an5,.libjass-subs .an6{display:table;width:100%;height:100%}.libjass-subs .an4>*,.libjass-subs .an5>*,.libjass-subs .an6>*{display:table-cell;vertical-align:middle}.libjass-subs .an7,.libjass-subs .an8,.libjass-subs .an9{top:0}.libjass-subs .an1,.libjass-subs .an4,.libjass-subs .an7{text-align:left}.libjass-subs .an2,.libjass-subs .an5,.libjass-subs .an8{text-align:center}.libjass-subs .an3,.libjass-subs .an6,.libjass-subs .an9{text-align:right}.libjass-subs div[data-dialogue-id]>span{-webkit-perspective-origin:center;perspective-origin:center;-webkit-perspective:400px;perspective:400px}.libjass-font-measure{position:absolute;visibility:hidden;border:0;margin:0;padding:0;line-height:normal}.libjass-filters{display:block} \ No newline at end of file +.libjass-wrapper { + position: relative; + overflow: hidden +} + +.libjass-subs, +.libjass-subs .an { + position: absolute +} + +.libjass-subs { + overflow: hidden; + line-height: 0 +} + +.libjass-subs, +.libjass-subs * { + pointer-events: none; + -webkit-animation-fill-mode: both !important; + animation-fill-mode: both !important +} + +.libjass-subs.paused * { + -webkit-animation-play-state: paused !important; + animation-play-state: paused !important +} + +.libjass-subs .an1, +.libjass-subs .an2, +.libjass-subs .an3 { + bottom: 0 +} + +.libjass-subs .an4, +.libjass-subs .an5, +.libjass-subs .an6 { + display: table; + width: 100%; + height: 100% +} + +.libjass-subs .an4>*, +.libjass-subs .an5>*, +.libjass-subs .an6>* { + display: table-cell; + vertical-align: middle +} + +.libjass-subs .an7, +.libjass-subs .an8, +.libjass-subs .an9 { + top: 0 +} + +.libjass-subs .an1, +.libjass-subs .an4, +.libjass-subs .an7 { + text-align: left +} + +.libjass-subs .an2, +.libjass-subs .an5, +.libjass-subs .an8 { + text-align: center +} + +.libjass-subs .an3, +.libjass-subs .an6, +.libjass-subs .an9 { + text-align: right +} + +.libjass-subs div[data-dialogue-id]>span { + -webkit-perspective-origin: center; + perspective-origin: center; + -webkit-perspective: 400px; + perspective: 400px +} + +.libjass-font-measure { + position: absolute; + visibility: hidden; + border: 0; + margin: 0; + padding: 0; + line-height: normal +} + +.libjass-filters { + display: block +} \ No newline at end of file diff --git a/dashboard-ui/components/directorybrowser/directorybrowser.css b/dashboard-ui/components/directorybrowser/directorybrowser.css index e14a3053d..0f3f22f07 100644 --- a/dashboard-ui/components/directorybrowser/directorybrowser.css +++ b/dashboard-ui/components/directorybrowser/directorybrowser.css @@ -1 +1,8 @@ -#ulDirectoryPickerList a{padding-top:.4em;padding-bottom:.4em}.lblDirectoryPickerPath{white-space:nowrap} \ No newline at end of file +#ulDirectoryPickerList a { + padding-top: .4em; + padding-bottom: .4em +} + +.lblDirectoryPickerPath { + white-space: nowrap +} \ No newline at end of file diff --git a/dashboard-ui/components/filterdialog/style.css b/dashboard-ui/components/filterdialog/style.css index 605b0ad5e..ccf65b9d5 100644 --- a/dashboard-ui/components/filterdialog/style.css +++ b/dashboard-ui/components/filterdialog/style.css @@ -1 +1,36 @@ -.dynamicFilterDialog{position:fixed!important;top:5%!important;bottom:5%!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;-webkit-border-radius:0!important;border-radius:0!important;max-height:none!important;max-width:none!important}@media all and (min-height:600px){.dynamicFilterDialog{top:10%!important;bottom:10%!important}}@media all and (max-width:400px){.dynamicFilterDialog{width:auto;left:10vw!important;right:10vw!important;margin-left:0!important}}@media all and (min-width:400px){.dynamicFilterDialog{width:300px;margin-left:-150px!important;left:50%!important}} \ No newline at end of file +.dynamicFilterDialog { + position: fixed !important; + top: 5% !important; + bottom: 5% !important; + margin-top: 0 !important; + margin-bottom: 0 !important; + margin-right: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; + max-height: none !important; + max-width: none !important +} + +@media all and (min-height:600px) { + .dynamicFilterDialog { + top: 10% !important; + bottom: 10% !important + } +} + +@media all and (max-width:400px) { + .dynamicFilterDialog { + width: auto; + left: 10vw !important; + right: 10vw !important; + margin-left: 0 !important + } +} + +@media all and (min-width:400px) { + .dynamicFilterDialog { + width: 300px; + margin-left: -150px !important; + left: 50% !important + } +} \ No newline at end of file diff --git a/dashboard-ui/components/navdrawer/navdrawer.css b/dashboard-ui/components/navdrawer/navdrawer.css index 8f1417f00..f774c6919 100644 --- a/dashboard-ui/components/navdrawer/navdrawer.css +++ b/dashboard-ui/components/navdrawer/navdrawer.css @@ -1 +1,53 @@ -.tmla-mask,.touch-menu-la{position:fixed;top:0;bottom:0;contain:strict}.touch-menu-la{background-color:#FFF;will-change:transform;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:-webkit-transform ease-out 40ms,left ease-out 260ms;-o-transition:transform ease-out 40ms,left ease-out 260ms;transition:transform ease-out 40ms,left ease-out 260ms;z-index:1099}.touch-menu-la.transition{-webkit-transition:-webkit-transform ease-out 240ms,left ease-out 260ms;-o-transition:transform ease-out 240ms,left ease-out 260ms;transition:transform ease-out 240ms,left ease-out 260ms}.drawer-open{-webkit-box-shadow:2px 0 12px rgba(0,0,0,.4);box-shadow:2px 0 12px rgba(0,0,0,.4)}.scrollContainer{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.tmla-mask{left:0;right:0;background-color:#000;opacity:0;z-index:1098;-webkit-transition:opacity ease-in-out .38s,visibility ease-in-out .38s;-o-transition:opacity ease-in-out .38s,visibility ease-in-out .38s;transition:opacity ease-in-out .38s,visibility ease-in-out .38s;will-change:opacity;background-color:rgba(0,0,0,.3)}.tmla-mask.backdrop{opacity:1} \ No newline at end of file +.tmla-mask, +.touch-menu-la { + position: fixed; + top: 0; + bottom: 0; + contain: strict +} + +.touch-menu-la { + background-color: #FFF; + will-change: transform; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-transition: -webkit-transform ease-out 40ms, left ease-out 260ms; + -o-transition: transform ease-out 40ms, left ease-out 260ms; + transition: transform ease-out 40ms, left ease-out 260ms; + z-index: 1099 +} + +.touch-menu-la.transition { + -webkit-transition: -webkit-transform ease-out 240ms, left ease-out 260ms; + -o-transition: transform ease-out 240ms, left ease-out 260ms; + transition: transform ease-out 240ms, left ease-out 260ms +} + +.drawer-open { + -webkit-box-shadow: 2px 0 12px rgba(0, 0, 0, .4); + box-shadow: 2px 0 12px rgba(0, 0, 0, .4) +} + +.scrollContainer { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.tmla-mask { + left: 0; + right: 0; + background-color: #000; + opacity: 0; + z-index: 1098; + -webkit-transition: opacity ease-in-out .38s, visibility ease-in-out .38s; + -o-transition: opacity ease-in-out .38s, visibility ease-in-out .38s; + transition: opacity ease-in-out .38s, visibility ease-in-out .38s; + will-change: opacity; + background-color: rgba(0, 0, 0, .3) +} + +.tmla-mask.backdrop { + opacity: 1 +} \ No newline at end of file diff --git a/dashboard-ui/css/dashboard.css b/dashboard-ui/css/dashboard.css index 302af2fea..40838c565 100644 --- a/dashboard-ui/css/dashboard.css +++ b/dashboard-ui/css/dashboard.css @@ -1 +1,541 @@ -.dashboardColumn,.dashboardSections{-webkit-box-orient:vertical;-webkit-box-direction:normal}.dashboardFooter{margin-top:3.5em;text-align:center}.dashboardFooter a{margin:0 .7em}progress{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:2px solid #ccc;-webkit-border-radius:.3em;border-radius:.3em;margin:0;background:#ccc!important}progress[role]:after{background-image:none}progress::-webkit-progress-bar{background:#ccc}progress::-moz-progress-bar{border-radius:.4em;background-image:-moz-linear-gradient(center bottom,#2bc253 37%,#54f054 69%)}progress::-webkit-progress-value{-webkit-border-radius:.4em;border-radius:.4em;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2bc253),color-stop(1,#54f054));background-image:-webkit-linear-gradient(center bottom,#2bc253 37%,#54f054 69%)}progress[aria-valuenow]:before{-webkit-border-radius:.4em;border-radius:.4em;background-image:-o-linear-gradient(center bottom,#2bc253 37%,#54f054 69%)}.localnav{margin-bottom:2.2em!important}@media all and (min-width:50em){.type-interior>.ui-panel-content-wrap>div[data-role=content],.type-interior>div[data-role=content]{padding-right:0;padding-left:0;padding-top:0;overflow:hidden}}.dashboardDocument{font-size:94.1%}.dashboardDocument .dashboardEntryHeaderButton,.dashboardDocument .lnkManageServer{display:none!important}.adminDrawerLogo{padding:1.5em 1em 1.2em;border-bottom:1px solid #e0e0e0;margin-bottom:1em;display:block}.adminDrawerLogo img{height:2.2em}div[data-role=controlgroup] a[data-role=button]{display:inline-block!important;margin:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-border-radius:0;border-radius:0}div[data-role=controlgroup] a[data-role=button]:first-child{-webkit-border-bottom-left-radius:.3125em;border-bottom-left-radius:.3125em;-webkit-border-top-left-radius:.3125em;border-top-left-radius:.3125em}div[data-role=controlgroup] a[data-role=button]:last-child{-webkit-border-bottom-right-radius:.3125em;border-bottom-right-radius:.3125em;-webkit-border-top-right-radius:.3125em;border-top-right-radius:.3125em}div[data-role=controlgroup] a[data-role=button]+a[data-role=button]{border-left-width:0!important;margin:0 0 0 -.4em!important}div[data-role=controlgroup] a.ui-btn-active{background:#38c!important;color:#fff!important}.header .imageLink{display:inline-block}.header .imageLink img{height:2.1em;vertical-align:middle}.content-primary{padding-top:6em;padding-right:1em;padding-left:1em}.withTabs .content-primary{padding-top:9em!important}@media all and (min-width:40em){.content-primary{padding-top:7em}.withTabs .content-primary{padding-top:10em!important}}@media all and (min-width:84em){.withTabs .content-primary{padding-top:7em!important}}.content-primary ul:first-child{margin-top:0}.dashboardSections{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.dashboardColumn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.activeSession:not(.playingSession) .sessionNowPlayingContent,.supporterMembershipDisabled .tabSupporterMembership{display:none}.dashboardSection{-webkit-flex-shrink:0;flex-shrink:0;margin:0 0 2em}.dashboardSection h3{margin-top:.5em;margin-bottom:.5em}.activeRecordingItems>.card{width:50%}@media all and (min-width:70em){.dashboardSections{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.dashboardColumn-2-60{width:46%}.dashboardColumn-2-40{width:27%}.dashboardSection{padding:0 1.5em}.activeRecordingItems>.card{width:25%}}@media all and (min-width:94em){.dashboardColumn-3-46{width:46%}.dashboardColumn-3-27{width:27%}.activeRecordingItems>.card{width:50%}}.premiumBanner img{position:absolute;text-align:right;top:0;right:0;width:4.4em;height:4.4em}.wizardContent{max-width:62em;padding:.5em 2em 1em;margin:0 auto;background:#fff}.wizardNavigation{text-align:right}.wizardContent form{max-width:100%}.wizardContent h2 img{height:2.5em;vertical-align:middle;margin-right:.5em;position:relative;top:-.3em}.scheduledTaskPaperIconItem{outline:0!important}.activeSession{width:100%!important}@media all and (min-width:40em){.activeSession{width:100%!important}}@media all and (min-width:50em){.activeSession{width:50%!important}}.sessionCardFooter{padding-top:.5em!important;padding-bottom:1em!important;border-top:1px solid #eee;text-align:center;position:relative}.sessionAppInfo,.sessionNowPlayingInfo{padding:.5em;overflow:hidden}.sessionCardButtons{min-height:2.7em}.sessionCardButton{margin:0}.sessionNowPlayingContent{-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;position:absolute;top:0;left:0;right:0;bottom:0}.sessionNowPlayingInnerContent{position:absolute;top:0;left:0;right:0;bottom:0;font-weight:400}.sessionNowPlayingContent-withbackground+.sessionNowPlayingInnerContent{color:#fff!important;background:rgba(0,0,0,.7)}.sessionAppName{vertical-align:top;max-width:200px}.sessionNowPlayingInfo{position:absolute;left:0;bottom:11px;max-width:50%;-o-text-overflow:ellipsis;text-overflow:ellipsis}.sessionAppInfo img{max-width:32px;max-height:32px;margin-right:5px}.activeSession .playbackProgress{position:absolute;right:0;bottom:0;left:0;height:7px;width:100%;opacity:.95}.activeSession:not(.playingSession) .sessionNowPlayingInfo{bottom:0}.sessionNowPlayingTime{position:absolute;right:10px;bottom:19px}.sessionNowPlayingStreamInfo{white-space:nowrap}.activeSession .transcodingProgress{right:0;bottom:0;left:0;height:5px;width:100%;opacity:.9;position:absolute}.playbackProgress,.transcodingProgress{appearance:none;-moz-appearance:none;-webkit-appearance:none;margin:0 5px 0 0;height:14px;border:0 solid #222;-webkit-border-radius:0;border-radius:0;width:50px;background:#000!important}.playbackProgress::-webkit-progress-bar,.transcodingProgress::-webkit-progress-bar{background:#000}.transcodingSession .playbackProgress{bottom:5px}.transcodingProgress::-moz-progress-bar{border-radius:0;background-image:-moz-linear-gradient(center bottom,#dd4919 37%,#dd4919 69%)!important}.transcodingProgress::-webkit-progress-value{-webkit-border-radius:0;border-radius:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#dd4919),color-stop(1,#dd4919))!important;background-image:-webkit-linear-gradient(center bottom,#dd4919 37%,#dd4919 69%)!important}.transcodingProgress[aria-valuenow]:before{-webkit-border-radius:0;border-radius:0;background-image:-o-linear-gradient(center bottom,#dd4919 37%,#dd4919 69%)!important}.playbackProgress::-moz-progress-bar{border-radius:0;background-image:none;background-color:#52B54B}.playbackProgress::-webkit-progress-value{-webkit-border-radius:0;border-radius:0;background-image:none;background-color:#52B54B}.playbackProgress[aria-valuenow]:before{-webkit-border-radius:0;border-radius:0;background-image:none;background-color:#52B54B}@media all and (max-width:34.375em){.sessionAppName{max-width:160px}}@media all and (max-width:31.25em){.sessionAppName{max-width:150px}}.disabledUser{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.disabledUserBanner{margin:0 0 2em}.appLinks a{text-decoration:none!important}.appLinks a+a{margin-left:5px}.appLinks img{height:36px}a[data-role=button]{-webkit-font-smoothing:antialiased;-webkit-user-select:none;-webkit-background-clip:padding-box;-webkit-border-radius:.3125em;border-radius:.3125em;border:1px solid #ddd!important;color:#333!important;cursor:pointer!important;font-family:inherit!important;font-weight:500!important;margin:0 .25em!important;display:inline-block;padding:.8em 1em;text-align:center;text-decoration:none!important;background:#f6f6f6!important}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.rotatingCircle{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.pluginPreviewImg{-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37)} \ No newline at end of file +.dashboardColumn, +.dashboardSections { + -webkit-box-orient: vertical; + -webkit-box-direction: normal +} + +.dashboardFooter { + margin-top: 3.5em; + text-align: center +} + +.dashboardFooter a { + margin: 0 .7em +} + +progress { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + border: 2px solid #ccc; + -webkit-border-radius: .3em; + border-radius: .3em; + margin: 0; + background: #ccc !important +} + +progress[role]:after { + background-image: none +} + +progress::-webkit-progress-bar { + background: #ccc +} + +progress::-moz-progress-bar { + border-radius: .4em; + background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%) +} + +progress::-webkit-progress-value { + -webkit-border-radius: .4em; + border-radius: .4em; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054)); + background-image: -webkit-linear-gradient(center bottom, #2bc253 37%, #54f054 69%) +} + +progress[aria-valuenow]:before { + -webkit-border-radius: .4em; + border-radius: .4em; + background-image: -o-linear-gradient(center bottom, #2bc253 37%, #54f054 69%) +} + +.localnav { + margin-bottom: 2.2em !important +} + +@media all and (min-width:50em) { + + .type-interior>.ui-panel-content-wrap>div[data-role=content], + .type-interior>div[data-role=content] { + padding-right: 0; + padding-left: 0; + padding-top: 0; + overflow: hidden + } +} + +.dashboardDocument { + font-size: 94.1% +} + +.dashboardDocument .dashboardEntryHeaderButton, +.dashboardDocument .lnkManageServer { + display: none !important +} + +.adminDrawerLogo { + padding: 1.5em 1em 1.2em; + border-bottom: 1px solid #e0e0e0; + margin-bottom: 1em; + display: block +} + +.adminDrawerLogo img { + height: 2.2em +} + +div[data-role=controlgroup] a[data-role=button] { + display: inline-block !important; + margin: 0 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + -webkit-border-radius: 0; + border-radius: 0 +} + +div[data-role=controlgroup] a[data-role=button]:first-child { + -webkit-border-bottom-left-radius: .3125em; + border-bottom-left-radius: .3125em; + -webkit-border-top-left-radius: .3125em; + border-top-left-radius: .3125em +} + +div[data-role=controlgroup] a[data-role=button]:last-child { + -webkit-border-bottom-right-radius: .3125em; + border-bottom-right-radius: .3125em; + -webkit-border-top-right-radius: .3125em; + border-top-right-radius: .3125em +} + +div[data-role=controlgroup] a[data-role=button]+a[data-role=button] { + border-left-width: 0 !important; + margin: 0 0 0 -.4em !important +} + +div[data-role=controlgroup] a.ui-btn-active { + background: #38c !important; + color: #fff !important +} + +.header .imageLink { + display: inline-block +} + +.header .imageLink img { + height: 2.1em; + vertical-align: middle +} + +.content-primary { + padding-top: 6em; + padding-right: 1em; + padding-left: 1em +} + +.withTabs .content-primary { + padding-top: 9em !important +} + +@media all and (min-width:40em) { + .content-primary { + padding-top: 7em + } + + .withTabs .content-primary { + padding-top: 10em !important + } +} + +@media all and (min-width:84em) { + .withTabs .content-primary { + padding-top: 7em !important + } +} + +.content-primary ul:first-child { + margin-top: 0 +} + +.dashboardSections { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column +} + +.dashboardColumn { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex-shrink: 0; + flex-shrink: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.activeSession:not(.playingSession) .sessionNowPlayingContent, +.supporterMembershipDisabled .tabSupporterMembership { + display: none +} + +.dashboardSection { + -webkit-flex-shrink: 0; + flex-shrink: 0; + margin: 0 0 2em +} + +.dashboardSection h3 { + margin-top: .5em; + margin-bottom: .5em +} + +.activeRecordingItems>.card { + width: 50% +} + +@media all and (min-width:70em) { + .dashboardSections { + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row + } + + .dashboardColumn-2-60 { + width: 46% + } + + .dashboardColumn-2-40 { + width: 27% + } + + .dashboardSection { + padding: 0 1.5em + } + + .activeRecordingItems>.card { + width: 25% + } +} + +@media all and (min-width:94em) { + .dashboardColumn-3-46 { + width: 46% + } + + .dashboardColumn-3-27 { + width: 27% + } + + .activeRecordingItems>.card { + width: 50% + } +} + +.premiumBanner img { + position: absolute; + text-align: right; + top: 0; + right: 0; + width: 4.4em; + height: 4.4em +} + +.wizardContent { + max-width: 62em; + padding: .5em 2em 1em; + margin: 0 auto; + background: #fff +} + +.wizardNavigation { + text-align: right +} + +.wizardContent form { + max-width: 100% +} + +.wizardContent h2 img { + height: 2.5em; + vertical-align: middle; + margin-right: .5em; + position: relative; + top: -.3em +} + +.scheduledTaskPaperIconItem { + outline: 0 !important +} + +.activeSession { + width: 100% !important +} + +@media all and (min-width:40em) { + .activeSession { + width: 100% !important + } +} + +@media all and (min-width:50em) { + .activeSession { + width: 50% !important + } +} + +.sessionCardFooter { + padding-top: .5em !important; + padding-bottom: 1em !important; + border-top: 1px solid #eee; + text-align: center; + position: relative +} + +.sessionAppInfo, +.sessionNowPlayingInfo { + padding: .5em; + overflow: hidden +} + +.sessionCardButtons { + min-height: 2.7em +} + +.sessionCardButton { + margin: 0 +} + +.sessionNowPlayingContent { + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0 +} + +.sessionNowPlayingInnerContent { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + font-weight: 400 +} + +.sessionNowPlayingContent-withbackground+.sessionNowPlayingInnerContent { + color: #fff !important; + background: rgba(0, 0, 0, .7) +} + +.sessionAppName { + vertical-align: top; + max-width: 200px +} + +.sessionNowPlayingInfo { + position: absolute; + left: 0; + bottom: 11px; + max-width: 50%; + -o-text-overflow: ellipsis; + text-overflow: ellipsis +} + +.sessionAppInfo img { + max-width: 32px; + max-height: 32px; + margin-right: 5px +} + +.activeSession .playbackProgress { + position: absolute; + right: 0; + bottom: 0; + left: 0; + height: 7px; + width: 100%; + opacity: .95 +} + +.activeSession:not(.playingSession) .sessionNowPlayingInfo { + bottom: 0 +} + +.sessionNowPlayingTime { + position: absolute; + right: 10px; + bottom: 19px +} + +.sessionNowPlayingStreamInfo { + white-space: nowrap +} + +.activeSession .transcodingProgress { + right: 0; + bottom: 0; + left: 0; + height: 5px; + width: 100%; + opacity: .9; + position: absolute +} + +.playbackProgress, +.transcodingProgress { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + margin: 0 5px 0 0; + height: 14px; + border: 0 solid #222; + -webkit-border-radius: 0; + border-radius: 0; + width: 50px; + background: #000 !important +} + +.playbackProgress::-webkit-progress-bar, +.transcodingProgress::-webkit-progress-bar { + background: #000 +} + +.transcodingSession .playbackProgress { + bottom: 5px +} + +.transcodingProgress::-moz-progress-bar { + border-radius: 0; + background-image: -moz-linear-gradient(center bottom, #dd4919 37%, #dd4919 69%) !important +} + +.transcodingProgress::-webkit-progress-value { + -webkit-border-radius: 0; + border-radius: 0; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4919), color-stop(1, #dd4919)) !important; + background-image: -webkit-linear-gradient(center bottom, #dd4919 37%, #dd4919 69%) !important +} + +.transcodingProgress[aria-valuenow]:before { + -webkit-border-radius: 0; + border-radius: 0; + background-image: -o-linear-gradient(center bottom, #dd4919 37%, #dd4919 69%) !important +} + +.playbackProgress::-moz-progress-bar { + border-radius: 0; + background-image: none; + background-color: #52B54B +} + +.playbackProgress::-webkit-progress-value { + -webkit-border-radius: 0; + border-radius: 0; + background-image: none; + background-color: #52B54B +} + +.playbackProgress[aria-valuenow]:before { + -webkit-border-radius: 0; + border-radius: 0; + background-image: none; + background-color: #52B54B +} + +@media all and (max-width:34.375em) { + .sessionAppName { + max-width: 160px + } +} + +@media all and (max-width:31.25em) { + .sessionAppName { + max-width: 150px + } +} + +.disabledUser { + -webkit-filter: grayscale(100%); + filter: grayscale(100%) +} + +.disabledUserBanner { + margin: 0 0 2em +} + +.appLinks a { + text-decoration: none !important +} + +.appLinks a+a { + margin-left: 5px +} + +.appLinks img { + height: 36px +} + +a[data-role=button] { + -webkit-font-smoothing: antialiased; + -webkit-user-select: none; + -webkit-background-clip: padding-box; + -webkit-border-radius: .3125em; + border-radius: .3125em; + border: 1px solid #ddd !important; + color: #333 !important; + cursor: pointer !important; + font-family: inherit !important; + font-weight: 500 !important; + margin: 0 .25em !important; + display: inline-block; + padding: .8em 1em; + text-align: center; + text-decoration: none !important; + background: #f6f6f6 !important +} + +@-webkit-keyframes rotating { + from { + -webkit-transform: rotate(0); + transform: rotate(0) + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg) + } +} + +@keyframes rotating { + from { + -webkit-transform: rotate(0); + transform: rotate(0) + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg) + } +} + +.rotatingCircle { + -webkit-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite +} + +.pluginPreviewImg { + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) +} \ No newline at end of file diff --git a/dashboard-ui/css/detailtable.css b/dashboard-ui/css/detailtable.css index b936428be..33f060836 100644 --- a/dashboard-ui/css/detailtable.css +++ b/dashboard-ui/css/detailtable.css @@ -1 +1,19 @@ -.detailTableBodyCell,.detailTableHeaderCell{border-spacing:0;padding:.4em}.detailTable{border-collapse:collapse;border-spacing:0;text-align:left;width:100%;margin:0 auto}.detailTableHeaderCell{font-weight:700;text-align:left;vertical-align:top} \ No newline at end of file +.detailTableBodyCell, +.detailTableHeaderCell { + border-spacing: 0; + padding: .4em +} + +.detailTable { + border-collapse: collapse; + border-spacing: 0; + text-align: left; + width: 100%; + margin: 0 auto +} + +.detailTableHeaderCell { + font-weight: 700; + text-align: left; + vertical-align: top +} \ No newline at end of file diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 7e0c3290a..2878394b8 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -1 +1,1112 @@ -.headerUserImage,.navMenuOption,.pageTitle{vertical-align:middle}.detailButton-mobile,.itemLinks,.listPaging,.sectionTabs,.viewSettings{text-align:center}.headerSelectedPlayer,.itemMiscInfo,.navMenuOptionText{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.libraryPage{padding-top:7em!important}.itemDetailPage{padding-top:4em!important}.standalonePage{padding-top:4.5em!important}.wizardPage{padding-top:7em!important}.libraryPage:not(.noSecondaryNavPage){padding-top:7.5em!important}.absolutePageTabContent{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0!important;top:6.9em!important;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.pageTabContent:not(.is-active){display:none!important}.headerUserImage{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center center;-webkit-border-radius:100em;border-radius:100em;display:inline-block}.headerUserButtonRound img{-webkit-border-radius:100em;border-radius:100em}.headerButton{-webkit-flex-shrink:0;flex-shrink:0}.hideMainDrawer .mainDrawerButton{display:none}.noHeaderRight .headerRight,.noHomeButtonHeader .headerHomeButton{display:none!important}.pageTitle{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;margin:0 0 0 .5em;height:1.7em;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:1;flex-shrink:1}.headerLeft,.skinHeader{display:-webkit-box;display:-webkit-flex}.detailButton-mobile,.skinHeader{-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}.pageTitleWithLogo{background-position:left center;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;width:13.2em}.pageTitleWithDefaultLogo{height:1.22em}.skinHeader{position:fixed;right:0;left:0;z-index:999;top:0;border:0;display:flex;flex-direction:column;contain:layout style paint}.headerLeft,.headerRight{-webkit-box-align:center}.mainAnimatedPages,.pageTabContent{contain:layout style}.hiddenViewMenuBar .skinHeader{display:none}.headerTop{padding:.54em 0}.headerLeft{display:flex;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden}.sectionTabs{width:100%}.headerRight{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.selectedMediaFolder{background-color:#f2f2f2!important}.navMenuOption{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-decoration:none;color:inherit;padding:.9em 0 .9em 2.4em!important;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-weight:400!important;margin:0!important;-webkit-border-radius:0!important;border-radius:0!important}.navMenuOptionIcon{margin-right:1.2em;-webkit-flex-shrink:0;flex-shrink:0}.navMenuOptionText{white-space:nowrap}.sidebarHeader{padding-left:1.2em;margin:1em 0 .5em}.dashboardDocument .skinBody{-webkit-transition:left ease-in-out .3s,padding ease-in-out .3s;-o-transition:left ease-in-out .3s,padding ease-in-out .3s;transition:left ease-in-out .3s,padding ease-in-out .3s;position:absolute;top:0;right:0;bottom:0;left:0}.layout-desktop .searchTabButton,.layout-mobile .searchTabButton,.layout-tv .headerSearchButton{display:none!important}.mainDrawer-scrollContainer{padding-bottom:10vh}@media all and (min-width:40em){.dashboardDocument .adminDrawerLogo,.dashboardDocument .mainDrawerButton{display:none!important}.dashboardDocument .mainDrawer{z-index:inherit!important;left:0!important;top:0!important;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;width:20.205em!important;font-size:94%}.dashboardDocument .mainDrawer-scrollContainer{margin-top:5em!important}.dashboardDocument withSectionTabs .mainDrawer-scrollContainer{margin-top:8.7em!important}.dashboardDocument .skinBody{left:20em}}@media all and (min-width:40em) and (max-width:84em){.dashboardDocument.withSectionTabs .mainDrawer-scrollContainer{margin-top:8.4em!important}}@media all and (max-width:60em){.libraryDocument .mainDrawerButton{display:none}}@media all and (max-width:84em){.withSectionTabs .headerTop{padding-bottom:.2em}.sectionTabs{font-size:83.5%}}@media all and (min-width:84em){.headerTop{padding:1.489em 0}.headerTabs{-webkit-align-self:center;align-self:center;width:auto;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:-3.34em;position:relative;top:-1.05em}.libraryPage:not(.noSecondaryNavPage){padding-top:4.6em!important}.pageWithAbsoluteTabs:not(.noSecondaryNavPage){padding-top:6.7em!important}.absolutePageTabContent{top:5.7em!important}.dashboardDocument.withSectionTabs .mainDrawer-scrollContainer{margin-top:6.1em!important}.dashboardDocument .mainDrawer-scrollContainer{margin-top:6.3em!important}}.headerSelectedPlayer{max-width:10em;white-space:nowrap}@media all and (max-width:37.5em){.headerSelectedPlayer{display:none}}.hidingAnimatedTab{visibility:hidden}.headerArrowImage{height:20px;margin-left:.5em}.backdropContainer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.libraryPage .header{padding-bottom:0}.flexPageTabContent.is-active{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important}.viewSettings{margin:0 0 .25em}.viewControls+.listTopPaging{margin-left:.5em!important}.criticReview{margin:1.5em 0;background:#222;padding:.8em .8em .8em 3em;-webkit-border-radius:.3em;border-radius:.3em;position:relative}.detailLogo,.itemBackdrop{background-repeat:no-repeat;background-position:center center}.criticReview:first-child{margin-top:.5em}.criticReview img{width:2.4em}.criticRatingScore{margin-bottom:.5em}.itemTag{display:inline-block;margin-right:1em}.itemOverview{white-space:pre-wrap}.itemLinks{padding:0}.itemLinks p{margin:.5em 0}.reviewLink,.reviewerName{margin-top:.5em}.reviewerName{color:#ccc}.reviewDate{margin-left:1em}.reviewScore{position:absolute;left:.8em}.itemBackdrop{-webkit-background-size:cover;background-size:cover;height:50vh;position:relative}.itemBackdropProgressBar{position:absolute!important;bottom:0;left:0;right:0}.itemBackdropFader{position:absolute;bottom:-1px;left:0;right:0;height:15vh}.desktopMiscInfoContainer{position:absolute;bottom:.75em}.detailImageContainer{margin-right:2em;width:280px;-webkit-flex-shrink:0;flex-shrink:0;margin-left:.6em}.detailPagePrimaryContent{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.detailLogo{width:21.3em;height:5em;position:absolute;top:13.5%;right:19.5%;-webkit-background-size:contain;background-size:contain}@media all and (max-width:87.5em){.detailLogo{right:5%}}@media all and (max-width:75em){.detailLogo{right:2%}}@media all and (max-width:68.75em){.detailLogo{width:14.91em;height:3.5em;right:5%;bottom:5%;top:auto;background-position:center right;display:none}}.itemDetailImage{width:100%;-webkit-box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37);box-shadow:0 .0725em .29em 0 rgba(0,0,0,.37)}.thumbDetailImageContainer{width:400px}@media all and (max-width:62.5em){.detailPageContent{position:relative}.detailImageContainer{position:absolute;top:-90px;left:5%;width:auto}.itemDetailImage{height:120px;width:auto!important}.btnPlaySimple{display:none!important}}@media all and (min-width:62.5em){.itemBackdrop{display:none}.detailPagePrimaryContainer{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:3em}}@media all and (max-width:75em){.lnkSibling{display:none!important}}.parentName{display:block;margin-bottom:.5em}.emby-button.detailFloatingButton{position:absolute;background-color:rgba(0,0,0,.5)!important;z-index:1;top:50%;left:50%;margin:-2.2em 0 0 -2.2em;border:2.7px solid rgba(255,255,255,.6);padding:.38em!important;color:rgba(255,255,255,.76)}.emby-button.detailFloatingButton i{font-size:3.5em}@media all and (max-width:62.5em){.parentName{margin-bottom:1em}.itemDetailPage{padding-top:0!important}.detailimg-hidemobile{display:none}}@media all and (min-width:31.25em){.mobileDetails{display:none}}@media all and (max-width:31.25em){.desktopDetails{display:none!important}}.detailButton-mobile,.mainDetailButtons{display:-webkit-box;display:-webkit-flex}.itemName{margin:.5em 0}.empty{margin:0}.detailCollapsibleSection:not(.hide)+.detailCollapsibleSection{margin-top:-2em}.detailPageCollabsible{margin-top:0}.mainDetailButtons{display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:1em 0}.recordingFields button{margin-left:0;margin-right:.5em;-webkit-flex-shrink:0;flex-shrink:0}.mainDetailButtons.hide+.recordingFields{margin-top:1.5em!important}.detailButton-mobile{display:flex;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0!important;padding:.5em .7em!important}.detailButton{margin:0 .5em 0 0!important}@media all and (min-width:29em){.detailButton-mobile{padding-left:.75em!important;padding-right:.75em!important}}@media all and (min-width:32em){.detailButton-mobile{padding-left:.8em!important;padding-right:.8em!important}}@media all and (min-width:35em){.detailButton-mobile{padding-left:.85em!important;padding-right:.85em!important}}.detailButton-mobile-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.detailButton-mobile-icon{font-size:1.6em!important;width:1em;height:1em}.detailImageProgressContainer{position:absolute;bottom:4px;right:1px;left:1px;text-align:center}.detailButton-mobile-text{margin-top:.7em;font-size:80%;font-weight:400}@media all and (max-width:62.5em){.mainDetailButtons{margin-left:-.5em}.detailButton{display:none!important}}@media all and (min-width:62.5em){.detailButton-mobile{display:none!important}.mainDetailButtons{font-size:108%;margin:1.25em 0}}.listTopPaging,.viewControls{display:inline-block}@media all and (max-width:50em){.editorMenuLink{display:none}}.itemMiscInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media all and (max-width:31.25em){.mobileDetails .itemMiscInfo{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.itemMiscInfo .endsAt{display:none}}.layout-tv .detailVerticalSection{margin-bottom:3.4em!important}.detailPageContent{border-spacing:0;border-collapse:collapse;padding-top:3em}@media all and (max-width:62.5em){.detailPageContent-nodetailimg{padding-top:0;margin-top:-3em}}.mediaInfoStream{margin:0 3em 0 0;display:inline-block;vertical-align:top}.mediaInfoStreamType{display:block;margin:1em 0}.mediaInfoAttribute,.mediaInfoLabel{display:inline-block}.mediaInfoLabel{margin-right:1em;font-weight:600}.recordingProgressBar::-moz-progress-bar{background-color:#c33}.recordingProgressBar::-webkit-progress-value{background-color:#c33}.recordingProgressBar[aria-valuenow]:before{background-color:#c33}.timelineHeader{margin-bottom:.25em;line-height:1.25em;line-height:initial}.itemsContainer{margin:0 auto}@media all and (max-height:31.25em){.itemBackdrop{height:52vh}}@media all and (max-width:75em){.listViewUserDataButtons{display:none!important}}@media all and (max-width:62.5em){.detailsHiddenOnMobile{display:none}}.btnSyncComplete{background:#673AB7!important}.btnSyncComplete i{-webkit-border-radius:100em;border-radius:100em}.bulletSeparator{margin:0 .35em}.mediaInfoIcons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:1em 0;-webkit-flex-wrap:wrap;flex-wrap:wrap}.verticalSection-extrabottompadding{margin-bottom:2.7em}.sectionTitleContainer{margin:1.25em 0}.sectionTitleButton,.sectionTitleIconButton{margin-right:0!important;display:inline-block;vertical-align:middle}.sectionTitleContainer-cards{margin-bottom:.1em}.sectionTitle{margin-bottom:1em}.sectionTitle-cards{margin-left:.28em;margin-bottom:0}@media all and (min-width:50em){.sectionTitle-cards{margin-left:.55em}}.sectionTitleContainer>.sectionTitle{margin-top:0;margin-bottom:0;display:inline-block;vertical-align:middle}.sectionTitleButton{margin-left:1.5em!important;-webkit-flex-shrink:0;flex-shrink:0}.sectionTitleButton+.sectionTitleButton{margin-left:.5em!important}.sectionTitleIconButton{margin-left:1.5em!important;-webkit-flex-shrink:0;flex-shrink:0;font-size:84%!important;padding:.5em!important}.horizontalItemsContainer{display:-webkit-box;display:-webkit-flex;display:flex}.sectionTitleTextButton{margin:0!important;display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:inline-flex!important;color:inherit!important}.sectionTitleTextButton:not(.padded-left){padding:0!important}.sectionTitleTextButton.padded-left{padding-bottom:0!important;padding-right:0!important;padding-top:0!important}.sectionTitleTextButton>.sectionTitle{margin-bottom:0;margin-top:0}.padded-left{padding-left:2%}.padded-right{padding-right:2%}.padded-top{padding-top:1em}.padded-bottom{padding-bottom:1em}.layout-tv .padded-top-focusscale{padding-top:1em;margin-top:-1em}.layout-tv .padded-bottom-focusscale{padding-bottom:1em;margin-bottom:-1em}@media all and (min-height:31.25em){.padded-left-withalphapicker{padding-left:7.5%}.padded-right-withalphapicker{padding-right:7.5%}}@media all and (min-width:31.25em){.padded-left{padding-left:6%}.padded-right{padding-right:6%}}@media all and (min-width:37.5em){.padded-left{padding-left:4%}.padded-right{padding-right:4%}}@media all and (min-width:50em){.padded-left{padding-left:3.2%}.padded-right{padding-right:3.2%}}@media all and (min-width:64em){.padded-left{padding-left:3.3%}.padded-right{padding-right:3.3%}}@media all and (min-width:50em){.layout-tv .padded-left-withalphapicker{padding-left:4.5%}.layout-tv .padded-right-withalphapicker{padding-right:4.5%}}.searchfields-icon{color:#aaa}.button-accent-flat{color:#52B54B!important}.clearLink{text-decoration:none;font-weight:inherit!important;vertical-align:middle;color:inherit!important}.itemsViewSettingsContainer{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}@media all and (min-width:40em){.listIconButton-autohide{display:none!important}}@media all and (max-width:40em){.listTextButton-autohide{display:none!important}}.layout-tv .itemsViewSettingsContainer{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:1.5em .75em 1em 0;font-size:92%}.itemsViewSettingsContainer>.button-flat{margin:0} \ No newline at end of file +.headerUserImage, +.navMenuOption, +.pageTitle { + vertical-align: middle +} + +.detailButton-mobile, +.itemLinks, +.listPaging, +.sectionTabs, +.viewSettings { + text-align: center +} + +.headerSelectedPlayer, +.itemMiscInfo, +.navMenuOptionText { + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden +} + +.libraryPage { + padding-top: 7em !important +} + +.itemDetailPage { + padding-top: 4em !important +} + +.standalonePage { + padding-top: 4.5em !important +} + +.wizardPage { + padding-top: 7em !important +} + +.libraryPage:not(.noSecondaryNavPage) { + padding-top: 7.5em !important +} + +.absolutePageTabContent { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + margin: 0 !important; + top: 6.9em !important; + -webkit-transition: -webkit-transform .2s ease-out; + -o-transition: transform .2s ease-out; + transition: transform .2s ease-out +} + +.pageTabContent:not(.is-active) { + display: none !important +} + +.headerUserImage { + -webkit-background-size: contain; + background-size: contain; + background-repeat: no-repeat; + background-position: center center; + -webkit-border-radius: 100em; + border-radius: 100em; + display: inline-block +} + +.headerUserButtonRound img { + -webkit-border-radius: 100em; + border-radius: 100em +} + +.headerButton { + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.hideMainDrawer .mainDrawerButton { + display: none +} + +.noHeaderRight .headerRight, +.noHomeButtonHeader .headerHomeButton { + display: none !important +} + +.pageTitle { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: inline-flex; + margin: 0 0 0 .5em; + height: 1.7em; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-flex-shrink: 1; + flex-shrink: 1 +} + +.headerLeft, +.skinHeader { + display: -webkit-box; + display: -webkit-flex +} + +.detailButton-mobile, +.skinHeader { + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal +} + +.pageTitleWithLogo { + background-position: left center; + -webkit-background-size: contain; + background-size: contain; + background-repeat: no-repeat; + width: 13.2em +} + +.pageTitleWithDefaultLogo { + height: 1.22em +} + +.skinHeader { + position: fixed; + right: 0; + left: 0; + z-index: 999; + top: 0; + border: 0; + display: flex; + flex-direction: column; + contain: layout style paint +} + +.headerLeft, +.headerRight { + -webkit-box-align: center +} + +.mainAnimatedPages, +.pageTabContent { + contain: layout style +} + +.hiddenViewMenuBar .skinHeader { + display: none +} + +.headerTop { + padding: .54em 0 +} + +.headerLeft { + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + overflow: hidden +} + +.sectionTabs { + width: 100% +} + +.headerRight { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end +} + +.selectedMediaFolder { + background-color: #f2f2f2 !important +} + +.navMenuOption { + display: -webkit-box !important; + display: -webkit-flex !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + text-decoration: none; + color: inherit; + padding: .9em 0 .9em 2.4em !important; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + font-weight: 400 !important; + margin: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important +} + +.navMenuOptionIcon { + margin-right: 1.2em; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.navMenuOptionText { + white-space: nowrap +} + +.sidebarHeader { + padding-left: 1.2em; + margin: 1em 0 .5em +} + +.dashboardDocument .skinBody { + -webkit-transition: left ease-in-out .3s, padding ease-in-out .3s; + -o-transition: left ease-in-out .3s, padding ease-in-out .3s; + transition: left ease-in-out .3s, padding ease-in-out .3s; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0 +} + +.layout-desktop .searchTabButton, +.layout-mobile .searchTabButton, +.layout-tv .headerSearchButton { + display: none !important +} + +.mainDrawer-scrollContainer { + padding-bottom: 10vh +} + +@media all and (min-width:40em) { + + .dashboardDocument .adminDrawerLogo, + .dashboardDocument .mainDrawerButton { + display: none !important + } + + .dashboardDocument .mainDrawer { + z-index: inherit !important; + left: 0 !important; + top: 0 !important; + -webkit-transform: none !important; + transform: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + width: 20.205em !important; + font-size: 94% + } + + .dashboardDocument .mainDrawer-scrollContainer { + margin-top: 5em !important + } + + .dashboardDocument withSectionTabs .mainDrawer-scrollContainer { + margin-top: 8.7em !important + } + + .dashboardDocument .skinBody { + left: 20em + } +} + +@media all and (min-width:40em) and (max-width:84em) { + .dashboardDocument.withSectionTabs .mainDrawer-scrollContainer { + margin-top: 8.4em !important + } +} + +@media all and (max-width:60em) { + .libraryDocument .mainDrawerButton { + display: none + } +} + +@media all and (max-width:84em) { + .withSectionTabs .headerTop { + padding-bottom: .2em + } + + .sectionTabs { + font-size: 83.5% + } +} + +@media all and (min-width:84em) { + .headerTop { + padding: 1.489em 0 + } + + .headerTabs { + -webkit-align-self: center; + align-self: center; + width: auto; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-top: -3.34em; + position: relative; + top: -1.05em + } + + .libraryPage:not(.noSecondaryNavPage) { + padding-top: 4.6em !important + } + + .pageWithAbsoluteTabs:not(.noSecondaryNavPage) { + padding-top: 6.7em !important + } + + .absolutePageTabContent { + top: 5.7em !important + } + + .dashboardDocument.withSectionTabs .mainDrawer-scrollContainer { + margin-top: 6.1em !important + } + + .dashboardDocument .mainDrawer-scrollContainer { + margin-top: 6.3em !important + } +} + +.headerSelectedPlayer { + max-width: 10em; + white-space: nowrap +} + +@media all and (max-width:37.5em) { + .headerSelectedPlayer { + display: none + } +} + +.hidingAnimatedTab { + visibility: hidden +} + +.headerArrowImage { + height: 20px; + margin-left: .5em +} + +.backdropContainer { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1 +} + +.libraryPage .header { + padding-bottom: 0 +} + +.flexPageTabContent.is-active { + display: -webkit-box !important; + display: -webkit-flex !important; + display: flex !important +} + +.viewSettings { + margin: 0 0 .25em +} + +.viewControls+.listTopPaging { + margin-left: .5em !important +} + +.criticReview { + margin: 1.5em 0; + background: #222; + padding: .8em .8em .8em 3em; + -webkit-border-radius: .3em; + border-radius: .3em; + position: relative +} + +.detailLogo, +.itemBackdrop { + background-repeat: no-repeat; + background-position: center center +} + +.criticReview:first-child { + margin-top: .5em +} + +.criticReview img { + width: 2.4em +} + +.criticRatingScore { + margin-bottom: .5em +} + +.itemTag { + display: inline-block; + margin-right: 1em +} + +.itemOverview { + white-space: pre-wrap +} + +.itemLinks { + padding: 0 +} + +.itemLinks p { + margin: .5em 0 +} + +.reviewLink, +.reviewerName { + margin-top: .5em +} + +.reviewerName { + color: #ccc +} + +.reviewDate { + margin-left: 1em +} + +.reviewScore { + position: absolute; + left: .8em +} + +.itemBackdrop { + -webkit-background-size: cover; + background-size: cover; + height: 50vh; + position: relative +} + +.itemBackdropProgressBar { + position: absolute !important; + bottom: 0; + left: 0; + right: 0 +} + +.itemBackdropFader { + position: absolute; + bottom: -1px; + left: 0; + right: 0; + height: 15vh +} + +.desktopMiscInfoContainer { + position: absolute; + bottom: .75em +} + +.detailImageContainer { + margin-right: 2em; + width: 280px; + -webkit-flex-shrink: 0; + flex-shrink: 0; + margin-left: .6em +} + +.detailPagePrimaryContent { + position: relative; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.detailLogo { + width: 21.3em; + height: 5em; + position: absolute; + top: 13.5%; + right: 19.5%; + -webkit-background-size: contain; + background-size: contain +} + +@media all and (max-width:87.5em) { + .detailLogo { + right: 5% + } +} + +@media all and (max-width:75em) { + .detailLogo { + right: 2% + } +} + +@media all and (max-width:68.75em) { + .detailLogo { + width: 14.91em; + height: 3.5em; + right: 5%; + bottom: 5%; + top: auto; + background-position: center right; + display: none + } +} + +.itemDetailImage { + width: 100%; + -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); + box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) +} + +.thumbDetailImageContainer { + width: 400px +} + +@media all and (max-width:62.5em) { + .detailPageContent { + position: relative + } + + .detailImageContainer { + position: absolute; + top: -90px; + left: 5%; + width: auto + } + + .itemDetailImage { + height: 120px; + width: auto !important + } + + .btnPlaySimple { + display: none !important + } +} + +@media all and (min-width:62.5em) { + .itemBackdrop { + display: none + } + + .detailPagePrimaryContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex; + margin-bottom: 3em + } +} + +@media all and (max-width:75em) { + .lnkSibling { + display: none !important + } +} + +.parentName { + display: block; + margin-bottom: .5em +} + +.emby-button.detailFloatingButton { + position: absolute; + background-color: rgba(0, 0, 0, .5) !important; + z-index: 1; + top: 50%; + left: 50%; + margin: -2.2em 0 0 -2.2em; + border: 2.7px solid rgba(255, 255, 255, .6); + padding: .38em !important; + color: rgba(255, 255, 255, .76) +} + +.emby-button.detailFloatingButton i { + font-size: 3.5em +} + +@media all and (max-width:62.5em) { + .parentName { + margin-bottom: 1em + } + + .itemDetailPage { + padding-top: 0 !important + } + + .detailimg-hidemobile { + display: none + } +} + +@media all and (min-width:31.25em) { + .mobileDetails { + display: none + } +} + +@media all and (max-width:31.25em) { + .desktopDetails { + display: none !important + } +} + +.detailButton-mobile, +.mainDetailButtons { + display: -webkit-box; + display: -webkit-flex +} + +.itemName { + margin: .5em 0 +} + +.empty { + margin: 0 +} + +.detailCollapsibleSection:not(.hide)+.detailCollapsibleSection { + margin-top: -2em +} + +.detailPageCollabsible { + margin-top: 0 +} + +.mainDetailButtons { + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + margin: 1em 0 +} + +.recordingFields button { + margin-left: 0; + margin-right: .5em; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.mainDetailButtons.hide+.recordingFields { + margin-top: 1.5em !important +} + +.detailButton-mobile { + display: flex; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + margin: 0 !important; + padding: .5em .7em !important +} + +.detailButton { + margin: 0 .5em 0 0 !important +} + +@media all and (min-width:29em) { + .detailButton-mobile { + padding-left: .75em !important; + padding-right: .75em !important + } +} + +@media all and (min-width:32em) { + .detailButton-mobile { + padding-left: .8em !important; + padding-right: .8em !important + } +} + +@media all and (min-width:35em) { + .detailButton-mobile { + padding-left: .85em !important; + padding-right: .85em !important + } +} + +.detailButton-mobile-content { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.detailButton-mobile-icon { + font-size: 1.6em !important; + width: 1em; + height: 1em +} + +.detailImageProgressContainer { + position: absolute; + bottom: 4px; + right: 1px; + left: 1px; + text-align: center +} + +.detailButton-mobile-text { + margin-top: .7em; + font-size: 80%; + font-weight: 400 +} + +@media all and (max-width:62.5em) { + .mainDetailButtons { + margin-left: -.5em + } + + .detailButton { + display: none !important + } +} + +@media all and (min-width:62.5em) { + .detailButton-mobile { + display: none !important + } + + .mainDetailButtons { + font-size: 108%; + margin: 1.25em 0 + } +} + +.listTopPaging, +.viewControls { + display: inline-block +} + +@media all and (max-width:50em) { + .editorMenuLink { + display: none + } +} + +.itemMiscInfo { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +@media all and (max-width:31.25em) { + .mobileDetails .itemMiscInfo { + text-align: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center + } + + .itemMiscInfo .endsAt { + display: none + } +} + +.layout-tv .detailVerticalSection { + margin-bottom: 3.4em !important +} + +.detailPageContent { + border-spacing: 0; + border-collapse: collapse; + padding-top: 3em +} + +@media all and (max-width:62.5em) { + .detailPageContent-nodetailimg { + padding-top: 0; + margin-top: -3em + } +} + +.mediaInfoStream { + margin: 0 3em 0 0; + display: inline-block; + vertical-align: top +} + +.mediaInfoStreamType { + display: block; + margin: 1em 0 +} + +.mediaInfoAttribute, +.mediaInfoLabel { + display: inline-block +} + +.mediaInfoLabel { + margin-right: 1em; + font-weight: 600 +} + +.recordingProgressBar::-moz-progress-bar { + background-color: #c33 +} + +.recordingProgressBar::-webkit-progress-value { + background-color: #c33 +} + +.recordingProgressBar[aria-valuenow]:before { + background-color: #c33 +} + +.timelineHeader { + margin-bottom: .25em; + line-height: 1.25em; + line-height: initial +} + +.itemsContainer { + margin: 0 auto +} + +@media all and (max-height:31.25em) { + .itemBackdrop { + height: 52vh + } +} + +@media all and (max-width:75em) { + .listViewUserDataButtons { + display: none !important + } +} + +@media all and (max-width:62.5em) { + .detailsHiddenOnMobile { + display: none + } +} + +.btnSyncComplete { + background: #673AB7 !important +} + +.btnSyncComplete i { + -webkit-border-radius: 100em; + border-radius: 100em +} + +.bulletSeparator { + margin: 0 .35em +} + +.mediaInfoIcons { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + margin: 1em 0; + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} + +.verticalSection-extrabottompadding { + margin-bottom: 2.7em +} + +.sectionTitleContainer { + margin: 1.25em 0 +} + +.sectionTitleButton, +.sectionTitleIconButton { + margin-right: 0 !important; + display: inline-block; + vertical-align: middle +} + +.sectionTitleContainer-cards { + margin-bottom: .1em +} + +.sectionTitle { + margin-bottom: 1em +} + +.sectionTitle-cards { + margin-left: .28em; + margin-bottom: 0 +} + +@media all and (min-width:50em) { + .sectionTitle-cards { + margin-left: .55em + } +} + +.sectionTitleContainer>.sectionTitle { + margin-top: 0; + margin-bottom: 0; + display: inline-block; + vertical-align: middle +} + +.sectionTitleButton { + margin-left: 1.5em !important; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +.sectionTitleButton+.sectionTitleButton { + margin-left: .5em !important +} + +.sectionTitleIconButton { + margin-left: 1.5em !important; + -webkit-flex-shrink: 0; + flex-shrink: 0; + font-size: 84% !important; + padding: .5em !important +} + +.horizontalItemsContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex +} + +.sectionTitleTextButton { + margin: 0 !important; + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: inline-flex !important; + color: inherit !important +} + +.sectionTitleTextButton:not(.padded-left) { + padding: 0 !important +} + +.sectionTitleTextButton.padded-left { + padding-bottom: 0 !important; + padding-right: 0 !important; + padding-top: 0 !important +} + +.sectionTitleTextButton>.sectionTitle { + margin-bottom: 0; + margin-top: 0 +} + +.padded-left { + padding-left: 2% +} + +.padded-right { + padding-right: 2% +} + +.padded-top { + padding-top: 1em +} + +.padded-bottom { + padding-bottom: 1em +} + +.layout-tv .padded-top-focusscale { + padding-top: 1em; + margin-top: -1em +} + +.layout-tv .padded-bottom-focusscale { + padding-bottom: 1em; + margin-bottom: -1em +} + +@media all and (min-height:31.25em) { + .padded-left-withalphapicker { + padding-left: 7.5% + } + + .padded-right-withalphapicker { + padding-right: 7.5% + } +} + +@media all and (min-width:31.25em) { + .padded-left { + padding-left: 6% + } + + .padded-right { + padding-right: 6% + } +} + +@media all and (min-width:37.5em) { + .padded-left { + padding-left: 4% + } + + .padded-right { + padding-right: 4% + } +} + +@media all and (min-width:50em) { + .padded-left { + padding-left: 3.2% + } + + .padded-right { + padding-right: 3.2% + } +} + +@media all and (min-width:64em) { + .padded-left { + padding-left: 3.3% + } + + .padded-right { + padding-right: 3.3% + } +} + +@media all and (min-width:50em) { + .layout-tv .padded-left-withalphapicker { + padding-left: 4.5% + } + + .layout-tv .padded-right-withalphapicker { + padding-right: 4.5% + } +} + +.searchfields-icon { + color: #aaa +} + +.button-accent-flat { + color: #52B54B !important +} + +.clearLink { + text-decoration: none; + font-weight: inherit !important; + vertical-align: middle; + color: inherit !important +} + +.itemsViewSettingsContainer { + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +@media all and (min-width:40em) { + .listIconButton-autohide { + display: none !important + } +} + +@media all and (max-width:40em) { + .listTextButton-autohide { + display: none !important + } +} + +.layout-tv .itemsViewSettingsContainer { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + padding: 1.5em .75em 1em 0; + font-size: 92% +} + +.itemsViewSettingsContainer>.button-flat { + margin: 0 +} \ No newline at end of file diff --git a/dashboard-ui/css/livetv.css b/dashboard-ui/css/livetv.css index ebcba9b3b..93e3e029c 100644 --- a/dashboard-ui/css/livetv.css +++ b/dashboard-ui/css/livetv.css @@ -1 +1,9 @@ -.guideVerticalScroller{padding-bottom:15em}@media all and (min-width:62.5em){#guideTab{padding-left:.5em}} \ No newline at end of file +.guideVerticalScroller { + padding-bottom: 15em +} + +@media all and (min-width:62.5em) { + #guideTab { + padding-left: .5em + } +} \ No newline at end of file diff --git a/dashboard-ui/css/metadataeditor.css b/dashboard-ui/css/metadataeditor.css index c9a265458..d506f8204 100644 --- a/dashboard-ui/css/metadataeditor.css +++ b/dashboard-ui/css/metadataeditor.css @@ -1 +1,75 @@ -.editPageSidebar{display:block}.editPageSidebar-withcontent{display:none}.libraryTree{margin-left:.25em}.offlineEditorNode{color:#c33}.editorNode img{height:18px;margin:0 .35em;vertical-align:middle;position:relative;top:-2px}.jstree-anchor{font-weight:400!important}.jstree-wholerow-hovered{background:#38c!important;-webkit-border-radius:0!important;border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.jstree-default .jstree-hovered{background:0 0!important;-webkit-border-radius:0!important;border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff!important}.jstree-default .jstree-wholerow-clicked{background:#52B54B!important}@media all and (min-width:50em){.editPageSidebar{position:fixed;top:5.2em;bottom:0;left:0;width:30%;border-right:1px solid #555;display:block}.editPageInnerContent{float:right;width:68.5%}}@media all and (min-width:112.5em){.editPageSidebar{width:25%}.editPageInnerContent{width:73.5%}} \ No newline at end of file +.editPageSidebar { + display: block +} + +.editPageSidebar-withcontent { + display: none +} + +.libraryTree { + margin-left: .25em +} + +.offlineEditorNode { + color: #c33 +} + +.editorNode img { + height: 18px; + margin: 0 .35em; + vertical-align: middle; + position: relative; + top: -2px +} + +.jstree-anchor { + font-weight: 400 !important +} + +.jstree-wholerow-hovered { + background: #38c !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.jstree-default .jstree-hovered { + background: 0 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #fff !important +} + +.jstree-default .jstree-wholerow-clicked { + background: #52B54B !important +} + +@media all and (min-width:50em) { + .editPageSidebar { + position: fixed; + top: 5.2em; + bottom: 0; + left: 0; + width: 30%; + border-right: 1px solid #555; + display: block + } + + .editPageInnerContent { + float: right; + width: 68.5% + } +} + +@media all and (min-width:112.5em) { + .editPageSidebar { + width: 25% + } + + .editPageInnerContent { + width: 73.5% + } +} \ No newline at end of file diff --git a/dashboard-ui/css/nowplaying.css b/dashboard-ui/css/nowplaying.css index e950ca9ab..93765d541 100644 --- a/dashboard-ui/css/nowplaying.css +++ b/dashboard-ui/css/nowplaying.css @@ -1 +1,199 @@ -.nowPlayingInfoContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.nowPlayingPageTitle{margin:0 0 .5em .5em}.nowPlayingPositionSliderContainer{margin:.7em 0 .7em 1em}.nowPlayingInfoButtons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.nowPlayingInfoControls,.nowPlayingTime{display:-webkit-box;display:-webkit-flex}.nowPlayingPageImageContainer{width:20%;margin-right:.25em;position:relative;-webkit-flex-shrink:0;flex-shrink:0}@media all and (min-width:50em){.nowPlayingPageImageContainer{width:16%}}.nowPlayingInfoControls{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.nowPlayingPageImage{bottom:0;left:0;right:0;width:100%;-webkit-box-shadow:0 0 1.9vh #000;box-shadow:0 0 1.9vh #000;border:.1em solid #222;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}@media all and (orientation:portrait) and (max-width:50em){.nowPlayingInfoContainer{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.nowPlayingPageTitle{text-align:center;margin:.5em 0 .75em}.nowPlayingPositionSliderContainer{margin:.7em 1em}.nowPlayingInfoButtons{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.nowPlayingPageImageContainer{width:auto;margin-right:0}.nowPlayingInfoControls{margin-top:1em;max-width:100%}.nowPlayingPageImage{width:auto;height:36vh}}@media all and (orientation:portrait) and (max-width:40em){.nowPlayingPageImage{height:30vh}}.nowPlayingTime{display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 1em}.nowPlayingSecondaryButtons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}@media all and (min-width:50em){.nowPlayingSecondaryButtons{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}}@media all and (min-width:80em){.nowPlayingPageImageContainer{margin-right:.75em}}.nowPlayingNavButtonContainer{width:30em}.smallBackdropPosterItem .cardOverlayInner>div{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.playlistIndexIndicatorImage{-webkit-background-size:initial initial!important;background-size:initial!important;background-image:url(images/ani_equalizer_white.gif)!important}.hideVideoButtons .videoButton{display:none}.nowPlayingVolumeSliderContainer{width:6em}@media all and (max-width:34em){.btnNowPlayingFastForward,.btnNowPlayingRewind,.playlist .listItemMediaInfo{display:none!important}} \ No newline at end of file +.nowPlayingInfoContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row +} + +.nowPlayingPageTitle { + margin: 0 0 .5em .5em +} + +.nowPlayingPositionSliderContainer { + margin: .7em 0 .7em 1em +} + +.nowPlayingInfoButtons { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + flex-wrap: wrap +} + +.nowPlayingInfoControls, +.nowPlayingTime { + display: -webkit-box; + display: -webkit-flex +} + +.nowPlayingPageImageContainer { + width: 20%; + margin-right: .25em; + position: relative; + -webkit-flex-shrink: 0; + flex-shrink: 0 +} + +@media all and (min-width:50em) { + .nowPlayingPageImageContainer { + width: 16% + } +} + +.nowPlayingInfoControls { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.nowPlayingPageImage { + bottom: 0; + left: 0; + right: 0; + width: 100%; + -webkit-box-shadow: 0 0 1.9vh #000; + box-shadow: 0 0 1.9vh #000; + border: .1em solid #222; + user-drag: none; + user-select: none; + -moz-user-select: none; + -webkit-user-drag: none; + -webkit-user-select: none; + -ms-user-select: none +} + +@media all and (orientation:portrait) and (max-width:50em) { + .nowPlayingInfoContainer { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + flex-direction: column !important; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center + } + + .nowPlayingPageTitle { + text-align: center; + margin: .5em 0 .75em + } + + .nowPlayingPositionSliderContainer { + margin: .7em 1em + } + + .nowPlayingInfoButtons { + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center + } + + .nowPlayingPageImageContainer { + width: auto; + margin-right: 0 + } + + .nowPlayingInfoControls { + margin-top: 1em; + max-width: 100% + } + + .nowPlayingPageImage { + width: auto; + height: 36vh + } +} + +@media all and (orientation:portrait) and (max-width:40em) { + .nowPlayingPageImage { + height: 30vh + } +} + +.nowPlayingTime { + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + margin: 0 1em +} + +.nowPlayingSecondaryButtons { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +@media all and (min-width:50em) { + .nowPlayingSecondaryButtons { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end + } +} + +@media all and (min-width:80em) { + .nowPlayingPageImageContainer { + margin-right: .75em + } +} + +.nowPlayingNavButtonContainer { + width: 30em +} + +.smallBackdropPosterItem .cardOverlayInner>div { + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden +} + +.playlistIndexIndicatorImage { + -webkit-background-size: initial initial !important; + background-size: initial !important; + background-image: url(images/ani_equalizer_white.gif) !important +} + +.hideVideoButtons .videoButton { + display: none +} + +.nowPlayingVolumeSliderContainer { + width: 6em +} + +@media all and (max-width:34em) { + + .btnNowPlayingFastForward, + .btnNowPlayingRewind, + .playlist .listItemMediaInfo { + display: none !important + } +} \ No newline at end of file diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 7a805b909..05c04ec55 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -1 +1,145 @@ -body,html{margin:0;padding:0;height:100%}.backgroundContainer{position:fixed;top:0;left:0;right:0;bottom:0;contain:strict}html{line-height:1.35}.layout-mobile,.layout-tv{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{overflow-y:scroll!important;overflow-x:hidden;background-color:transparent!important;-webkit-font-smoothing:antialiased}body.autoScrollY{overflow-y:auto!important}.mainAnimatedPage{contain:style size!important}.pageContainer{overflow-x:visible!important}.bodyWithPopupOpen{overflow-y:hidden!important}div[data-role=page]{outline:0}.pageTitle{margin-top:0;font-family:inherit}.fieldDescription{padding-left:.15em;font-weight:400;white-space:normal!important}.fieldDescription+.fieldDescription{margin-top:.3em}.content-primary,.padded-bottom-page,.page,.pageWithAbsoluteTabs .pageTabContent{padding-bottom:14em!important}.supporterPromotionContainer{margin:0 0 2em}@media all and (min-width:80em){.supporterPromotionContainer{margin:0}}@media all and (min-width:50em){.readOnlyContent,form{max-width:54em}.supporterPromotionContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.supporterPromotion{text-align:center;padding:0 2em}.supporterPromotion button{padding-left:2em;padding-right:2em}}.imageDropZone{border:.2em dashed currentcolor;-webkit-border-radius:.25em;border-radius:.25em;text-align:center;position:relative;height:12em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.squareImageDropZone{height:12em;width:12em}.headerHelpButton{margin-left:1.25em!important;padding-bottom:.4em!important;padding-top:.4em!important} \ No newline at end of file +body, +html { + margin: 0; + padding: 0; + height: 100% +} + +.backgroundContainer { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + contain: strict +} + +html { + line-height: 1.35 +} + +.layout-mobile, +.layout-tv { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +body { + overflow-y: scroll !important; + overflow-x: hidden; + background-color: transparent !important; + -webkit-font-smoothing: antialiased +} + +body.autoScrollY { + overflow-y: auto !important +} + +.mainAnimatedPage { + contain: style size !important +} + +.pageContainer { + overflow-x: visible !important +} + +.bodyWithPopupOpen { + overflow-y: hidden !important +} + +div[data-role=page] { + outline: 0 +} + +.pageTitle { + margin-top: 0; + font-family: inherit +} + +.fieldDescription { + padding-left: .15em; + font-weight: 400; + white-space: normal !important +} + +.fieldDescription+.fieldDescription { + margin-top: .3em +} + +.content-primary, +.padded-bottom-page, +.page, +.pageWithAbsoluteTabs .pageTabContent { + padding-bottom: 14em !important +} + +.supporterPromotionContainer { + margin: 0 0 2em +} + +@media all and (min-width:80em) { + .supporterPromotionContainer { + margin: 0 + } +} + +@media all and (min-width:50em) { + + .readOnlyContent, + form { + max-width: 54em + } + + .supporterPromotionContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse + } + + .supporterPromotion { + text-align: center; + padding: 0 2em + } + + .supporterPromotion button { + padding-left: 2em; + padding-right: 2em + } +} + +.imageDropZone { + border: .2em dashed currentcolor; + -webkit-border-radius: .25em; + border-radius: .25em; + text-align: center; + position: relative; + height: 12em; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center +} + +.squareImageDropZone { + height: 12em; + width: 12em +} + +.headerHelpButton { + margin-left: 1.25em !important; + padding-bottom: .4em !important; + padding-top: .4em !important +} \ No newline at end of file diff --git a/dashboard-ui/css/videoosd.css b/dashboard-ui/css/videoosd.css index a3599d1a7..a8904b994 100644 --- a/dashboard-ui/css/videoosd.css +++ b/dashboard-ui/css/videoosd.css @@ -1 +1,257 @@ -.chapterThumbTextContainer,.videoOsdBottom{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.osdPoster img,.pageContainer,.videoOsdBottom{bottom:0;left:0;right:0}.osdHeader{padding-bottom:3vh;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;position:relative;z-index:1;background-color:rgba(0,0,0,.3)!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)))!important;background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))!important;background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))!important;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#eee}.osdHeader-hidden{opacity:0}.osdHeader .headerButton:not(.headerBackButton):not(.headerCastButton){display:none}.chapterThumbContainer{-webkit-box-shadow:0 0 1.9vh #000;box-shadow:0 0 1.9vh #000;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;position:relative}.chapterThumb{background-position:center center;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;border:0;height:20vh;min-width:20vh}@media all and (orientation:portrait){.chapterThumb{height:30vw;min-width:30vw}}@media all and (max-height:50em) and (orientation:landscape){.chapterThumb{height:30vh;min-width:30vh}}.chapterThumbTextContainer{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:.25em .5em;user-select:none}.chapterThumbText{padding:.25em 0;margin:0;opacity:1}.chapterThumbText-dim{opacity:.6}.videoOsdBottom{position:fixed;background-color:rgba(0,0,0,.7);padding:1%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;will-change:opacity;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.8)));background:-webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8));background:-o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8));background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8));color:#fff;user-select:none;-webkit-touch-callout:none}.videoOsdBottom-hidden{opacity:0}.osdControls{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.videoOsdBottom .buttons{padding:.25em 0 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.osdVolumeSliderContainer{width:6.5em;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.osdMediaInfo,.volumeButtons{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center}.volumeButtons{margin:0 .5em 0 auto;display:flex;-webkit-align-items:center;align-items:center}.osdTimeText{margin-left:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.osdPoster{width:10%;position:relative;margin-right:.5em}.osdPoster img{position:absolute;height:auto;width:100%;-webkit-box-shadow:0 0 1.9vh #000;box-shadow:0 0 1.9vh #000;border:.08em solid #222;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.osdTitle,.osdTitleSmall{margin:0 1em 0 0}.osdMediaInfo{display:flex;-webkit-align-items:center;align-items:center}.osdSecondaryMediaInfo{padding-left:.6em!important}.osdTextContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:.7em;padding-left:.5em}.osdMainTextContainer{-webkit-box-align:baseline;-webkit-align-items:baseline;align-items:baseline}.pageContainer{top:0;position:fixed}@media all and (max-width:30em){.btnFastForward,.btnRewind,.osdMediaInfo,.osdPoster{display:none!important}}@media all and (max-width:33.75em){.videoOsdBottom .paper-icon-button-light{margin:0}}@media all and (max-width:37.5em){.videoOsdBottom .volumeButtons{display:none!important}}@media all and (max-width:75em){.videoOsdBottom .endsAtText{display:none!important}} \ No newline at end of file +.chapterThumbTextContainer, +.videoOsdBottom { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none +} + +.osdPoster img, +.pageContainer, +.videoOsdBottom { + bottom: 0; + left: 0; + right: 0 +} + +.osdHeader { + padding-bottom: 3vh; + -webkit-transition: opacity .3s ease-out; + -o-transition: opacity .3s ease-out; + transition: opacity .3s ease-out; + position: relative; + z-index: 1; + background-color: rgba(0, 0, 0, .3) !important; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))) !important; + background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) !important; + background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) !important; + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) !important; + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + color: #eee +} + +.osdHeader-hidden { + opacity: 0 +} + +.osdHeader .headerButton:not(.headerBackButton):not(.headerCastButton) { + display: none +} + +.chapterThumbContainer { + -webkit-box-shadow: 0 0 1.9vh #000; + box-shadow: 0 0 1.9vh #000; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + position: relative +} + +.chapterThumb { + background-position: center center; + -webkit-background-size: contain; + background-size: contain; + background-repeat: no-repeat; + border: 0; + height: 20vh; + min-width: 20vh +} + +@media all and (orientation:portrait) { + .chapterThumb { + height: 30vw; + min-width: 30vw + } +} + +@media all and (max-height:50em) and (orientation:landscape) { + .chapterThumb { + height: 30vh; + min-width: 30vh + } +} + +.chapterThumbTextContainer { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, .7); + padding: .25em .5em; + user-select: none +} + +.chapterThumbText { + padding: .25em 0; + margin: 0; + opacity: 1 +} + +.chapterThumbText-dim { + opacity: .6 +} + +.videoOsdBottom { + position: fixed; + background-color: rgba(0, 0, 0, .7); + padding: 1%; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row; + will-change: opacity; + -webkit-transition: opacity .3s ease-out; + -o-transition: opacity .3s ease-out; + transition: opacity .3s ease-out; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .8))); + background: -webkit-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .8)); + background: -o-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .8)); + background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .8)); + color: #fff; + user-select: none; + -webkit-touch-callout: none +} + +.videoOsdBottom-hidden { + opacity: 0 +} + +.osdControls { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.videoOsdBottom .buttons { + padding: .25em 0 0; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center +} + +.osdVolumeSliderContainer { + width: 6.5em; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1 +} + +.osdMediaInfo, +.volumeButtons { + display: -webkit-box; + display: -webkit-flex; + -webkit-box-align: center +} + +.volumeButtons { + margin: 0 .5em 0 auto; + display: flex; + -webkit-align-items: center; + align-items: center +} + +.osdTimeText { + margin-left: 1em; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.osdPoster { + width: 10%; + position: relative; + margin-right: .5em +} + +.osdPoster img { + position: absolute; + height: auto; + width: 100%; + -webkit-box-shadow: 0 0 1.9vh #000; + box-shadow: 0 0 1.9vh #000; + border: .08em solid #222; + user-drag: none; + user-select: none; + -moz-user-select: none; + -webkit-user-drag: none; + -webkit-user-select: none; + -ms-user-select: none +} + +.osdTitle, +.osdTitleSmall { + margin: 0 1em 0 0 +} + +.osdMediaInfo { + display: flex; + -webkit-align-items: center; + align-items: center +} + +.osdSecondaryMediaInfo { + padding-left: .6em !important +} + +.osdTextContainer { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-bottom: .7em; + padding-left: .5em +} + +.osdMainTextContainer { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + align-items: baseline +} + +.pageContainer { + top: 0; + position: fixed +} + +@media all and (max-width:30em) { + + .btnFastForward, + .btnRewind, + .osdMediaInfo, + .osdPoster { + display: none !important + } +} + +@media all and (max-width:33.75em) { + .videoOsdBottom .paper-icon-button-light { + margin: 0 + } +} + +@media all and (max-width:37.5em) { + .videoOsdBottom .volumeButtons { + display: none !important + } +} + +@media all and (max-width:75em) { + .videoOsdBottom .endsAtText { + display: none !important + } +} \ No newline at end of file diff --git a/dashboard-ui/devices/ios/ios.css b/dashboard-ui/devices/ios/ios.css index 53b33ae43..47fa7bd53 100644 --- a/dashboard-ui/devices/ios/ios.css +++ b/dashboard-ui/devices/ios/ios.css @@ -1 +1,8 @@ -html{font-size:82%!important}.formDialogFooter{position:static!important;margin:0 -1em!important} \ No newline at end of file +html { + font-size: 82% !important +} + +.formDialogFooter { + position: static !important; + margin: 0 -1em !important +} \ No newline at end of file diff --git a/dashboard-ui/thirdparty/jstree/themes/default/style.css b/dashboard-ui/thirdparty/jstree/themes/default/style.css index c487d92ad..7c496756a 100644 --- a/dashboard-ui/thirdparty/jstree/themes/default/style.css +++ b/dashboard-ui/thirdparty/jstree/themes/default/style.css @@ -1 +1,1003 @@ -.jstree-anchor,.jstree-node{white-space:nowrap}.jstree-anchor:focus,.vakata-context li>a:focus{outline:0}.jstree-children,.jstree-container-ul,.jstree-node{display:block;margin:0;padding:0;list-style-type:none;list-style-image:none}.jstree-anchor,.jstree-icon,.jstree-icon:empty{display:inline-block;margin:0;vertical-align:top}.jstree-anchor{padding:0 4px 0 1px}.jstree-anchor,.jstree-anchor:active,.jstree-anchor:hover,.jstree-anchor:link,.jstree-anchor:visited{text-decoration:none;color:inherit}.jstree-icon,.jstree-icon:empty{text-decoration:none;padding:0;text-align:center}.jstree-ocl{cursor:pointer}.jstree-leaf>.jstree-ocl{cursor:default}.jstree .jstree-open>.jstree-children{display:block}.jstree .jstree-closed>.jstree-children,.jstree .jstree-leaf>.jstree-children,.jstree-anchor>.jstree-themeicon-hidden,.jstree-no-icons .jstree-themeicon{display:none}.jstree-anchor>.jstree-themeicon{margin-right:2px}.jstree-rtl .jstree-anchor{padding:0 1px 0 4px}.jstree-rtl .jstree-anchor>.jstree-themeicon{margin-left:2px;margin-right:0}.jstree-rtl .jstree-node{margin-left:0}.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-wholerow-ul{position:relative;display:inline-block;min-width:100%}.jstree-wholerow-ul .jstree-leaf>.jstree-ocl{cursor:pointer}.jstree-wholerow-ul .jstree-anchor,.jstree-wholerow-ul .jstree-icon{position:relative}.jstree-wholerow-ul .jstree-wholerow{width:100%;cursor:pointer;position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vakata-context{display:none}.vakata-context,.vakata-context ul{margin:0;padding:2px;position:absolute;background:#f5f5f5;border:1px solid #979797;-webkit-box-shadow:2px 2px 2px #999;box-shadow:2px 2px 2px #999}.vakata-context ul{list-style:none;left:100%;margin-top:-2.7em;margin-left:-4px}.vakata-context .vakata-context-right ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context li{list-style:none;display:inline}.vakata-context li>a{display:block;padding:0 2em;text-decoration:none;width:auto;color:#000;white-space:nowrap;line-height:2.4em;-moz-text-shadow:1px 1px 0 #fff;-webkit-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff;-webkit-border-radius:1px;border-radius:1px}.vakata-context li>a>i,.vakata-context li>a>i:empty{width:2.4em;line-height:2.4em}.vakata-context li>a:hover{position:relative;background-color:#e8eff7;-webkit-box-shadow:0 0 2px #0a6aa1;box-shadow:0 0 2px #0a6aa1}.vakata-context li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);background-position:right center;background-repeat:no-repeat}.vakata-context .vakata-context-hover>a{position:relative;background-color:#e8eff7;-webkit-box-shadow:0 0 2px #0a6aa1;box-shadow:0 0 2px #0a6aa1}.vakata-context .vakata-context-separator>a,.vakata-context .vakata-context-separator>a:hover{background:#fff;border:0;border-top:1px solid #e2e3e3;height:1px;min-height:1px;max-height:1px;padding:0;margin:0 0 0 2.4em;border-left:1px solid #e0e0e0;-moz-text-shadow:0 0 0 transparent;-webkit-text-shadow:0 0 0 transparent;text-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;-webkit-border-radius:0;border-radius:0}.vakata-context .vakata-contextmenu-disabled a,.vakata-context .vakata-contextmenu-disabled a:hover{color:silver;background-color:transparent;border:0;-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.vakata-context li>a>i{text-decoration:none;display:inline-block;height:2.4em;background:0 0;margin:0 0 0 -2em;vertical-align:top;text-align:center}.vakata-context li>a .vakata-contextmenu-sep{display:inline-block;width:1px;height:2.4em;background:#fff;margin:0 .5em 0 0;border-left:1px solid #e2e3e3}.vakata-context .vakata-contextmenu-shortcut{color:silver;opacity:.5;display:none}.vakata-context-rtl ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context-rtl li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);background-position:left center;background-repeat:no-repeat}.vakata-context-rtl .vakata-context-separator>a{margin:0 2.4em 0 0;border-left:0;border-right:1px solid #e2e3e3}.vakata-context-rtl .vakata-context-left ul{right:auto;left:100%;margin-left:-4px;margin-right:auto}.vakata-context-rtl li>a>i{margin:0 -2em 0 0}.vakata-context-rtl li>a .vakata-contextmenu-sep{margin:0 0 0 .5em;border-left-color:#fff;background:#e2e3e3}#jstree-marker{position:absolute;top:0;left:0;margin:-5px 0 0;padding:0;border-right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;width:0;height:0;font-size:0;line-height:0}#jstree-dnd{line-height:16px;margin:0;padding:4px}#jstree-dnd .jstree-copy,#jstree-dnd .jstree-icon{display:inline-block;text-decoration:none;margin:0 2px 0 0;padding:0;width:16px;height:16px}#jstree-dnd .jstree-ok{background:green}#jstree-dnd .jstree-er{background:red}#jstree-dnd .jstree-copy{margin:0 2px}.jstree-default .jstree-icon,.jstree-default .jstree-node{background-repeat:no-repeat;background-color:transparent}.jstree-default .jstree-anchor,.jstree-default .jstree-wholerow{-webkit-transition:background-color .15s,-webkit-box-shadow .15s;-o-transition:background-color .15s,box-shadow .15s;transition:background-color .15s,box-shadow .15s}.jstree-default .jstree-hovered{background:#e7f4f9;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 0 1px #ccc;box-shadow:inset 0 0 1px #ccc}.jstree-default .jstree-clicked{background:#beebff;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 0 1px #999;box-shadow:inset 0 0 1px #999}.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon{display:none}.jstree-default .jstree-disabled{color:#666}.jstree-default .jstree-disabled.jstree-hovered{-webkit-box-shadow:none;box-shadow:none}.jstree-default .jstree-disabled>.jstree-icon{opacity:.8;filter:url("data:image/svg+xml;utf8,#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default .jstree-search{font-style:italic;color:#8b0000;font-weight:700}.jstree-default .jstree-no-checkboxes .jstree-checkbox{display:none!important}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked{background:0 0;-webkit-box-shadow:none;box-shadow:none}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{background:#e7f4f9}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked{background:0 0}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{background:#e7f4f9}.jstree-default>.jstree-striped{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top}.jstree-default>.jstree-wholerow-ul .jstree-clicked,.jstree-default>.jstree-wholerow-ul .jstree-hovered{background:0 0;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:0;border-radius:0}.jstree-default .jstree-wholerow{-webkit-box-sizing:border-box;box-sizing:border-box;height:24px}.jstree-default .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default .jstree-wholerow-clicked{background:#beebff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#beebff),color-stop(100%,#a8e4ff));background:-webkit-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:-o-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:-webkit-gradient(linear,left top,left bottom,from(#beebff),to(#a8e4ff));background:linear-gradient(to bottom,#beebff 0,#a8e4ff 100%)}.jstree-default .jstree-node{min-height:24px;line-height:24px;margin-left:24px;min-width:24px;background-position:-292px -4px;background-repeat:repeat-y}.jstree-default .jstree-anchor{line-height:24px;height:24px}.jstree-default .jstree-icon,.jstree-default .jstree-icon:empty{width:24px;height:24px;line-height:24px}.jstree-default .jstree-icon,.jstree-default .jstree-node{background-image:url(32px.png)}.jstree-default .jstree-last{background:0 0}.jstree-default .jstree-open>.jstree-ocl{background-position:-132px -4px}.jstree-default .jstree-closed>.jstree-ocl{background-position:-100px -4px}.jstree-default .jstree-leaf>.jstree-ocl{background-position:-68px -4px}.jstree-default .jstree-themeicon{background-position:-260px -4px}.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl,.jstree-default>.jstree-no-dots .jstree-node{background:0 0}.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -4px}.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -4px}.jstree-default .jstree-disabled,.jstree-default .jstree-disabled.jstree-hovered{background:0 0}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-checkbox{background-position:-164px -4px}.jstree-default .jstree-checkbox:hover{background-position:-164px -36px}.jstree-default .jstree-checked>.jstree-checkbox,.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox{background-position:-228px -4px}.jstree-default .jstree-checked>.jstree-checkbox:hover,.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover{background-position:-228px -36px}.jstree-default .jstree-anchor>.jstree-undetermined{background-position:-196px -4px}.jstree-default .jstree-anchor>.jstree-undetermined:hover{background-position:-196px -36px}.jstree-default>.jstree-striped{-webkit-background-size:auto 48px;background-size:auto 48px}.jstree-default.jstree-rtl .jstree-node{margin-right:24px;background-position:100% 1px;background-repeat:repeat-y}.jstree-default.jstree-rtl .jstree-open>.jstree-ocl{background-position:-132px -36px}.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-100px -36px}.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-68px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node{background:0 0}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -36px}.jstree-default .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default .jstree-file{background:url(32px.png) -100px -68px no-repeat}.jstree-default .jstree-folder{background:url(32px.png) -260px -4px no-repeat}.jstree-default>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default{line-height:24px;padding:0 4px}#jstree-dnd.jstree-default .jstree-er,#jstree-dnd.jstree-default .jstree-ok{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default i{background:0 0;width:24px;height:24px;line-height:24px}#jstree-dnd.jstree-default .jstree-ok{background-position:-4px -68px}#jstree-dnd.jstree-default .jstree-er{background-position:-36px -68px}.jstree-default.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)}.jstree-default.jstree-rtl .jstree-last{background:0 0}.jstree-default-small .jstree-node{min-height:18px;line-height:18px;margin-left:18px;min-width:18px;background-position:-295px -7px;background-repeat:repeat-y}.jstree-default-small .jstree-anchor{line-height:18px;height:18px}.jstree-default-small .jstree-icon,.jstree-default-small .jstree-icon:empty{width:18px;height:18px;line-height:18px}.jstree-default-small .jstree-wholerow{height:18px}.jstree-default-small .jstree-icon,.jstree-default-small .jstree-node{background-image:url(32px.png)}.jstree-default-small .jstree-last{background:0 0}.jstree-default-small .jstree-open>.jstree-ocl{background-position:-135px -7px}.jstree-default-small .jstree-closed>.jstree-ocl{background-position:-103px -7px}.jstree-default-small .jstree-leaf>.jstree-ocl{background-position:-71px -7px}.jstree-default-small .jstree-themeicon{background-position:-263px -7px}.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl,.jstree-default-small>.jstree-no-dots .jstree-node{background:0 0}.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -7px}.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -7px}.jstree-default-small .jstree-disabled,.jstree-default-small .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-small .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-small .jstree-checkbox{background-position:-167px -7px}.jstree-default-small .jstree-checkbox:hover{background-position:-167px -39px}.jstree-default-small .jstree-checked>.jstree-checkbox,.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox{background-position:-231px -7px}.jstree-default-small .jstree-checked>.jstree-checkbox:hover,.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover{background-position:-231px -39px}.jstree-default-small .jstree-anchor>.jstree-undetermined{background-position:-199px -7px}.jstree-default-small .jstree-anchor>.jstree-undetermined:hover{background-position:-199px -39px}.jstree-default-small>.jstree-striped{-webkit-background-size:auto 36px;background-size:auto 36px}.jstree-default-small.jstree-rtl .jstree-node{margin-right:18px;background-position:100% 1px;background-repeat:repeat-y}.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl{background-position:-135px -39px}.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-103px -39px}.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-71px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node{background:0 0}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -39px}.jstree-default-small .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default-small .jstree-file{background:url(32px.png) -103px -71px no-repeat}.jstree-default-small .jstree-folder{background:url(32px.png) -263px -7px no-repeat}.jstree-default-small>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-small{line-height:18px;padding:0 4px}#jstree-dnd.jstree-default-small .jstree-er,#jstree-dnd.jstree-default-small .jstree-ok{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-small i{background:0 0;width:18px;height:18px;line-height:18px}#jstree-dnd.jstree-default-small .jstree-ok{background-position:-7px -71px}#jstree-dnd.jstree-default-small .jstree-er{background-position:-39px -71px}.jstree-default-small.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)}.jstree-default-small.jstree-rtl .jstree-last{background:0 0}.jstree-default-large .jstree-node{min-height:32px;line-height:32px;margin-left:32px;min-width:32px;background-position:-288px 0;background-repeat:repeat-y}.jstree-default-large .jstree-anchor{line-height:32px;height:32px}.jstree-default-large .jstree-icon,.jstree-default-large .jstree-icon:empty{width:32px;height:32px;line-height:32px}.jstree-default-large .jstree-wholerow{height:32px}.jstree-default-large .jstree-icon,.jstree-default-large .jstree-node{background-image:url(32px.png)}.jstree-default-large .jstree-last{background:0 0}.jstree-default-large .jstree-open>.jstree-ocl{background-position:-128px 0}.jstree-default-large .jstree-closed>.jstree-ocl{background-position:-96px 0}.jstree-default-large .jstree-leaf>.jstree-ocl{background-position:-64px 0}.jstree-default-large .jstree-themeicon{background-position:-256px 0}.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl,.jstree-default-large>.jstree-no-dots .jstree-node{background:0 0}.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px 0}.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 0}.jstree-default-large .jstree-disabled,.jstree-default-large .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-large .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-large .jstree-checkbox{background-position:-160px 0}.jstree-default-large .jstree-checkbox:hover{background-position:-160px -32px}.jstree-default-large .jstree-checked>.jstree-checkbox,.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox{background-position:-224px 0}.jstree-default-large .jstree-checked>.jstree-checkbox:hover,.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover{background-position:-224px -32px}.jstree-default-large .jstree-anchor>.jstree-undetermined{background-position:-192px 0}.jstree-default-large .jstree-anchor>.jstree-undetermined:hover{background-position:-192px -32px}.jstree-default-large>.jstree-striped{-webkit-background-size:auto 64px;background-size:auto 64px}.jstree-default-large.jstree-rtl .jstree-node{margin-right:32px;background-position:100% 1px;background-repeat:repeat-y}.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl{background-position:-128px -32px}.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-96px -32px}.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-64px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node{background:0 0}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 -32px}.jstree-default-large .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default-large .jstree-file{background:url(32px.png) -96px -64px no-repeat}.jstree-default-large .jstree-folder{background:url(32px.png) -256px 0 no-repeat}.jstree-default-large>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-large{line-height:32px;padding:0 4px}#jstree-dnd.jstree-default-large .jstree-er,#jstree-dnd.jstree-default-large .jstree-ok{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-large i{background:0 0;width:32px;height:32px;line-height:32px}#jstree-dnd.jstree-default-large .jstree-ok{background-position:0 -64px}#jstree-dnd.jstree-default-large .jstree-er{background-position:-32px -64px}.jstree-default-large.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)}.jstree-default-large.jstree-rtl .jstree-last{background:0 0} \ No newline at end of file +.jstree-anchor, +.jstree-node { + white-space: nowrap +} + +.jstree-anchor:focus, +.vakata-context li>a:focus { + outline: 0 +} + +.jstree-children, +.jstree-container-ul, +.jstree-node { + display: block; + margin: 0; + padding: 0; + list-style-type: none; + list-style-image: none +} + +.jstree-anchor, +.jstree-icon, +.jstree-icon:empty { + display: inline-block; + margin: 0; + vertical-align: top +} + +.jstree-anchor { + padding: 0 4px 0 1px +} + +.jstree-anchor, +.jstree-anchor:active, +.jstree-anchor:hover, +.jstree-anchor:link, +.jstree-anchor:visited { + text-decoration: none; + color: inherit +} + +.jstree-icon, +.jstree-icon:empty { + text-decoration: none; + padding: 0; + text-align: center +} + +.jstree-ocl { + cursor: pointer +} + +.jstree-leaf>.jstree-ocl { + cursor: default +} + +.jstree .jstree-open>.jstree-children { + display: block +} + +.jstree .jstree-closed>.jstree-children, +.jstree .jstree-leaf>.jstree-children, +.jstree-anchor>.jstree-themeicon-hidden, +.jstree-no-icons .jstree-themeicon { + display: none +} + +.jstree-anchor>.jstree-themeicon { + margin-right: 2px +} + +.jstree-rtl .jstree-anchor { + padding: 0 1px 0 4px +} + +.jstree-rtl .jstree-anchor>.jstree-themeicon { + margin-left: 2px; + margin-right: 0 +} + +.jstree-rtl .jstree-node { + margin-left: 0 +} + +.jstree-rtl .jstree-container-ul>.jstree-node { + margin-right: 0 +} + +.jstree-wholerow-ul { + position: relative; + display: inline-block; + min-width: 100% +} + +.jstree-wholerow-ul .jstree-leaf>.jstree-ocl { + cursor: pointer +} + +.jstree-wholerow-ul .jstree-anchor, +.jstree-wholerow-ul .jstree-icon { + position: relative +} + +.jstree-wholerow-ul .jstree-wholerow { + width: 100%; + cursor: pointer; + position: absolute; + left: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.vakata-context { + display: none +} + +.vakata-context, +.vakata-context ul { + margin: 0; + padding: 2px; + position: absolute; + background: #f5f5f5; + border: 1px solid #979797; + -webkit-box-shadow: 2px 2px 2px #999; + box-shadow: 2px 2px 2px #999 +} + +.vakata-context ul { + list-style: none; + left: 100%; + margin-top: -2.7em; + margin-left: -4px +} + +.vakata-context .vakata-context-right ul { + left: auto; + right: 100%; + margin-left: auto; + margin-right: -4px +} + +.vakata-context li { + list-style: none; + display: inline +} + +.vakata-context li>a { + display: block; + padding: 0 2em; + text-decoration: none; + width: auto; + color: #000; + white-space: nowrap; + line-height: 2.4em; + -moz-text-shadow: 1px 1px 0 #fff; + -webkit-text-shadow: 1px 1px 0 #fff; + text-shadow: 1px 1px 0 #fff; + -webkit-border-radius: 1px; + border-radius: 1px +} + +.vakata-context li>a>i, +.vakata-context li>a>i:empty { + width: 2.4em; + line-height: 2.4em +} + +.vakata-context li>a:hover { + position: relative; + background-color: #e8eff7; + -webkit-box-shadow: 0 0 2px #0a6aa1; + box-shadow: 0 0 2px #0a6aa1 +} + +.vakata-context li>a.vakata-context-parent { + background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==); + background-position: right center; + background-repeat: no-repeat +} + +.vakata-context .vakata-context-hover>a { + position: relative; + background-color: #e8eff7; + -webkit-box-shadow: 0 0 2px #0a6aa1; + box-shadow: 0 0 2px #0a6aa1 +} + +.vakata-context .vakata-context-separator>a, +.vakata-context .vakata-context-separator>a:hover { + background: #fff; + border: 0; + border-top: 1px solid #e2e3e3; + height: 1px; + min-height: 1px; + max-height: 1px; + padding: 0; + margin: 0 0 0 2.4em; + border-left: 1px solid #e0e0e0; + -moz-text-shadow: 0 0 0 transparent; + -webkit-text-shadow: 0 0 0 transparent; + text-shadow: 0 0 0 transparent; + -webkit-box-shadow: 0 0 0 transparent; + box-shadow: 0 0 0 transparent; + -webkit-border-radius: 0; + border-radius: 0 +} + +.vakata-context .vakata-contextmenu-disabled a, +.vakata-context .vakata-contextmenu-disabled a:hover { + color: silver; + background-color: transparent; + border: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0 +} + +.vakata-context li>a>i { + text-decoration: none; + display: inline-block; + height: 2.4em; + background: 0 0; + margin: 0 0 0 -2em; + vertical-align: top; + text-align: center +} + +.vakata-context li>a .vakata-contextmenu-sep { + display: inline-block; + width: 1px; + height: 2.4em; + background: #fff; + margin: 0 .5em 0 0; + border-left: 1px solid #e2e3e3 +} + +.vakata-context .vakata-contextmenu-shortcut { + color: silver; + opacity: .5; + display: none +} + +.vakata-context-rtl ul { + left: auto; + right: 100%; + margin-left: auto; + margin-right: -4px +} + +.vakata-context-rtl li>a.vakata-context-parent { + background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7); + background-position: left center; + background-repeat: no-repeat +} + +.vakata-context-rtl .vakata-context-separator>a { + margin: 0 2.4em 0 0; + border-left: 0; + border-right: 1px solid #e2e3e3 +} + +.vakata-context-rtl .vakata-context-left ul { + right: auto; + left: 100%; + margin-left: -4px; + margin-right: auto +} + +.vakata-context-rtl li>a>i { + margin: 0 -2em 0 0 +} + +.vakata-context-rtl li>a .vakata-contextmenu-sep { + margin: 0 0 0 .5em; + border-left-color: #fff; + background: #e2e3e3 +} + +#jstree-marker { + position: absolute; + top: 0; + left: 0; + margin: -5px 0 0; + padding: 0; + border-right: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid; + width: 0; + height: 0; + font-size: 0; + line-height: 0 +} + +#jstree-dnd { + line-height: 16px; + margin: 0; + padding: 4px +} + +#jstree-dnd .jstree-copy, +#jstree-dnd .jstree-icon { + display: inline-block; + text-decoration: none; + margin: 0 2px 0 0; + padding: 0; + width: 16px; + height: 16px +} + +#jstree-dnd .jstree-ok { + background: green +} + +#jstree-dnd .jstree-er { + background: red +} + +#jstree-dnd .jstree-copy { + margin: 0 2px +} + +.jstree-default .jstree-icon, +.jstree-default .jstree-node { + background-repeat: no-repeat; + background-color: transparent +} + +.jstree-default .jstree-anchor, +.jstree-default .jstree-wholerow { + -webkit-transition: background-color .15s, -webkit-box-shadow .15s; + -o-transition: background-color .15s, box-shadow .15s; + transition: background-color .15s, box-shadow .15s +} + +.jstree-default .jstree-hovered { + background: #e7f4f9; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: inset 0 0 1px #ccc; + box-shadow: inset 0 0 1px #ccc +} + +.jstree-default .jstree-clicked { + background: #beebff; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: inset 0 0 1px #999; + box-shadow: inset 0 0 1px #999 +} + +.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon { + display: none +} + +.jstree-default .jstree-disabled { + color: #666 +} + +.jstree-default .jstree-disabled.jstree-hovered { + -webkit-box-shadow: none; + box-shadow: none +} + +.jstree-default .jstree-disabled>.jstree-icon { + opacity: .8; + filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); + filter: gray; + -webkit-filter: grayscale(100%) +} + +.jstree-default .jstree-search { + font-style: italic; + color: #8b0000; + font-weight: 700 +} + +.jstree-default .jstree-no-checkboxes .jstree-checkbox { + display: none !important +} + +.jstree-default.jstree-checkbox-no-clicked .jstree-clicked { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none +} + +.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { + background: #e7f4f9 +} + +.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked { + background: 0 0 +} + +.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { + background: #e7f4f9 +} + +.jstree-default>.jstree-striped { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top +} + +.jstree-default>.jstree-wholerow-ul .jstree-clicked, +.jstree-default>.jstree-wholerow-ul .jstree-hovered { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0; + border-radius: 0 +} + +.jstree-default .jstree-wholerow { + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 24px +} + +.jstree-default .jstree-wholerow-hovered { + background: #e7f4f9 +} + +.jstree-default .jstree-wholerow-clicked { + background: #beebff; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #beebff), color-stop(100%, #a8e4ff)); + background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%); + background: -o-linear-gradient(top, #beebff 0, #a8e4ff 100%); + background: -webkit-gradient(linear, left top, left bottom, from(#beebff), to(#a8e4ff)); + background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%) +} + +.jstree-default .jstree-node { + min-height: 24px; + line-height: 24px; + margin-left: 24px; + min-width: 24px; + background-position: -292px -4px; + background-repeat: repeat-y +} + +.jstree-default .jstree-anchor { + line-height: 24px; + height: 24px +} + +.jstree-default .jstree-icon, +.jstree-default .jstree-icon:empty { + width: 24px; + height: 24px; + line-height: 24px +} + +.jstree-default .jstree-icon, +.jstree-default .jstree-node { + background-image: url(32px.png) +} + +.jstree-default .jstree-last { + background: 0 0 +} + +.jstree-default .jstree-open>.jstree-ocl { + background-position: -132px -4px +} + +.jstree-default .jstree-closed>.jstree-ocl { + background-position: -100px -4px +} + +.jstree-default .jstree-leaf>.jstree-ocl { + background-position: -68px -4px +} + +.jstree-default .jstree-themeicon { + background-position: -260px -4px +} + +.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl, +.jstree-default>.jstree-no-dots .jstree-node { + background: 0 0 +} + +.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl { + background-position: -36px -4px +} + +.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl { + background-position: -4px -4px +} + +.jstree-default .jstree-disabled, +.jstree-default .jstree-disabled.jstree-hovered { + background: 0 0 +} + +.jstree-default .jstree-disabled.jstree-clicked { + background: #efefef +} + +.jstree-default .jstree-checkbox { + background-position: -164px -4px +} + +.jstree-default .jstree-checkbox:hover { + background-position: -164px -36px +} + +.jstree-default .jstree-checked>.jstree-checkbox, +.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { + background-position: -228px -4px +} + +.jstree-default .jstree-checked>.jstree-checkbox:hover, +.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { + background-position: -228px -36px +} + +.jstree-default .jstree-anchor>.jstree-undetermined { + background-position: -196px -4px +} + +.jstree-default .jstree-anchor>.jstree-undetermined:hover { + background-position: -196px -36px +} + +.jstree-default>.jstree-striped { + -webkit-background-size: auto 48px; + background-size: auto 48px +} + +.jstree-default.jstree-rtl .jstree-node { + margin-right: 24px; + background-position: 100% 1px; + background-repeat: repeat-y +} + +.jstree-default.jstree-rtl .jstree-open>.jstree-ocl { + background-position: -132px -36px +} + +.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl { + background-position: -100px -36px +} + +.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl { + background-position: -68px -36px +} + +.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, +.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node { + background: 0 0 +} + +.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { + background-position: -36px -36px +} + +.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { + background-position: -4px -36px +} + +.jstree-default .jstree-themeicon-custom { + background-color: transparent; + background-image: none; + background-position: 0 0 +} + +.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl { + background: url(throbber.gif) center center no-repeat +} + +.jstree-default .jstree-file { + background: url(32px.png) -100px -68px no-repeat +} + +.jstree-default .jstree-folder { + background: url(32px.png) -260px -4px no-repeat +} + +.jstree-default>.jstree-container-ul>.jstree-node { + margin-left: 0; + margin-right: 0 +} + +#jstree-dnd.jstree-default { + line-height: 24px; + padding: 0 4px +} + +#jstree-dnd.jstree-default .jstree-er, +#jstree-dnd.jstree-default .jstree-ok { + background-image: url(32px.png); + background-repeat: no-repeat; + background-color: transparent +} + +#jstree-dnd.jstree-default i { + background: 0 0; + width: 24px; + height: 24px; + line-height: 24px +} + +#jstree-dnd.jstree-default .jstree-ok { + background-position: -4px -68px +} + +#jstree-dnd.jstree-default .jstree-er { + background-position: -36px -68px +} + +.jstree-default.jstree-rtl .jstree-node { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==) +} + +.jstree-default.jstree-rtl .jstree-last { + background: 0 0 +} + +.jstree-default-small .jstree-node { + min-height: 18px; + line-height: 18px; + margin-left: 18px; + min-width: 18px; + background-position: -295px -7px; + background-repeat: repeat-y +} + +.jstree-default-small .jstree-anchor { + line-height: 18px; + height: 18px +} + +.jstree-default-small .jstree-icon, +.jstree-default-small .jstree-icon:empty { + width: 18px; + height: 18px; + line-height: 18px +} + +.jstree-default-small .jstree-wholerow { + height: 18px +} + +.jstree-default-small .jstree-icon, +.jstree-default-small .jstree-node { + background-image: url(32px.png) +} + +.jstree-default-small .jstree-last { + background: 0 0 +} + +.jstree-default-small .jstree-open>.jstree-ocl { + background-position: -135px -7px +} + +.jstree-default-small .jstree-closed>.jstree-ocl { + background-position: -103px -7px +} + +.jstree-default-small .jstree-leaf>.jstree-ocl { + background-position: -71px -7px +} + +.jstree-default-small .jstree-themeicon { + background-position: -263px -7px +} + +.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl, +.jstree-default-small>.jstree-no-dots .jstree-node { + background: 0 0 +} + +.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl { + background-position: -39px -7px +} + +.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl { + background-position: -7px -7px +} + +.jstree-default-small .jstree-disabled, +.jstree-default-small .jstree-disabled.jstree-hovered { + background: 0 0 +} + +.jstree-default-small .jstree-disabled.jstree-clicked { + background: #efefef +} + +.jstree-default-small .jstree-checkbox { + background-position: -167px -7px +} + +.jstree-default-small .jstree-checkbox:hover { + background-position: -167px -39px +} + +.jstree-default-small .jstree-checked>.jstree-checkbox, +.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { + background-position: -231px -7px +} + +.jstree-default-small .jstree-checked>.jstree-checkbox:hover, +.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { + background-position: -231px -39px +} + +.jstree-default-small .jstree-anchor>.jstree-undetermined { + background-position: -199px -7px +} + +.jstree-default-small .jstree-anchor>.jstree-undetermined:hover { + background-position: -199px -39px +} + +.jstree-default-small>.jstree-striped { + -webkit-background-size: auto 36px; + background-size: auto 36px +} + +.jstree-default-small.jstree-rtl .jstree-node { + margin-right: 18px; + background-position: 100% 1px; + background-repeat: repeat-y +} + +.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl { + background-position: -135px -39px +} + +.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl { + background-position: -103px -39px +} + +.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl { + background-position: -71px -39px +} + +.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, +.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node { + background: 0 0 +} + +.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { + background-position: -39px -39px +} + +.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { + background-position: -7px -39px +} + +.jstree-default-small .jstree-themeicon-custom { + background-color: transparent; + background-image: none; + background-position: 0 0 +} + +.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl { + background: url(throbber.gif) center center no-repeat +} + +.jstree-default-small .jstree-file { + background: url(32px.png) -103px -71px no-repeat +} + +.jstree-default-small .jstree-folder { + background: url(32px.png) -263px -7px no-repeat +} + +.jstree-default-small>.jstree-container-ul>.jstree-node { + margin-left: 0; + margin-right: 0 +} + +#jstree-dnd.jstree-default-small { + line-height: 18px; + padding: 0 4px +} + +#jstree-dnd.jstree-default-small .jstree-er, +#jstree-dnd.jstree-default-small .jstree-ok { + background-image: url(32px.png); + background-repeat: no-repeat; + background-color: transparent +} + +#jstree-dnd.jstree-default-small i { + background: 0 0; + width: 18px; + height: 18px; + line-height: 18px +} + +#jstree-dnd.jstree-default-small .jstree-ok { + background-position: -7px -71px +} + +#jstree-dnd.jstree-default-small .jstree-er { + background-position: -39px -71px +} + +.jstree-default-small.jstree-rtl .jstree-node { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==) +} + +.jstree-default-small.jstree-rtl .jstree-last { + background: 0 0 +} + +.jstree-default-large .jstree-node { + min-height: 32px; + line-height: 32px; + margin-left: 32px; + min-width: 32px; + background-position: -288px 0; + background-repeat: repeat-y +} + +.jstree-default-large .jstree-anchor { + line-height: 32px; + height: 32px +} + +.jstree-default-large .jstree-icon, +.jstree-default-large .jstree-icon:empty { + width: 32px; + height: 32px; + line-height: 32px +} + +.jstree-default-large .jstree-wholerow { + height: 32px +} + +.jstree-default-large .jstree-icon, +.jstree-default-large .jstree-node { + background-image: url(32px.png) +} + +.jstree-default-large .jstree-last { + background: 0 0 +} + +.jstree-default-large .jstree-open>.jstree-ocl { + background-position: -128px 0 +} + +.jstree-default-large .jstree-closed>.jstree-ocl { + background-position: -96px 0 +} + +.jstree-default-large .jstree-leaf>.jstree-ocl { + background-position: -64px 0 +} + +.jstree-default-large .jstree-themeicon { + background-position: -256px 0 +} + +.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl, +.jstree-default-large>.jstree-no-dots .jstree-node { + background: 0 0 +} + +.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl { + background-position: -32px 0 +} + +.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl { + background-position: 0 0 +} + +.jstree-default-large .jstree-disabled, +.jstree-default-large .jstree-disabled.jstree-hovered { + background: 0 0 +} + +.jstree-default-large .jstree-disabled.jstree-clicked { + background: #efefef +} + +.jstree-default-large .jstree-checkbox { + background-position: -160px 0 +} + +.jstree-default-large .jstree-checkbox:hover { + background-position: -160px -32px +} + +.jstree-default-large .jstree-checked>.jstree-checkbox, +.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { + background-position: -224px 0 +} + +.jstree-default-large .jstree-checked>.jstree-checkbox:hover, +.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { + background-position: -224px -32px +} + +.jstree-default-large .jstree-anchor>.jstree-undetermined { + background-position: -192px 0 +} + +.jstree-default-large .jstree-anchor>.jstree-undetermined:hover { + background-position: -192px -32px +} + +.jstree-default-large>.jstree-striped { + -webkit-background-size: auto 64px; + background-size: auto 64px +} + +.jstree-default-large.jstree-rtl .jstree-node { + margin-right: 32px; + background-position: 100% 1px; + background-repeat: repeat-y +} + +.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl { + background-position: -128px -32px +} + +.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl { + background-position: -96px -32px +} + +.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl { + background-position: -64px -32px +} + +.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, +.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node { + background: 0 0 +} + +.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { + background-position: -32px -32px +} + +.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { + background-position: 0 -32px +} + +.jstree-default-large .jstree-themeicon-custom { + background-color: transparent; + background-image: none; + background-position: 0 0 +} + +.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl { + background: url(throbber.gif) center center no-repeat +} + +.jstree-default-large .jstree-file { + background: url(32px.png) -96px -64px no-repeat +} + +.jstree-default-large .jstree-folder { + background: url(32px.png) -256px 0 no-repeat +} + +.jstree-default-large>.jstree-container-ul>.jstree-node { + margin-left: 0; + margin-right: 0 +} + +#jstree-dnd.jstree-default-large { + line-height: 32px; + padding: 0 4px +} + +#jstree-dnd.jstree-default-large .jstree-er, +#jstree-dnd.jstree-default-large .jstree-ok { + background-image: url(32px.png); + background-repeat: no-repeat; + background-color: transparent +} + +#jstree-dnd.jstree-default-large i { + background: 0 0; + width: 32px; + height: 32px; + line-height: 32px +} + +#jstree-dnd.jstree-default-large .jstree-ok { + background-position: 0 -64px +} + +#jstree-dnd.jstree-default-large .jstree-er { + background-position: -32px -64px +} + +.jstree-default-large.jstree-rtl .jstree-node { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==) +} + +.jstree-default-large.jstree-rtl .jstree-last { + background: 0 0 +} \ No newline at end of file