.blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-backface-visibility: hidden } .blueimp-gallery>.slides>.slide>.slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; -webkit-box-shadow: 0px 0px 35px 0px rgb(0, 0, 0); -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 35px 0px rgb(0, 0, 0); } .blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none } .blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y } .blueimp-gallery-display { display: block; opacity: 1 } .blueimp-gallery>.slides { position: relative; height: 100%; overflow: hidden } .blueimp-gallery-carousel>.slides { position: absolute } .blueimp-gallery>.slides>.slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000) } .blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear } .blueimp-gallery>.slides>.slide-loading { background: url(../img/loading.gif) center no-repeat; background-size: 64px 64px } .blueimp-gallery>.slides>.slide-loading>.slide-content { opacity: 0 } .blueimp-gallery>.slides>.slide-error { background: url(../img/error.png) center no-repeat } .blueimp-gallery>.slides>.slide-error>.slide-content { display: none } .blueimp-gallery>.prev, .blueimp-gallery>.next { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 100; line-height: 32px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, 0.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; cursor: pointer; display: none; } .blueimp-gallery>.next { left: auto; right: 15px } .blueimp-gallery>.close, .blueimp-gallery>.title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: 0.8; display: none } .blueimp-gallery>.close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer } .blueimp-gallery>.play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: 0.5; display: none } .blueimp-gallery-playing>.play-pause { background-position: -15px 0 } .blueimp-gallery>.prev:hover, .blueimp-gallery>.next:hover, .blueimp-gallery>.close:hover, .blueimp-gallery>.title:hover, .blueimp-gallery>.play-pause:hover { color: #fff; opacity: 1 } .blueimp-gallery-controls>.prev, .blueimp-gallery-controls>.next, .blueimp-gallery-controls>.close, .blueimp-gallery-controls>.title, .blueimp-gallery-controls>.play-pause { display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .blueimp-gallery-single>.prev, .blueimp-gallery-left>.prev, .blueimp-gallery-single>.next, .blueimp-gallery-right>.next, .blueimp-gallery-single>.play-pause { display: none } .blueimp-gallery>.slides>.slide>.slide-content, .blueimp-gallery>.prev, .blueimp-gallery>.next, .blueimp-gallery>.close, .blueimp-gallery>.play-pause { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } body:last-child .blueimp-gallery>.slides>.slide-error { background-image: url(../img/error.svg) } body:last-child .blueimp-gallery>.play-pause { width: 20px; height: 20px; background-size: 40px 20px; background-image: url(../img/play-pause.svg) } body:last-child .blueimp-gallery-playing>.play-pause { background-position: -20px 0 } *+html .blueimp-gallery>.slides>.slide { min-height: 300px } *+html .blueimp-gallery>.slides>.slide>.slide-content { position: relative }