PHP Classes

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

Recommend this page to a friend!
  Classes of Goffy G   wgGallery   assets/gallerytypes/blueimpgallery/css/blueimp-gallery-video.css   Download  
File: assets/gallerytypes/blueimpgallery/css/blueimp-gallery-video.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: 2,126 bytes
 

Contents

Class file image Download
@charset "UTF-8"; /* * blueimp Gallery Video Factory 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 > .slides > .slide > .video-content > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; } .blueimp-gallery > .slides > .slide > .video-content > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blueimp-gallery > .slides > .slide > .video-content > iframe { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border: none; } .blueimp-gallery > .slides > .slide > .video-playing > iframe { top: 0; } .blueimp-gallery > .slides > .slide > .video-content > a { position: absolute; top: 50%; right: 0; left: 0; margin: -64px auto 0; width: 128px; height: 128px; background: url(../img/video-play.png) center no-repeat; opacity: 0.8; cursor: pointer; } .blueimp-gallery > .slides > .slide > .video-content > a:hover { opacity: 1; } .blueimp-gallery > .slides > .slide > .video-playing > a, .blueimp-gallery > .slides > .slide > .video-playing > img { display: none; } .blueimp-gallery > .slides > .slide > .video-content > video { display: none; } .blueimp-gallery > .slides > .slide > .video-playing > video { display: block; } .blueimp-gallery > .slides > .slide > .video-loading > a { background: url(../img/loading.gif) center no-repeat; background-size: 64px 64px; } /* Replace PNGs with SVGs for capable browsers (excluding IE<9) */ body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a { background-image: url(../img/video-play.svg); } /* IE7 fixes */ *+html .blueimp-gallery > .slides > .slide > .video-content { height: 100%; } *+html .blueimp-gallery > .slides > .slide > .video-content > a { left: 50%; margin-left: -64px; }