From 7c42a968ac616500aa24e72e66b6a65b7a9138a7 Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Fri, 8 Apr 2016 19:08:44 -0400 Subject: [PATCH] Fixed styles for nextgen-light 5 --- css/app.css | 90 +++++++++++++++++++------------------- scss/plugins/_nextgen.scss | 9 ++-- 2 files changed, 48 insertions(+), 51 deletions(-) diff --git a/css/app.css b/css/app.css index 5356554..d147d23 100644 --- 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 --- 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*/ -- 2.17.1