PHP Classes

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

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

Contents

Class file image Download
@charset "UTF-8"; /* * blueimp Gallery Indicator 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 > .indicator { position: absolute; top: auto; right: 15px; bottom: 15px; left: 15px; margin: 0 40px; padding: 0; list-style: none; text-align: center; line-height: 10px; display: none; } .blueimp-gallery > .indicator > li { display: inline-block; width: 9px; height: 9px; margin: 6px 3px 0 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid transparent; background: #ccc; background: rgba(255, 255, 255, 0.25) center no-repeat; border-radius: 5px; box-shadow: 0 0 2px #000; opacity: 0.5; cursor: pointer; } .blueimp-gallery > .indicator > li:hover, .blueimp-gallery > .indicator > .active { background-color: #fff; border-color: #fff; opacity: 1; } .blueimp-gallery > .indicator > li:after { opacity: 0; display: block; position: absolute; content: ''; top: -5em; width: 75px; height: 75px; transition: transform 600ms ease-out, opacity 400ms ease-out; transform: translateX(-50%) translateY(0) translateZ(0px); pointer-events:none; } .blueimp-gallery > .indicator > li:hover:after { opacity: 1; border-radius: 50%; background: inherit; transform: translateX(-50%) translateY(-5px) translateZ(0px); } .blueimp-gallery > .indicator > .active:after { display: none; } .blueimp-gallery-controls > .indicator { 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 > .indicator { display: none; } .blueimp-gallery > .indicator { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* IE7 fixes */ *+html .blueimp-gallery > .indicator > li { display: inline; }