PHP Classes

File: assets/gallerytypes/blueimpgallery/css/blueimp-gallery.css

Recommend this page to a friend!
  Classes of Goffy G   wgGallery   assets/gallerytypes/blueimpgallery/css/blueimp-gallery.css   Download  
File: assets/gallerytypes/blueimpgallery/css/blueimp-gallery.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: wgGallery
Image gallery module for XOOPS CMS
Author: By
Last change:
Date: 3 years ago
Size: 5,706 bytes
 

Contents

Class file image Download
@charset "UTF-8"; /* * blueimp Gallery CSS * https://github.com/blueimp/Gallery * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * https://opensource.org/licenses/MIT */ .blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; } .blueimp-gallery > .slides > .slide > .slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; } .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; /* Set the carousel width/height ratio to 16/9: */ 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: 60px; font-weight: 100; line-height: 30px; 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; /* Fix z-index issues (controls behind slide element) on Android: */ -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; } /* Replace PNGs with SVGs for capable browsers (excluding IE<9) */ 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; } /* IE7 fixes */ *+html .blueimp-gallery > .slides > .slide { min-height: 300px; } *+html .blueimp-gallery > .slides > .slide > .slide-content { position: relative; }