.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 }