1 line
2.6 KiB
CSS
1 line
2.6 KiB
CSS
.slideshowDialog{background:#000}.slideshowScroller{position:fixed;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0}.slideshowItemsContainer{height:100%}.slideshowCard{width:100vw!important}.slideshowCardBox{margin:0!important}.slideshowCardContent{padding-bottom:0!important;height:100vh!important;aspect-ratio:initial!important;background-color:transparent!important}.slideshowCard .coveredImage{background-size:contain!important;object-fit:contain!important}.slideshow-crossfade .slideshowCardBox{opacity:0;transition:opacity ease-out .6s}.slideshowCard-current .cardBox{opacity:initial}.slideshowCardFooter{text-align:center;padding-bottom:1.5em!important;padding-bottom:calc(env(safe-area-inset-bottom,0) + 1.5em)!important;-webkit-padding-start:2ch;padding-inline-start:2ch;-webkit-padding-end:2ch;padding-inline-end:2ch;font-weight:600;opacity:0;transition:opacity ease-out .8s;transition-delay:0.1s}.slideshowCardFooter-interactive{padding-bottom:5em!important;padding-bottom:calc(env(safe-area-inset-bottom,0) + 5em)!important}.slideshowCard-current .slideshowCardFooter{opacity:1}.slideshow-largefont{font-size:120%;font-weight:600}.slideshowCardContent::before,.slideshowCardContent::after{content:' ';position:absolute;top:0;bottom:0;width:3.6%;background-color:#000;z-index:1;opacity:0;transition:opacity .4s ease-out}.slideshowCardContent::before{left:0;inset-inline-start:0;inset-inline-end:initial}.slideshowCardContent::after{right:0;inset-inline-start:initial;inset-inline-end:0}.slideshow-scrolling .cardImageContainer::before,.slideshow-scrolling .cardImageContainer::after{opacity:1}@media all and (pointer:fine){.slideshow-largefont{font-size:200%;line-height:1.4;font-weight:600}}.slideshow-largefont-tv{font-size:170%;line-height:1.4;font-weight:600}@media not all and (pointer:fine){.btnSlideshow-autohide{display:none!important}}.topActionButtons{top:.75em;inset-inline-start:1ch;z-index:1002;position:absolute;-webkit-padding-end:env(safe-area-inset-right,0);padding-inline-end:env(safe-area-inset-right,0);padding-top:env(safe-area-inset-top,0)}.slideshowBottomBar{position:fixed;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));color:#fff;padding:.75em 1ch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-left:calc(env(safe-area-inset-left,0) + 1ch);padding-right:calc(env(safe-area-inset-right,0) + 1ch);padding-bottom:calc(env(safe-area-inset-bottom,0) + .75em)} |