Fixed styles for nextgen-light 5

diff --git a/css/app.css b/css/app.css
index 5356554..d147d23 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6835,12 +6835,12 @@ h2#block-title {
     display: none; }
 
 /* Styles for specific templates */
-#gallery-glmphotos-light-3 .special {
+#gallery-glmphotos-light-3 .special, #gallery-glmphotos-light-5 .special {
   clear: both;
   max-width: 270px;
   margin: 0 auto;
   text-align: center; }
-  #gallery-glmphotos-light-3 .special a {
+  #gallery-glmphotos-light-3 .special a, #gallery-glmphotos-light-5 .special a {
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-origin: border-box;
@@ -6860,50 +6860,50 @@ h2#block-title {
     -ms-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease; }
-  #gallery-glmphotos-light-3 .special a:hover {
+  #gallery-glmphotos-light-3 .special a:hover, #gallery-glmphotos-light-5 .special a:hover {
     border-width: 0;
     border-color: rgba(0, 0, 0, 0.5); }
-  #gallery-glmphotos-light-3 .special .one {
+  #gallery-glmphotos-light-3 .special .one, #gallery-glmphotos-light-5 .special .one {
     border-style: solid; }
-  #gallery-glmphotos-light-3 .special .two {
+  #gallery-glmphotos-light-3 .special .two, #gallery-glmphotos-light-5 .special .two {
     border-style: dashed; }
-  #gallery-glmphotos-light-3 .special .three {
+  #gallery-glmphotos-light-3 .special .three, #gallery-glmphotos-light-5 .special .three {
     border-style: dotted; }
-  #gallery-glmphotos-light-3 .special .yon {
+  #gallery-glmphotos-light-3 .special .yon, #gallery-glmphotos-light-5 .special .yon {
     border: 50px solid rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .goo {
+  #gallery-glmphotos-light-3 .special .goo, #gallery-glmphotos-light-5 .special .goo {
     border: 50px dashed rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .rok {
+  #gallery-glmphotos-light-3 .special .rok, #gallery-glmphotos-light-5 .special .rok {
     border: 50px dotted rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .ryk {
+  #gallery-glmphotos-light-3 .special .ryk, #gallery-glmphotos-light-5 .special .ryk {
     border: 50px double rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .yon:hover {
+  #gallery-glmphotos-light-3 .special .yon:hover, #gallery-glmphotos-light-5 .special .yon:hover {
     border: 1px solid rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .goo:hover {
+  #gallery-glmphotos-light-3 .special .goo:hover, #gallery-glmphotos-light-5 .special .goo:hover {
     border: 1px dashed rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .rok:hover {
+  #gallery-glmphotos-light-3 .special .rok:hover, #gallery-glmphotos-light-5 .special .rok:hover {
     border: 1px dotted rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .ryk:hover {
+  #gallery-glmphotos-light-3 .special .ryk:hover, #gallery-glmphotos-light-5 .special .ryk:hover {
     border: 1px double rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .x7, #gallery-glmphotos-light-3 .special .x8, #gallery-glmphotos-light-3 .special .x9 {
+  #gallery-glmphotos-light-3 .special .x7, #gallery-glmphotos-light-3 .special .x8, #gallery-glmphotos-light-3 .special .x9, #gallery-glmphotos-light-5 .special .x7, #gallery-glmphotos-light-5 .special .x8, #gallery-glmphotos-light-5 .special .x9 {
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0; }
-  #gallery-glmphotos-light-3 .special .x7 {
+  #gallery-glmphotos-light-3 .special .x7, #gallery-glmphotos-light-5 .special .x7 {
     border: 50px solid rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .x8 {
+  #gallery-glmphotos-light-3 .special .x8, #gallery-glmphotos-light-5 .special .x8 {
     border: 50px dashed rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .x9 {
+  #gallery-glmphotos-light-3 .special .x9, #gallery-glmphotos-light-5 .special .x9 {
     border: 50px dotted rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .x7:hover {
+  #gallery-glmphotos-light-3 .special .x7:hover, #gallery-glmphotos-light-5 .special .x7:hover {
     border: 1px solid rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .x8:hover {
+  #gallery-glmphotos-light-3 .special .x8:hover, #gallery-glmphotos-light-5 .special .x8:hover {
     border: 1px dashed rgba(0, 0, 0, 0.7); }
-  #gallery-glmphotos-light-3 .special .x9:hover {
+  #gallery-glmphotos-light-3 .special .x9:hover, #gallery-glmphotos-light-5 .special .x9:hover {
     border: 1px dotted rgba(0, 0, 0, 0.7); }
-#gallery-glmphotos-light-3 .ngg-gallery-thumbnail-box {
+#gallery-glmphotos-light-3 .ngg-gallery-thumbnail-box, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail-box {
   border: none; }
-#gallery-glmphotos-light-3 .ngg-gallery-thumbnail {
+#gallery-glmphotos-light-3 .ngg-gallery-thumbnail, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail {
   background: #fff none repeat scroll 0 0;
   float: left;
   list-style-type: none;
@@ -6912,7 +6912,7 @@ h2#block-title {
   margin-bottom: 10px;
   /*Hover states*/
   transition: all 0.1s ease 0s; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox img {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox img, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox img {
     opacity: 1.0;
     border-radius: 4px;
     transition: all 1s ease 0s;
@@ -6920,9 +6920,9 @@ h2#block-title {
     -moz-transition: border-radius 1s ease 0s;
     -o-transition: border-radius 1s ease 0s;
     border: 1px solid rgba(5, 104, 179, 0.05); }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox img:hover {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox img:hover, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox img:hover {
     background-color: transparent; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover img {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover img, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox:hover img {
     opacity: 0.75;
     border-radius: 30px;
     transition: all 0.5s ease 0s;
@@ -6930,14 +6930,14 @@ h2#block-title {
     -webkit-transition: border-radius 1s ease 0s;
     -moz-transition: border-radius 1s ease 0s;
     -o-transition: border-radius 1s ease 0s; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover .title {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover .title, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox:hover .title {
     border-top-left-radius: 30px;
     border-top-right-radius: 30px;
     transition: border-radius 1s ease 0s;
     -webkit-transition: border-radius 1s ease 0s;
     -moz-transition: border-radius 1s ease 0s;
     -o-transition: border-radius 1s ease 0s; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .image_title {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .image_title, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox .image_title {
     display: table;
     height: auto;
     left: 0;
@@ -6947,7 +6947,7 @@ h2#block-title {
     transition: all 0.5s ease 0s;
     width: 100%;
     border: 1px solid transparent; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .title::before {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .title::before, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox .title::before {
     content: '\26B2';
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
@@ -6957,7 +6957,7 @@ h2#block-title {
     opacity: 0.5;
     display: block;
     line-height: 36px; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .image_title {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .image_title, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox .image_title {
     width: 100%;
     height: auto;
     padding: 10px;
@@ -6968,10 +6968,10 @@ h2#block-title {
     /*Hover effect - default state*/
     opacity: 0;
     transition: all 0.5s; }
-    #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .image_title h5 {
+    #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .image_title h5, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox .image_title h5 {
       height: 90px;
       width: 100%; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .title {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox .title, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox .title {
     color: #fff;
     background: rgba(0, 0, 0, 0.75);
     text-transform: uppercase;
@@ -6985,31 +6985,31 @@ h2#block-title {
     transform: scale(0.2);
     border-top-left-radius: 4px;
     border-top-right-radius: 4px; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail > .ngg-fancybox:hover {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail > .ngg-fancybox:hover, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail > .ngg-fancybox:hover {
     box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.75) inset; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover .image_title {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover .image_title, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox:hover .image_title {
     opacity: 1; }
-  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover .title {
+  #gallery-glmphotos-light-3 .ngg-gallery-thumbnail .ngg-fancybox:hover .title, #gallery-glmphotos-light-5 .ngg-gallery-thumbnail .ngg-fancybox:hover .title {
     transform: scale(1); }
-#gallery-glmphotos-light-3 ul {
+#gallery-glmphotos-light-3 ul, #gallery-glmphotos-light-5 ul {
   line-height: 1.2; }
-#gallery-glmphotos-light-3 ul li a {
+#gallery-glmphotos-light-3 ul li a, #gallery-glmphotos-light-5 ul li a {
   font-family: "Lato"; }
-#gallery-glmphotos-light-3 .photoTitle {
+#gallery-glmphotos-light-3 .photoTitle, #gallery-glmphotos-light-5 .photoTitle {
   width: 90%;
   text-transform: capitalize;
   margin: 8px auto 0;
   cursor: pointer; }
-  #gallery-glmphotos-light-3 .photoTitle:hover a {
+  #gallery-glmphotos-light-3 .photoTitle:hover a, #gallery-glmphotos-light-5 .photoTitle:hover a {
     color: #ec6c0b; }
-  #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:before, #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:after {
+  #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:before, #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:after, #gallery-glmphotos-light-5 .photoTitle:hover a.ngg-fancybox:before, #gallery-glmphotos-light-5 .photoTitle:hover a.ngg-fancybox:after {
     transform: scaleX(1);
     border-color: #0568b3; }
-  #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox {
+  #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox {
     max-height: 40px;
     padding: 8px 0;
     text-align: center; }
-    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:after, #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:before {
+    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:after, #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:before, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:after, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:before {
       display: block;
       content: '';
       border-width: 1px;
@@ -7019,11 +7019,11 @@ h2#block-title {
       margin: 0 auto;
       transform: scaleX(0.0001);
       transition: transform 250ms ease-in-out; }
-    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:after {
+    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:after, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:after {
       margin-top: 5px; }
-    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:before {
+    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:before, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:before {
       margin-bottom: 5px; }
-  #gallery-glmphotos-light-3 .photoTitle a:hover {
+  #gallery-glmphotos-light-3 .photoTitle a:hover, #gallery-glmphotos-light-5 .photoTitle a:hover {
     text-decoration: none; }
 
 /* End styles for specific templates*/

diff --git a/scss/plugins/_nextgen.scss b/scss/plugins/_nextgen.scss
index 06bfa02..f9bab46 100644 (file)
--- a/scss/plugins/_nextgen.scss
+++ b/scss/plugins/_nextgen.scss
@@ -147,7 +147,9 @@
 
 /* Styles for specific templates */
 // gallery-glmphotos-light-3
-#gallery-glmphotos-light-3 {
+// gallery-glmphotos-light-5 
+#gallery-glmphotos-light-3,
+#gallery-glmphotos-light-5 {
     .special {
         clear:both;  
         max-width: 270px;
@@ -367,9 +369,4 @@
     
 }
 
-// gallery-glmphotos-light-5
-#gallery-glmphotos-light-5 {
-    
-}
-
 /* End styles for specific templates*/