File: css/simplegallery.css

Recommend this page to a friend!
  Classes of Andras Toth   Simple JS Gallery Plugin   css/simplegallery.css   Download  
File: css/simplegallery.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Simple JS Gallery Plugin
jQuery plugin to display images in a gallery
Author: By
Last change: Update of css/simplegallery.css
Date: 3 years ago
Size: 4,911 bytes
 

Contents

Class file image Download
.scroller { margin: 0; overflow: hidden; white-space: pre-wrap; } .scrollerHorizontal { margin: 0; overflow: hidden; display: inline-block; white-space: nowrap; } .galleryHolder { font-size: 1em; display: inline-block; float: none; text-align: center; position: relative; padding: 5px; margin: 10px; overflow-x: hidden; overflow-y: hidden; } .bgcol{ background-color: rgb(245, 245, 245); } .insh{ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px inset; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px inset; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px inset; } .outsh{ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px; } .brd{ border-color: #F16529; border-width: 10px; border-style: solid; } .brdrad{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .galleryHolder .up { top: 0; z-index: 1; height: auto; cursor: pointer; position: absolute; opacity: 0.3; filter: Alpha(Opacity=30); } .galleryHolder .upHorizontal { z-index: 1; left: 0; width: auto; cursor: pointer; position: absolute; opacity: 0.3; filter: Alpha(Opacity=30); } .galleryHolder .downHorizontal { z-index: 1; right: 0; width: auto; cursor: pointer; position: absolute; opacity: 0.3; filter: Alpha(Opacity=30); } .galleryHolder .down { z-index: 1; height: auto; cursor: pointer; bottom: 0; position: absolute; opacity: 0.3; filter: Alpha(Opacity=30); } .galleryHolder .down:hover, .galleryHolder .downHorizontal:hover { filter: Alpha(Opacity=100); opacity: 1; } .galleryHolder .up:hover, .galleryHolder .upHorizontal:hover { filter: Alpha(Opacity=100); opacity: 1; } .galleryHolder .down:active, .galleryHolder .downHorizontal:active { filter: Alpha(Opacity=100); opacity: 1; } .galleryHolder .up:active, .galleryHolder .upHorizontal:active { filter: Alpha(Opacity=100); opacity: 1; } .galleryHolder .preview { border: 5px solid rgb(255, 255, 255); cursor: pointer; margin: 5px; float: none; -webkit-filter: sepia(70%); -moz-filter: sepia(70%); -o-filter: sepia(70%); -ms-filter: sepia(70%); } .galleryHolder .previewHorizontal { vertical-align: middle; border: 5px solid rgb(255, 255, 255); cursor: pointer; margin: 5px; float: none; -webkit-filter: sepia(70%); -moz-filter: sepia(70%); -o-filter: sepia(70%); -ms-filter: sepia(70%); } .galleryHolder .preview:hover, .galleryHolder .previewHorizontal:hover { -webkit-filter: sepia(0%); -moz-filter: sepia(0%); -o-filter: sepia(0%); -ms-filter: sepia(0%); border-color: rgb(214, 214, 214) !important; } .picholder { z-index: 9999; width: 90%; height: 90%; top: 5%; left: 5%; position: absolute; } .picdiv { z-index: 0; opacity: 1; filter: Alpha(Opacity=100); left: 10px; top: 10px; bottom: 40px; right: 10px; position: absolute; background: url(img/loader.gif) no-repeat center center; background-color: beige; } .picInfo { font-family: tahoma, Helvetica, Arial, sans-serif; padding: 5px; font-size: 0.7em; font-weight: bold; text-align: center; width: 100%; bottom: 0; position: absolute; } .moveleft { width: auto; text-align: right; font-family: tahoma, Helvetica, Arial, sans-serif; padding: 10px; z-index: 1; cursor: pointer; color: white; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; position: absolute; top: 80px; left: 10px; background-color: black; opacity: 0.3; filter: Alpha(Opacity=30); } .moveright { text-align: left; width: auto; font-family: tahoma, Helvetica, Arial, sans-serif; padding: 10px; z-index: 1; cursor: pointer; color: white; -webkit-border-radius: 10px 0px 0px,10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; position: absolute; top: 80px; right: 10px; background-color: black; opacity: 0.3; filter: Alpha(Opacity=30); } .moveright,.moveleft { position: absolute; font-size: 1.3em; } .moveright:hover,.moveleft:hover { opacity: 0.6; filter: Alpha(Opacity=60); } #picdiv img { filter: Alpha(Opacity=0); } .close { right: 0; top: 0; z-index: 1; cursor: pointer; float: right; position: absolute; } #overlay{ display: none; position: absolute; top: 0; left: 0; background-color: black; width: 100%; z-index: 999; opacity: 0.7; filter: Alpha(Opacity=70); }