/* GalleryView Stylesheet Use the CSS rules below to modify the look of your gallery. To create additional rules, use the markup below as a guide to GalleryView's architecture. */ /* GALLERY LIST */ /* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */ #myGallery { display: none !important; } .gv_galleryWrap { position: relative !important; background: #222 !important; font-size: 10pt !important; } /* GALLERY DIV */ .gv_gallery { overflow: hidden !important; position: relative !important;} .gv_imageStore { visibility: hidden !important; position: absolute !important; top: -10000px; left: -10000px !important; } /*************************************************/ /** PANEL STYLES **/ /*************************************************/ .gv_panelWrap { filter: inherit !important; position: absolute !important; overflow: hidden !important; } .gv_panel-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa !important; } .gv_frame-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa !important; } /* GALLERY PANELS */ .gv_panel { filter: inherit !important; position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; z-index: 100 !important; } .gv_panel img { position: absolute !important; } .gv_overlay { position: absolute !important; background: #222 !important; color: white !important; z-index: 200 !important;opacity:0.7 !important; } .gv_showOverlay { position: absolute !important; width: 20px !important; height: 20px !important; opacity:0.7 !important; /*background: url(themes/light/info.png) #222; */ cursor: pointer !important; z-index: 200 !important; } .gv_overlay h4 { color: white !important; margin: 1em !important; font-weight: bold !important;font-size: inherit !important;;line-height: inherit !important; } .gv_overlay p { color: white !important; margin: 1em !important; } .gv_infobar { background: #222 !important ; padding: 0 0.5em !important; line-height: 1.5em !important; height: 1.5em !important; font-size: 10pt !important; font-weight: bold !important; color: white !important; position: absolute !important; bottom: 0 !important; right: 0 !important; display: none ; vertical-align: middle !important; z-index: 2000 !important; } /*************************************************/ /** FILMSTRIP STYLES **/ /*************************************************/ .gv_filmstripWrap { overflow: hidden !important; position: absolute !important; } /* FILMSTRIP */ .gv_filmstrip { margin: 0 !important; padding: 0 !important; position: absolute !important; top: 0 !important; left: 0 ; } /* FILMSTRIP FRAMES (contains both images and captions) */ .gv_frame { cursor: pointer !important; float: left !important; position: relative !important; margin: 0 ; padding: 0 ; } /* WRAPPER FOR FILMSTRIP IMAGES */ .gv_frame .gv_thumbnail { position: relative !important;overflow: hidden !important; } /* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .gv_frame.current .gv_thumbnail {} /* FRAME IMAGES */ .gv_frame img { border: none !important; position: absolute !important; } /* FRAME CAPTION */ .gv_frame .gv_caption { height: 14px !important; line-height: 14px !important; font-size: 10px !important; text-align: center !important; color:white !important; } /* CURRENT FRAME CAPTION */ .gv_frame.current .gv_caption { } /* POINTER FOR CURRENT FRAME */ .gv_pointer { border-color: black !important; } /* NAVIGATION BUTTONS */ .gv_navWrap { text-align: center !important; position: absolute !important; } .gv_navPlay, .gv_navPause, .gv_navNext, .gv_navPrev { opacity: 0.3 !important; -moz-opacity: 0.3 !important; -khtml-opacity: 0.3 !important; filter:alpha(opacity=30) !important; display:-moz-inline-stack ; display:inline-block ; zoom:1 !important; *display:inline ; vertical-align: middle !important; } .gv_navPlay:hover, .gv_navPause:hover, .gv_navNext:hover, .gv_navPrev:hover { opacity: 0.8 !important; -moz-opacity: 0.8 !important; -khtml-opacity: 0.8 !important; filter:alpha(opacity=80) !important; } .gv_panelNavPrev, .gv_panelNavNext { position: absolute !important; display: none ; opacity: 0.50 !important; -moz-opacity: 0.50 !important; -khtml-opacity: 0.50 !important; filter:alpha(opacity=50) !important; z-index: 200 !important; } .gv_panelNavPrev:hover, .gv_panelNavNext:hover { opacity: 0.9 !important; -moz-opacity: 0.9 !important; -khtml-opacity: 0.9 !important; filter:alpha(opacity=90) !important; } .gv_navPlay { height: 30px !important; width: 30px !important; cursor: pointer !important; background: url(themes/light/play-big.png) top left no-repeat !important; } .gv_navPause { height: 30px !important; width: 30px !important; cursor: pointer !important; background: url(themes/light/pause-big.png) top left no-repeat !important; } .gv_navNext { height: 20px !important; width: 20px !important; cursor: pointer !important; background: url(themes/light/next.png) top left no-repeat !important; } .gv_navPrev { height: 20px !important; width: 20px !important; cursor: pointer !important; background: url(themes/light/prev.png) top right no-repeat !important; } .gv_panelNavNext { height: 20px !important; width: 20px !important; cursor: pointer !important; background: url(themes/light/panel-next.png) top left no-repeat !important; } .gv_panelNavPrev { height: 20px !important; width: 20px !important; cursor: pointer !important; background: url(themes/light/panel-prev.png) top right no-repeat !important; } .gv_thumbnail img{ background:none !important; border:none !important; height:inherit !important; margin: auto !important; position:static !important } .gv_panel img{ background:none !important; border:none !important; margin:none !important; padding:none !important; cursor: pointer; }