v0.9.0

Kris-B · Oct 15, 2015 · c7da043 · c7da043
1 parent 69ec49e
commit c7da043
Show file tree

Hide file tree

Showing 39 changed files with 7,793 additions and 6,483 deletions.
diff --git a/README.md b/README.md
@@ -1,17 +1,13 @@
-### nanoPhotosProvider
-#### extension for nanoGALLERY
+## nanoPhotosProvider
+### extension for nanoGALLERY
+
 
-
-<br />
-<br />
-Publish your self-hosted photos simply and automatically to nanoGALLERY.
-Content is providing on demand when browsing the albums of the gallery.
-Generates thumbnails automatically.
+Publish your self-hosted photos simply and automatically to nanoGALLERY.  
+Content is providing on demand when browsing the albums of the gallery.  
+Generates thumbnails automatically.  
 
 To be used as an add-on for nanoGALLERY (http://nanogallery.brisbois.fr).
 
-<br />
-<br />
 ### Usage
 
 ##### Step 1: installation
@@ -63,6 +59,11 @@ Please note that the thumbnails are never purged, so you may delete the `_thumbn
 JPEG, GIF and PNG.
 
 <br />
+
+### Known bug
+The nanoGALLERY option `locationHash` should not be enabled the albums have more than 2 levels.  
+
+
 ### License
 nanoPhotosProvider is licensed under [CC BY-NC 3.0](http://creativecommons.org/licenses/by-nc/3.0/).  
 Only for personal, non-profit organizations, or open source projects (without any kind of fee), you may use nanoPhotosProvider for free.

diff --git a/demonstration/css/nanogallery.css b/demonstration/css/nanogallery.css
@@ -15,6 +15,9 @@
 	-o-box-sizing: content-box;
 	overflow: hidden;
   visibility: visible;
+  -webkit-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
 }
 
 
@@ -384,7 +387,18 @@
 	-o-box-sizing: content-box;
 	overflow:hidden;
 }
-
+.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer input{
+  opacity: 0;
+}
+.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer:hover input{
+  opacity: 0.8;
+}
+.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .selected{
+  opacity: 0.5;
+}
+.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .selected + input{
+  opacity: 1;
+}
 .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .subcontainer{
 	/* no border or padding allowed here */
   box-sizing: content-box;
@@ -540,7 +554,8 @@
 /* THUMBNAIL PAGINATION               */
 /**************************************/
 
-.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination{
+.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPagination,
+.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPaginationDot {
 	/*color:#eee;*/
   margin: 10px auto 5px auto;
 	padding: 4px;
@@ -579,11 +594,29 @@
 	display: inline-block;
 }
 
+.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPaginationDot .paginationItem{
+  width: 8px;
+  height: 8px;
+  border: 2px solid #fff;
+  background: #444;
+  border-radius: 50%;
+	margin: 0px 5px;
+	white-space: nowrap;
+	cursor:pointer;
+	vertical-align: middle;
+	display: inline-block;
+  opacity: 0.50;
+}
+.nanogallery_theme_default .nanoGalleryContainerParent .nanoGalleryPaginationDot .currentPage{
+  background: #fff;
+  opacity: 1;
+}
+
 
 /**************************************/
 /* INTERNAL VIEWER                    */
 /**************************************/
-.nanogallery_theme_default .nanoGalleryViewer {
+.nanogallery_theme_default #nanoGalleryViewer {
 	display:block;
 	/*font-size:1em;*/
 	background-color: rgba(1, 1, 1, 0.75);
@@ -599,7 +632,7 @@
   width:100%;
   clear:both;
 }
-.nanogallery_theme_default .nanoGalleryViewer .nanoLogo {
+.nanogallery_theme_default #nanoGalleryViewer .nanoLogo {
   text-align: center;
   float: left;
   position: relative;
@@ -610,10 +643,10 @@
   width: 120px;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .closeButtonFloating {
-	cursor:pointer;
-	right:0px;
-	top:0px;
+.nanogallery_theme_default #nanoGalleryViewer .closeButtonFloating {
+	cursor: pointer;
+	right: 0px;
+	top: 0px;
 	padding: 5px 5px 25px 25px;
 	position:absolute;
 	opacity:1;
@@ -622,7 +655,7 @@
 	-moz-transition: all 0.2s ease;
 	-o-transition: all 0.2s ease;
 }
-.nanogallery_theme_default .nanoGalleryViewer .closeButtonFloating:after {
+.nanogallery_theme_default #nanoGalleryViewer .closeButtonFloating:after {
 	color: #ddd; 
 	background: rgba(0,0,0,0.2);
   padding: 5px 0 5px 5px;
@@ -640,11 +673,11 @@
 	font-variant: normal;
 	text-transform: none;	
 }
-.nanogallery_theme_default .nanoGalleryViewer  .closeButtonFloating:hover {
+.nanogallery_theme_default #nanoGalleryViewer  .closeButtonFloating:hover {
 	opacity: 0.3;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .content {
+.nanogallery_theme_default #nanoGalleryViewer .content {
 	/*display:block;*/
 	/*position:relative;*/
   position:absolute;
@@ -659,7 +692,7 @@
 	-moz-box-sizing: content-box;
 	-o-box-sizing: content-box;
 }
-.nanogallery_theme_default .nanoGalleryViewer .content img{
+.nanogallery_theme_default #nanoGalleryViewer .content img{
 	/* never define a margin here */
   background:url('loading.gif') no-repeat center;
 	border:4px solid #f8f8f8;
@@ -676,11 +709,11 @@
 	-moz-box-sizing: content-box;
 	-o-box-sizing: content-box;
 }
-.nanogallery_theme_default .nanoGalleryViewer .content .imgCurrent{
+.nanogallery_theme_default #nanoGalleryViewer .content .imgCurrent{
 	cursor:pointer;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious {
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious {
 	color: #ddd; 
 	display:block;
 	position:absolute;
@@ -702,13 +735,13 @@
 	-moz-box-sizing: content-box;
 	-o-box-sizing: content-box;
 }
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious:after{
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious:after{
 	content: '\e81b';	/* .icon-left-open */
 	background: rgba(0,0,0,0.2);
   padding: 5px 0;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext {
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext {
 	color: #ddd; 
 	display:block;
 	position:absolute;
@@ -730,13 +763,13 @@
 	-moz-box-sizing: content-box;
 	-o-box-sizing: content-box;
 }
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext:after{
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext:after{
 	content: '\e81c';	/* .icon-right-open */
 	background: rgba(0,0,0,0.2);
   padding: 5px 0;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbarContainer {
+.nanogallery_theme_default #nanoGalleryViewer .toolbarContainer {
 	bottom:0px;
   left:0px;
   right:0px;
@@ -745,7 +778,7 @@
   position:absolute;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar {
+.nanogallery_theme_default #nanoGalleryViewer .toolbar {
   display:inline-block;
 	vertical-align:middle;
 	overflow:hidden;
@@ -758,7 +791,7 @@
 	-o-box-sizing: content-box;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .ngbt {
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .ngbt {
 	display: table-cell;
 	cursor:pointer;
 	padding:5px;
@@ -769,8 +802,8 @@
 	-o-box-sizing: content-box;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious:after,
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext:after {
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious:after,
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext:after {
 	font-size:1.5em;
 	margin-left: .2em;
 	margin-right: .2em;
@@ -791,7 +824,7 @@
 	-moz-transition: all 0.2s ease;
 	-o-transition: all 0.2s ease;
 }
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .ngbt:after {
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .ngbt:after {
 	font-size:1.5em;
 	margin-left: .2em;
 	margin-right: .2em;
@@ -811,54 +844,54 @@
 	-moz-transition: all 0.2s ease;
 	-o-transition: all 0.2s ease;
 }
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaPrevious:hover,
-.nanogallery_theme_default .nanoGalleryViewer .content .contentAreaNext:hover,
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .ngbt:hover:after {
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaPrevious:hover,
+.nanogallery_theme_default #nanoGalleryViewer .content .contentAreaNext:hover,
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .ngbt:hover:after {
 	opacity: 0.3;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .previousButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .previousButton:after{
 	content: '\e81b';	/* .icon-left-open */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .nextButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .nextButton:after{
 	content: '\e81c';	/* .icon-right-open */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .closeButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .closeButton:after{
 	content: '\e80a';	/* .icon-cancel */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .playButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .playButton:after{
 	content: '\e81a';	/* .icon-play */
 }
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .pauseButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .pauseButton:after{
 	content: '\e81d';	/* .icon-pause */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .setFullscreenButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .setFullscreenButton:after{
 	content: '\e827';	/* icon-resize-full */
 }
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .removeFullscreenButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .removeFullscreenButton:after{
 	content: '\e828';	/* icon-resize-small */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .infoButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .infoButton:after{
 	content: '\e82c';	/* icon-info */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .linkOriginalButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .linkOriginalButton:after{
 	content: '\e80d';	/* icon-link-ext */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .viewToolbarButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .viewToolbarButton:after{
 	content: '\e817';	/* icon-menu */
 }
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .hideToolbarButton:after{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .hideToolbarButton:after{
 	content: '\e81e';	/* icon-ellipsis-vert */
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .pageCounter{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .pageCounter{
 	display: table-cell;
 	font-size:1em;
 	margin:auto;
@@ -870,7 +903,7 @@
 	-o-box-sizing: content-box;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .label{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .label{
   padding:3px 10px 3px 10px;
 	border-left: 0px solid #000;
 	overflow: hidden;
@@ -885,7 +918,7 @@
   background-color:initial;
 }
 
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .label .title{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .label .title{
 	font-size:1em;
 	margin:auto;
 	vertical-align:middle;
@@ -895,7 +928,7 @@
 	-moz-box-sizing: content-box;
 	-o-box-sizing: content-box;
 }
-.nanogallery_theme_default .nanoGalleryViewer .toolbar .label .description{
+.nanogallery_theme_default #nanoGalleryViewer .toolbar .label .description{
 	font-size:.8em;
 	display:table-row;
 	vertical-align:middle;
@@ -939,14 +972,22 @@
 /**************************************/
 /* LOADING BAR                        */
 /**************************************/
-.nanogallery_theme_default .nanoGalleryLBar {
+.nanogallery_theme_default .nanoGalleryLBarOff {
 	position:relative;
   width:100%;
   visibility: hidden;
   height:2px;
   margin:0 0 1px 0;
   background-color:#555;
 }
+.nanogallery_theme_default .nanoGalleryLBar {
+	position:relative;
+  width:100%;
+  visibility: visible;
+  height:2px;
+  margin:0 0 1px 0;
+  background-color:#555;
+}
 .nanogallery_theme_default .nanoGalleryLBar > div {
 	position:absolute;
 	width:50px;