jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/slideshow/style.css

1 line
2.2 KiB
CSS
Raw Normal View History

2017-02-03 14:00:42 -07:00
.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}.mouseIdle .btnSlideshowExit,.mouseIdle .btnSlideshowNext,.mouseIdle .btnSlideshowPrevious{display:none}.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}