Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

initial prettyphoto checkin

This uses a modified prettyphoto jquery plugin. Check the 'merged' branch
of github.com/splitbrain/prettyphoto for details
  • Loading branch information...
commit 3e7528beb39c3ae0bca3eef61079745d3d699632 1 parent d2164e7
Andreas Gohr authored
Showing with 550 additions and 647 deletions.
  1. +24 −567 script.js
  2. +525 −79 style.css
  3. +1 −1  syntax.php
591 script.js
View
@@ -1,560 +1,31 @@
-/**
- * Script for the Gallery Plugin to add nifty inline image viewing.
- *
- * It's based upon lightbox plus by Takuya Otani which is based upon
- * lightbox by Lokesh Dhakar.
- *
- * For the DokuWiki plugin the following modifications were made:
- *
- * - addEvent removed (is shipped with DokuWiki)
- * - IDs were changed to avoid clashs
- * - previous and next buttons added
- * - keyboard support added
- * - neighbor preloading (not sure if it works)
- *
- * @license Creative Commons Attribution 2.5 License
- * @author Takuya Otani <takuya.otani@gmail.com>
- * @link http://serennz.cool.ne.jp/sb/sp/lightbox/
- * @author Lokesh Dhakar <lokesh@huddletogether.com>
- * @link http://www.huddletogether.com/projects/lightbox/
- * @author Andreas Gohr <andi@splitbrain.org>
- */
-
-/* Original copyright notices follow:
-
- lightbox_plus.js
- == written by Takuya Otani <takuya.otani@gmail.com> ===
- == Copyright (C) 2006 SimpleBoxes/SerendipityNZ Ltd. ==
-
- Copyright (C) 2006 Takuya Otani/SimpleBoxes - http://serennz.cool.ne.jp/sb/
- Copyright (C) 2006 SerendipityNZ - http://serennz.cool.ne.jp/snz/
-
- This script is licensed under the Creative Commons Attribution 2.5 License
- http://creativecommons.org/licenses/by/2.5/
-
- basically, do anything you want, just leave my name and link.
-
- Original script : Lightbox JS : Fullsize Image Overlays
- Copyright (C) 2005 Lokesh Dhakar - http://www.huddletogether.com
- For more information on this script, visit:
- http://huddletogether.com/projects/lightbox/
-*/
-
-
-
-/**
- * This variable will enable the lightbox mode for every normal image
- * embedded through the normal wiki image syntax and using the ?direct
- * parameter.
- *
- * If you don't like that behavior, set this variable to 0.
- */
-var lightboxForEveryImg = 0;
-
-function WindowSize()
-{ // window size object
- this.w = 0;
- this.h = 0;
- return this.update();
-}
-WindowSize.prototype.update = function()
-{
- var d = document;
- this.w =
- (window.innerWidth) ? window.innerWidth
- : (d.documentElement && d.documentElement.clientWidth) ? d.documentElement.clientWidth
- : d.body.clientWidth;
- this.h =
- (window.innerHeight) ? window.innerHeight
- : (d.documentElement && d.documentElement.clientHeight) ? d.documentElement.clientHeight
- : d.body.clientHeight;
- return this;
-};
-function PageSize()
-{ // page size object
- this.win = new WindowSize();
- this.w = 0;
- this.h = 0;
- return this.update();
-}
-PageSize.prototype.update = function()
-{
- var d = document;
- this.w =
- (window.innerWidth && window.scrollMaxX) ? window.innerWidth + window.scrollMaxX
- : (d.body.scrollWidth > d.body.offsetWidth) ? d.body.scrollWidth
- : d.body.offsetWidt;
- this.h =
- (window.innerHeight && window.scrollMaxY) ? window.innerHeight + window.scrollMaxY
- : (d.body.scrollHeight > d.body.offsetHeight) ? d.body.scrollHeight
- : d.body.offsetHeight;
- this.win.update();
- if (this.w < this.win.w) this.w = this.win.w;
- if (this.h < this.win.h) this.h = this.win.h;
- return this;
-};
-function PagePos()
-{ // page position object
- this.x = 0;
- this.y = 0;
- return this.update();
-}
-PagePos.prototype.update = function()
-{
- var d = document;
- this.x =
- (window.pageXOffset) ? window.pageXOffset
- : (d.documentElement && d.documentElement.scrollLeft) ? d.documentElement.scrollLeft
- : (d.body) ? d.body.scrollLeft
- : 0;
- this.y =
- (window.pageYOffset) ? window.pageYOffset
- : (d.documentElement && d.documentElement.scrollTop) ? d.documentElement.scrollTop
- : (d.body) ? d.body.scrollTop
- : 0;
- return this;
-};
-function UserAgent()
-{ // user agent information
- var ua = navigator.userAgent;
- this.isWinIE = this.isMacIE = false;
- this.isGecko = ua.match(/Gecko\//);
- this.isSafari = ua.match(/AppleWebKit/);
- this.isOpera = window.opera;
- if (document.all && !this.isGecko && !this.isSafari && !this.isOpera) {
- this.isWinIE = ua.match(/Win/);
- this.isMacIE = ua.match(/Mac/);
- this.isNewIE = (ua.match(/MSIE 5\.5/) || ua.match(/MSIE 6\.0/));
- }
- return this;
-}
-// === lightbox ===
-function LightBox(option)
-{
- var self = this;
- self._imgs = new Array();
- self._wrap = null;
- self._box = null;
- self._open = -1;
- self._page = new PageSize();
- self._pos = new PagePos();
- self._ua = new UserAgent();
- self._expandable = false;
- self._expanded = false;
- self._expand = option.expandimg;
- self._shrink = option.shrinkimg;
- return self._init(option);
-}
-LightBox.prototype = {
- _init : function(option)
- {
- var self = this;
- var d = document;
- if (!d.getElementsByTagName) return;
- var links = d.getElementsByTagName("a");
- for (var i=0;i<links.length;i++) {
- var anchor = links[i];
- var num = self._imgs.length;
-
- //check if this is a direct link to an image
- if ( (anchor.getAttribute("href") && anchor.getAttribute("rel") == "lightbox") ||
- (lightboxForEveryImg && anchor.getAttribute("class") &&
- anchor.getAttribute("class").match("media") &&
- anchor.firstChild.nodeName.toLowerCase().match("img") &&
- anchor.getAttribute("href") &&
- anchor.getAttribute("href").match("lib/exe/fetch.php|_media/")) ){
- // okay add lightbox
- }else{
- continue;
- }
-
-
- // initialize item
- self._imgs[num] = {src:anchor.getAttribute("href"),w:-1,h:-1,title:'',caption:'',cls:anchor.className};
- if (anchor.getAttribute("title"))
- self._imgs[num].title = anchor.getAttribute("title");
- else if (anchor.firstChild && anchor.firstChild.getAttribute && anchor.firstChild.getAttribute("title"))
- self._imgs[num].title = anchor.firstChild.getAttribute("title");
- if (anchor.firstChild && anchor.firstChild.getAttribute &&
- anchor.firstChild.getAttribute("longdesc")) {
- self._imgs[num].caption = anchor.firstChild.getAttribute("longdesc");
- }
- anchor.onclick = self._genOpener(num); // set closure to onclick event
- }
- var body = d.getElementsByTagName("body")[0];
- self._wrap = self._createWrapOn(body,option.loadingimg);
- self._box = self._createBoxOn(body,option);
- return self;
- },
- _genOpener : function(num)
- {
- var self = this;
- return function() {
- self._show(num);
- if(window.event) window.event.returnValue = false;
- return false;
- }
- },
- _createWrapOn : function(obj,imagePath)
- {
- var self = this;
- if (!obj) return null;
- // create wrapper object, translucent background
- var wrap = document.createElement('div');
- wrap.id = 'gallery__overlay';
- with (wrap.style) {
- display = 'none';
- position = 'fixed';
- top = '0px';
- left = '0px';
- zIndex = '50';
- width = '100%';
- height = '100%';
- }
- if (self._ua.isWinIE) wrap.style.position = 'absolute';
- addEvent(wrap,"click",function() { self._close(); });
- obj.appendChild(wrap);
- // create loading image, animated image
- var imag = new Image;
- imag.onload = function() {
- var spin = document.createElement('img');
- spin.id = 'gallery__loadingImage';
- spin.src = imag.src;
- spin.style.position = 'relative';
- self._set_cursor(spin);
- addEvent(spin,'click',function() { self._close(); });
- wrap.appendChild(spin);
- imag.onload = function(){};
- };
- if (imagePath != '') imag.src = imagePath;
- return wrap;
- },
- _createBoxOn : function(obj,option)
- {
- var self = this;
- if (!obj) return null;
- // create lightbox object, frame rectangle
- var box = document.createElement('div');
- box.id = 'gallery__lightbox';
- with (box.style) {
- display = 'none';
- position = 'absolute';
- zIndex = '60';
- }
- obj.appendChild(box);
- // create image object to display a target image
- var img = document.createElement('img');
- img.id = 'gallery__lightboxImage';
- self._set_cursor(img);
- addEvent(img,'click',function(){ self._close(); });
- addEvent(img,'mouseover',function(){ self._show_action(); });
- addEvent(img,'mouseout',function(){ self._hide_action(); });
- box.appendChild(img);
- var zoom = document.createElement('img');
- zoom.id = 'gallery__actionImage';
- with (zoom.style) {
- display = 'none';
- position = 'absolute';
- top = '15px';
- left = '15px';
- zIndex = '70';
- }
- self._set_cursor(zoom);
- zoom.src = self._expand;
- addEvent(zoom,'mouseover',function(){ self._show_action(); });
- addEvent(zoom,'click', function() { self._zoom(); });
- box.appendChild(zoom);
- addEvent(window,'resize',function(){ self._set_size(true); });
- // close button
- if (option.closeimg) {
- var btn = document.createElement('img');
- btn.id = 'gallery__closeButton';
- with (btn.style) {
- display = 'inline';
- position = 'absolute';
- right = '10px';
- top = '10px';
- zIndex = '80';
- }
- btn.src = option.closeimg;
- self._set_cursor(btn);
- addEvent(btn,'click',function(){ self._close(); });
- box.appendChild(btn);
- }
- // next button
- if (option.nextimg) {
- var btn = document.createElement('img');
- btn.id = 'gallery__nextButton';
- with (btn.style) {
- display = 'inline';
- position = 'absolute';
- right = '10px';
- bottom = '10px';
- zIndex = '80';
- }
- btn.src = option.nextimg;
- self._set_cursor(btn);
- addEvent(btn,'click',function(){ self._move(+1) });
- box.appendChild(btn);
- }
- // prev button
- if (option.previmg) {
- var btn = document.createElement('img');
- btn.id = 'gallery__prevButton';
- with (btn.style) {
- display = 'inline';
- position = 'absolute';
- left = '10px';
- bottom = '10px';
- zIndex = '80';
- }
- btn.src = option.previmg;
- self._set_cursor(btn);
- addEvent(btn,'click',function(){ self._move(-1) });
- box.appendChild(btn);
- }
- // caption text
- var caption = document.createElement('span');
- caption.id = 'gallery__lightboxCaption';
- with (caption.style) {
- display = 'none';
- position = 'absolute';
- zIndex = '80';
- }
- box.appendChild(caption);
- return box;
- },
- _set_photo_size : function()
- {
- var self = this;
- if (self._open == -1) return;
- var imag = self._box.firstChild;
- var targ = { w:self._page.win.w - 30, h:self._page.win.h - 40 };
- var orig = { w:self._imgs[self._open].w, h:self._imgs[self._open].h };
-
- // shrink image with the same aspect
- var ratio = 1.0;
- if ((orig.w >= targ.w || orig.h >= targ.h) && orig.h && orig.w)
- ratio = ((targ.w / orig.w) < (targ.h / orig.h)) ? targ.w / orig.w : targ.h / orig.h;
- imag.width = Math.floor(orig.w * ratio);
- imag.height = Math.floor(orig.h * ratio);
- self._expandable = (ratio < 1.0) ? true : false;
- if (self._ua.isWinIE) self._box.style.display = "block";
- self._box.style.top = [self._pos.y + (self._page.win.h - imag.height - 33) / 2,'px'].join('');
- self._box.style.left = [((self._page.win.w - imag.width - 30) / 2),'px'].join('');
- self._show_caption(true);
- },
- _set_size : function(onResize)
- {
- var self = this;
- if (self._open == -1) return;
- self._page.update();
- self._pos.update();
- var spin = self._wrap.firstChild;
- if (spin) {
- var top = (self._page.win.h - spin.height) / 2;
- if (self._wrap.style.position == 'absolute') top += self._pos.y;
- spin.style.top = [top,'px'].join('');
- spin.style.left = [(self._page.win.w - spin.width - 30) / 2,'px'].join('');
- }
- if (self._ua.isWinIE) {
- self._wrap.style.width = [self._page.win.w,'px'].join('');
- self._wrap.style.height = [self._page.h,'px'].join('');
- }
- if (onResize) self._set_photo_size();
- },
- _show_action : function()
- {
- var self = this;
- if (self._open == -1 || !self._expandable) return;
- var obj = document.getElementById('gallery__actionImage');
- if (!obj) return;
- obj.src = (self._expanded) ? self._shrink : self._expand;
- obj.style.display = 'inline';
- },
- _hide_action : function()
- {
- var self = this;
- var obj = document.getElementById('gallery__actionImage');
- if (obj) obj.style.display = 'none';
- },
- _zoom : function()
- {
- var self = this;
- if (self._expanded) {
- self._set_photo_size();
- self._expanded = false;
- } else if (self._open > -1) {
- var imag = self._box.firstChild;
- self._box.style.top = [self._pos.y,'px'].join('');
- self._box.style.left = '0px';
- imag.width = self._imgs[self._open].w;
- imag.height = self._imgs[self._open].h;
- self._show_caption(false);
- self._expanded = true;
- }
- self._show_action();
- },
- _show_caption : function(enable)
- {
- var self = this;
- var caption = document.getElementById('gallery__lightboxCaption');
- if (!caption) return;
- if (caption.innerHTML.length == 0 || !enable) {
- caption.style.display = 'none';
- } else { // now display caption
- var imag = self._box.firstChild;
- with (caption.style) {
- top = [imag.height + 10,'px'].join(''); // 10 is top margin of lightbox
- left = '0px';
- width = [imag.width + 20,'px'].join(''); // 20 is total side margin of lightbox
- height = '';
- paddingBottom = '3px';
- display = 'block';
- }
- }
- },
- _move : function(by)
- {
- var self = this;
- var num = self._open + by;
- // wrap around at start and end
- if(num < 0) num = self._imgs.length - 1;
- if(num >= self._imgs.length) num = 0;
-
- self._disable_keyboard();
- self._hide_action();
- self._box.style.display = "none";
- self._show(num);
- },
- _show : function(num)
- {
- var self = this;
- var imag = new Image;
- if (num < 0 || num >= self._imgs.length) return;
- var loading = document.getElementById('gallery__loadingImage');
- var caption = document.getElementById('gallery__lightboxCaption');
- self._open = num; // set opened image number
- self._set_size(false); // calc and set wrapper size
- self._wrap.style.display = "block";
- if (loading) loading.style.display = 'inline';
- imag.onload = function() {
- if (self._imgs[self._open].w == -1) {
- // store original image width and height
- self._imgs[self._open].w = imag.width;
- self._imgs[self._open].h = imag.height;
- }
- if (caption) caption.innerHTML = '<b>'+self.hsc(self._imgs[self._open].title) + '</b><br />' +
- self.hsc(self._imgs[self._open].caption);
- self._set_photo_size(); // calc and set lightbox size
- self._hide_action();
- self._box.style.display = "block";
- self._box.firstChild.src = imag.src;
- self._box.firstChild.setAttribute('title',self._imgs[self._open].title);
- if (loading) loading.style.display = 'none';
- };
- self._expandable = false;
- self._expanded = false;
- self._enable_keyboard();
- imag.src = self._imgs[self._open].src;
- self._preload_neighbors(num);
- },
- _preload_neighbors: function(num){
- var self = this;
-
- if((self._imgs.length - 1) > num){
- var preloadNextImage = new Image();
- preloadNextImage.src = self._imgs[num + 1].src;
- }
- if(num > 0){
- var preloadPrevImage = new Image();
- preloadPrevImage.src = self._imgs[num - 1].src;
- }
- },
- _set_cursor : function(obj)
- {
- var self = this;
- if (self._ua.isWinIE && !self._ua.isNewIE) return;
- obj.style.cursor = 'pointer';
- },
- _close : function()
- {
- var self = this;
- self._open = -1;
- self._disable_keyboard();
- self._hide_action();
- self._wrap.style.display = "none";
- self._box.style.display = "none";
- },
- _enable_keyboard: function()
- {
- //globally store refernce to current lightbox object:
- __lightbox = this;
- addEvent(document,'keydown',this._keyboard_action);
- },
- _disable_keyboard: function()
- {
- //remove global pointer:
- delete __lightbox;
- removeEvent(document,'keydown',this._keyboard_action);
- },
- _keyboard_action: function(e) {
- var self = __lightbox;
- var keycode = 0;
-
- if(e.which){ // mozilla
- keycode = e.which;
- }else{ // IE
- keycode = event.keyCode;
- }
-
- var key = String.fromCharCode(keycode).toLowerCase();
- if((key == 'x') || (key == 'c') || (keycode == 27)){ // close lightbox
- self._close();
- } else if( (key == 'p') || (keycode == 37) ){ // display previous image
- self._move(-1);
- } else if(key == 'n' || (keycode == 39) ){ // display next image
- self._move(+1);
- }
- },
-
- hsc: function(str) {
- str = str.replace(/&/g,"&amp;");
- str = str.replace(/\"/g,"&quot;");
- str = str.replace(/\'/g,"&#039;");
- str = str.replace(/</g,"&lt;");
- str = str.replace(/>/g,"&gt;");
- return str;
- }
-
-};
+/* DOKUWIKI:include_once jquery.prettyPhoto.js */
/**
* Add a quicklink to the media popup
*/
function gallery_plugin(){
- var opts = $('media__opts');
- if(!opts) return;
+ var $opts = jQuery('#media__opts');
+ if(!$opts.length) return;
if(!window.opener) return;
var glbl = document.createElement('label');
var glnk = document.createElement('a');
var gbrk = document.createElement('br');
glnk.name = 'gallery_plugin';
- glnk.innerHTML = 'Add namespace as gallery';
+ glnk.innerHTML = 'Add namespace as gallery'; //FIXME localize
glnk.style.cursor = 'pointer';
glnk.onclick = function(){
- var h1 = $('media__ns');
- if(!h1) return;
- var ns = h1.innerHTML;
+ var $h1 = jQuery('#media__ns');
+ if(!$h1.length) return;
+ var ns = $h1[0].innerHTML;
opener.insertAtCarret('wiki__text','{{gallery>'+ns+'}}');
- if(!media.keepopen) window.close();
+ if(!dw_mediamanager.keepopen) window.close();
};
- opts.appendChild(glbl);
+ $opts[0].appendChild(glbl);
glbl.appendChild(glnk);
- opts.appendChild(gbrk);
+ $opts[0].appendChild(gbrk);
}
/**
@@ -562,42 +33,28 @@ function gallery_plugin(){
*/
function gallery_pageselect(e){
var galid = e.target.hash.substr(10,4);
-
- var pages = getElementsByClass('gallery__'+galid,document,'div');
- for(var i=0; i<pages.length; i++){
- if(pages[i].id == e.target.hash.substr(1)){
- pages[i].style.display = '';
- }else{
- pages[i].style.display = 'none';
- }
- }
+ var $pages = jQuery('div.gallery__'+galid);
+ $pages.hide();
+ $pages.find(e.target.hash.substr(1)).show();
return false;
}
// === main ===
-addInitEvent(function() {
- var lightbox = new LightBox({
- loadingimg:DOKU_BASE+'lib/plugins/gallery/images/loading.gif',
- expandimg:DOKU_BASE+'lib/plugins/gallery/images/expand.gif',
- shrinkimg:DOKU_BASE+'lib/plugins/gallery/images/shrink.gif',
- closeimg:DOKU_BASE+'lib/plugins/gallery/images/close.gif',
- nextimg:DOKU_BASE+'lib/plugins/gallery/images/next.gif',
- previmg:DOKU_BASE+'lib/plugins/gallery/images/prev.gif'
+jQuery(function(){
+ jQuery("a.lightbox").prettyPhoto({
+ overlay_gallery: false,
+ slideshow: 2000,
+ description_src: 'longdesc'
});
+
gallery_plugin();
// hide all pages except the first one
- var pages = getElementsByClass('gallery_page',document,'div');
- for(var i=0; i<pages.length; i++){
- if(!pages[i].id.match(/_1/)){
- pages[i].style.display = 'none';
- }
- }
+ var $pages = jQuery('div.gallery_page');
+ $pages.hide();
+ $pages.eq(0).show();
// attach page selector
- var pgsel = getElementsByClass('gallery_pgsel',document,'a');
- for(var i=0; i<pgsel.length; i++){
- addEvent(pgsel[i],'click',gallery_pageselect);
- }
-
+ jQuery('a.gallery_pgsel').click(gallery_pageselect);
});
+
604 style.css
View
@@ -1,79 +1,525 @@
-div.dokuwiki div.gallery table td {
- padding: 1em;
- text-align: center;
- vertical-align: middle;
-}
-
-div.dokuwiki div.gallery table img.tn {
- padding: 0.4em;
- border: 1px solid #000;
-}
-
-div.dokuwiki div.gallery {
- clear: left;
- margin-bottom: 1em;
-}
-
-/*div.dokuwiki div.gallery div {
- float: left;
-}*/
-
-div.dokuwiki div.gallery img.tn {
- margin: 9px;
- vertical-align: middle;
- padding: 0.4em;
- border: 1px solid #000;
-}
-
-div.dokuwiki div.gallery_left {
- float: left;
-}
-
-div.dokuwiki div.gallery div {
- float: left;
-}
-
-div.dokuwiki div.gallery_right {
- float: right;
-}
-
-div.dokuwiki div.gallery_center {
- margin-left: auto;
- margin-right: auto;
-}
-
-div.dokuwiki div.gallery_center {
- width: 80%;
- text-align: center;
-}
-
-/* for pagination */
-div.dokuwiki div.gallery div.gallery_pages {
- float: none;
- text-align: left;
-}
-
-/* for lightbox */
-
-#gallery__lightbox {
- background-color: #eee;
- padding: 10px;
- border-bottom: 1px solid #666;
- border-right: 1px solid #666;
-}
-#gallery__overlay {
- background-image: url(images/overlay.png);
-}
-#gallery__lightboxCaption {
- color: #333;
- background-color: #eee;
- font-size: 10px;
- line-height: 10px;
- text-align: center;
- border-bottom: 1px solid #666;
- border-right: 1px solid #666;
-}
-
-* html #gallery__overlay {
- background-image: url(images/overlayie.png);
-}
+/* ------------------------------------------------------------------------
+ This you can edit.
+------------------------------------------------------------------------- */
+
+ /* ----------------------------------
+ Default Theme
+ ----------------------------------- */
+
+ div.pp_default .pp_top,
+ div.pp_default .pp_top .pp_middle,
+ div.pp_default .pp_top .pp_left,
+ div.pp_default .pp_top .pp_right,
+ div.pp_default .pp_bottom,
+ div.pp_default .pp_bottom .pp_left,
+ div.pp_default .pp_bottom .pp_middle,
+ div.pp_default .pp_bottom .pp_right { height: 13px; }
+
+ div.pp_default .pp_top .pp_left { background: url(prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
+ div.pp_default .pp_top .pp_middle { background: url(prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
+ div.pp_default .pp_top .pp_right { background: url(prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
+
+ div.pp_default .pp_content .ppt { color: #f8f8f8; }
+ div.pp_default .pp_content_container .pp_left { background: url(prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
+ div.pp_default .pp_content_container .pp_right { background: url(prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
+ div.pp_default .pp_content { background-color: #fff; } /* Content background */
+ div.pp_default .pp_next:hover { background: url(prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.pp_default .pp_previous:hover { background: url(prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
+ div.pp_default .pp_expand { background: url(prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
+ div.pp_default .pp_expand:hover { background: url(prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.pp_default .pp_contract { background: url(prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
+ div.pp_default .pp_contract:hover { background: url(prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.pp_default .pp_close { width: 30px; height: 30px; background: url(prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
+ div.pp_default #pp_full_res .pp_inline { color: #000; }
+ div.pp_default .pp_gallery ul li a { background: url(prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
+ div.pp_default .pp_gallery ul li a:hover,
+ div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
+ div.pp_default .pp_social { margin-top: 7px; }
+
+ div.pp_default .pp_gallery a.pp_arrow_previous,
+ div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
+ div.pp_default .pp_nav .pp_play,
+ div.pp_default .pp_nav .pp_pause { background: url(prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
+ div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
+ div.pp_default .pp_details { position: relative; }
+ div.pp_default a.pp_arrow_previous,
+ div.pp_default a.pp_arrow_next { background: url(prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
+ div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
+ div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
+ div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
+ div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
+
+ div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
+
+ div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
+
+ div.pp_default .pp_bottom .pp_left { background: url(prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
+ div.pp_default .pp_bottom .pp_middle { background: url(prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
+ div.pp_default .pp_bottom .pp_right { background: url(prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */
+
+ div.pp_default .pp_loaderIcon { background: url(prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */
+
+
+ /* ----------------------------------
+ Light Rounded Theme
+ ----------------------------------- */
+
+
+ div.light_rounded .pp_top .pp_left { background: url(prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
+ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
+ div.light_rounded .pp_top .pp_right { background: url(prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
+
+ div.light_rounded .pp_content .ppt { color: #000; }
+ div.light_rounded .pp_content_container .pp_left,
+ div.light_rounded .pp_content_container .pp_right { background: #fff; }
+ div.light_rounded .pp_content { background-color: #fff; } /* Content background */
+ div.light_rounded .pp_next:hover { background: url(prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.light_rounded .pp_previous:hover { background: url(prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+ div.light_rounded .pp_expand { background: url(prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.light_rounded .pp_expand:hover { background: url(prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.light_rounded .pp_contract { background: url(prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.light_rounded .pp_contract:hover { background: url(prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.light_rounded .pp_details { position: relative; }
+ div.light_rounded .pp_description { margin-right: 85px; }
+ div.light_rounded #pp_full_res .pp_inline { color: #000; }
+ div.light_rounded .pp_gallery a.pp_arrow_previous,
+ div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.light_rounded .pp_nav .pp_play { background: url(prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.light_rounded .pp_nav .pp_pause { background: url(prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.light_rounded .pp_arrow_previous { background: url(prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.light_rounded .pp_arrow_next { background: url(prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.light_rounded .pp_bottom .pp_left { background: url(prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
+ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
+ div.light_rounded .pp_bottom .pp_right { background: url(prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
+
+ div.light_rounded .pp_loaderIcon { background: url(prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
+
+ /* ----------------------------------
+ Dark Rounded Theme
+ ----------------------------------- */
+
+ div.dark_rounded .pp_top .pp_left { background: url(prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
+ div.dark_rounded .pp_top .pp_middle { background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
+ div.dark_rounded .pp_top .pp_right { background: url(prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
+
+ div.dark_rounded .pp_content_container .pp_left { background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
+ div.dark_rounded .pp_content_container .pp_right { background: url(prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
+ div.dark_rounded .pp_content { background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
+ div.dark_rounded .pp_next:hover { background: url(prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.dark_rounded .pp_previous:hover { background: url(prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+ div.dark_rounded .pp_expand { background: url(prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.dark_rounded .pp_expand:hover { background: url(prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.dark_rounded .pp_contract { background: url(prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.dark_rounded .pp_contract:hover { background: url(prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.dark_rounded .pp_details { position: relative; }
+ div.dark_rounded .pp_description { margin-right: 85px; }
+ div.dark_rounded .currentTextHolder { color: #c4c4c4; }
+ div.dark_rounded .pp_description { color: #fff; }
+ div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
+ div.dark_rounded .pp_gallery a.pp_arrow_previous,
+ div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.dark_rounded .pp_nav .pp_play { background: url(prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.dark_rounded .pp_nav .pp_pause { background: url(prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.dark_rounded .pp_arrow_previous { background: url(prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.dark_rounded .pp_arrow_next { background: url(prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.dark_rounded .pp_bottom .pp_left { background: url(prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
+ div.dark_rounded .pp_bottom .pp_middle { background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
+ div.dark_rounded .pp_bottom .pp_right { background: url(prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
+
+ div.dark_rounded .pp_loaderIcon { background: url(prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
+
+
+ /* ----------------------------------
+ Dark Square Theme
+ ----------------------------------- */
+
+ div.dark_square .pp_left ,
+ div.dark_square .pp_middle,
+ div.dark_square .pp_right,
+ div.dark_square .pp_content { background: #000; }
+
+ div.dark_square .currentTextHolder { color: #c4c4c4; }
+ div.dark_square .pp_description { color: #fff; }
+ div.dark_square .pp_loaderIcon { background: url(prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
+
+ div.dark_square .pp_expand { background: url(prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.dark_square .pp_expand:hover { background: url(prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.dark_square .pp_contract { background: url(prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.dark_square .pp_contract:hover { background: url(prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.dark_square .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.dark_square .pp_details { position: relative; }
+ div.dark_square .pp_description { margin: 0 85px 0 0; }
+ div.dark_square #pp_full_res .pp_inline { color: #fff; }
+ div.dark_square .pp_gallery a.pp_arrow_previous,
+ div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.dark_square .pp_nav { clear: none; }
+ div.dark_square .pp_nav .pp_play { background: url(prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.dark_square .pp_nav .pp_pause { background: url(prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.dark_square .pp_arrow_previous { background: url(prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.dark_square .pp_arrow_next { background: url(prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.dark_square .pp_next:hover { background: url(prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.dark_square .pp_previous:hover { background: url(prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+
+
+ /* ----------------------------------
+ Light Square Theme
+ ----------------------------------- */
+
+ div.light_square .pp_left ,
+ div.light_square .pp_middle,
+ div.light_square .pp_right,
+ div.light_square .pp_content { background: #fff; }
+
+ div.light_square .pp_content .ppt { color: #000; }
+ div.light_square .pp_expand { background: url(prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.light_square .pp_expand:hover { background: url(prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.light_square .pp_contract { background: url(prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.light_square .pp_contract:hover { background: url(prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.light_square .pp_close { width: 75px; height: 22px; background: url(prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.light_square .pp_details { position: relative; }
+ div.light_square .pp_description { margin-right: 85px; }
+ div.light_square #pp_full_res .pp_inline { color: #000; }
+ div.light_square .pp_gallery a.pp_arrow_previous,
+ div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.light_square .pp_nav .pp_play { background: url(prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.light_square .pp_nav .pp_pause { background: url(prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.light_square .pp_arrow_previous { background: url(prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.light_square .pp_arrow_next { background: url(prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.light_square .pp_next:hover { background: url(prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.light_square .pp_previous:hover { background: url(prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+
+ div.light_square .pp_loaderIcon { background: url(prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
+
+
+ /* ----------------------------------
+ Facebook style Theme
+ ----------------------------------- */
+
+ div.facebook .pp_top .pp_left { background: url(prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
+ div.facebook .pp_top .pp_middle { background: url(prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
+ div.facebook .pp_top .pp_right { background: url(prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
+
+ div.facebook .pp_content .ppt { color: #000; }
+ div.facebook .pp_content_container .pp_left { background: url(prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
+ div.facebook .pp_content_container .pp_right { background: url(prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
+ div.facebook .pp_content { background: #fff; } /* Content background */
+ div.facebook .pp_expand { background: url(prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.facebook .pp_expand:hover { background: url(prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.facebook .pp_contract { background: url(prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.facebook .pp_contract:hover { background: url(prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.facebook .pp_close { width: 22px; height: 22px; background: url(prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.facebook .pp_details { position: relative; }
+ div.facebook .pp_description { margin: 0 37px 0 0; }
+ div.facebook #pp_full_res .pp_inline { color: #000; }
+ div.facebook .pp_loaderIcon { background: url(prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
+
+ div.facebook .pp_arrow_previous { background: url(prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
+ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
+ div.facebook .pp_arrow_next { background: url(prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
+ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
+ div.facebook .pp_nav { margin-top: 0; }
+ div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
+ div.facebook .pp_nav .pp_play { background: url(prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
+ div.facebook .pp_nav .pp_pause { background: url(prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
+
+ div.facebook .pp_next:hover { background: url(prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.facebook .pp_previous:hover { background: url(prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+
+ div.facebook .pp_bottom .pp_left { background: url(prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
+ div.facebook .pp_bottom .pp_middle { background: url(prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
+ div.facebook .pp_bottom .pp_right { background: url(prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
+
+
+/* ------------------------------------------------------------------------
+ DO NOT CHANGE
+------------------------------------------------------------------------- */
+
+ div.pp_pic_holder a:focus { outline:none; }
+
+ div.pp_overlay {
+ background: #000;
+ display: none;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 9500;
+ }
+
+ div.pp_pic_holder {
+ display: none;
+ position: absolute;
+ width: 100px;
+ z-index: 10000;
+ }
+
+
+ .pp_top {
+ height: 20px;
+ position: relative;
+ }
+ * html .pp_top { padding: 0 20px; }
+
+ .pp_top .pp_left {
+ height: 20px;
+ left: 0;
+ position: absolute;
+ width: 20px;
+ }
+ .pp_top .pp_middle {
+ height: 20px;
+ left: 20px;
+ position: absolute;
+ right: 20px;
+ }
+ * html .pp_top .pp_middle {
+ left: 0;
+ position: static;
+ }
+
+ .pp_top .pp_right {
+ height: 20px;
+ left: auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 20px;
+ }
+
+ .pp_content { height: 40px; min-width: 40px; }
+ * html .pp_content { width: 40px; }
+
+ .pp_fade { display: none; }
+
+ .pp_content_container {
+ position: relative;
+ text-align: left;
+ width: 100%;
+ }
+
+ .pp_content_container .pp_left { padding-left: 20px; }
+ .pp_content_container .pp_right { padding-right: 20px; }
+
+ .pp_content_container .pp_details {
+ float: left;
+ margin: 10px 0 2px 0;
+ }
+ .pp_description {
+ display: none;
+ margin: 0;
+ }
+
+ .pp_social { float: left; margin: 0; }
+ .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
+ .pp_social .twitter { float: left; }
+
+ .pp_nav {
+ clear: right;
+ float: left;
+ margin: 3px 10px 0 0;
+ }
+
+ .pp_nav p {
+ float: left;
+ margin: 2px 4px;
+ white-space: nowrap;
+ }
+
+ .pp_nav .pp_play,
+ .pp_nav .pp_pause {
+ float: left;
+ margin-right: 4px;
+ text-indent: -10000px;
+ }
+
+ a.pp_arrow_previous,
+ a.pp_arrow_next {
+ display: block;
+ float: left;
+ height: 15px;
+ margin-top: 3px;
+ overflow: hidden;
+ text-indent: -10000px;
+ width: 14px;
+ }
+
+ .pp_hoverContainer {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 2000;
+ }
+
+ .pp_gallery {
+ display: none;
+ left: 50%;
+ margin-top: -50px;
+ position: absolute;
+ z-index: 10000;
+ }
+
+ .pp_gallery div {
+ float: left;
+ overflow: hidden;
+ position: relative;
+ }
+
+ .pp_gallery ul {
+ float: left;
+ height: 35px;
+ margin: 0 0 0 5px;
+ padding: 0;
+ position: relative;
+ white-space: nowrap;
+ }
+
+ .pp_gallery ul a {
+ border: 1px #000 solid;
+ border: 1px rgba(0,0,0,0.5) solid;
+ display: block;
+ float: left;
+ height: 33px;
+ overflow: hidden;
+ }
+
+ .pp_gallery ul a:hover,
+ .pp_gallery li.selected a { border-color: #fff; }
+
+ .pp_gallery ul a img { border: 0; }
+
+ .pp_gallery li {
+ display: block;
+ float: left;
+ margin: 0 5px 0 0;
+ padding: 0;
+ }
+
+ .pp_gallery li.default a {
+ background: url(prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
+ display: block;
+ height: 33px;
+ width: 50px;
+ }
+
+ .pp_gallery li.default a img { display: none; }
+
+ .pp_gallery .pp_arrow_previous,
+ .pp_gallery .pp_arrow_next {
+ margin-top: 7px !important;
+ }
+
+ a.pp_next {
+ background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
+ display: block;
+ float: right;
+ height: 100%;
+ text-indent: -10000px;
+ width: 49%;
+ }
+
+ a.pp_previous {
+ background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
+ display: block;
+ float: left;
+ height: 100%;
+ text-indent: -10000px;
+ width: 49%;
+ }
+
+ a.pp_expand,
+ a.pp_contract {
+ cursor: pointer;
+ display: none;
+ height: 20px;
+ position: absolute;
+ right: 30px;
+ text-indent: -10000px;
+ top: 10px;
+ width: 20px;
+ z-index: 20000;
+ }
+
+ a.pp_close {
+ position: absolute; right: 0; top: 0;
+ display: block;
+ line-height:22px;
+ text-indent: -10000px;
+ }
+
+ .pp_bottom {
+ height: 20px;
+ position: relative;
+ }
+ * html .pp_bottom { padding: 0 20px; }
+
+ .pp_bottom .pp_left {
+ height: 20px;
+ left: 0;
+ position: absolute;
+ width: 20px;
+ }
+ .pp_bottom .pp_middle {
+ height: 20px;
+ left: 20px;
+ position: absolute;
+ right: 20px;
+ }
+ * html .pp_bottom .pp_middle {
+ left: 0;
+ position: static;
+ }
+
+ .pp_bottom .pp_right {
+ height: 20px;
+ left: auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 20px;
+ }
+
+ .pp_loaderIcon {
+ display: block;
+ height: 24px;
+ left: 50%;
+ margin: -12px 0 0 -12px;
+ position: absolute;
+ top: 50%;
+ width: 24px;
+ }
+
+ #pp_full_res {
+ line-height: 1 !important;
+ }
+
+ #pp_full_res .pp_inline {
+ text-align: left;
+ }
+
+ #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
+
+ div.ppt {
+ color: #fff;
+ display: none;
+ font-size: 17px;
+ margin: 0 0 5px 15px;
+ z-index: 9999;
+ }
2  syntax.php
View
@@ -531,7 +531,7 @@ function _image(&$img,$data){
if($data['lightbox']){
$href = ml($img['id'],$dim_lightbox);
$a['class'] = "lightbox JSnocheck";
- $a['rel'] = "lightbox";
+ $a['rel'] = 'lightbox[gal-'.substr(md5($ID),4).']'; //unique ID for the gallery
}elseif($img['detail'] && !$data['direct']){
$href = $img['detail'];
}else{
Please sign in to comment.
Something went wrong with that request. Please try again.