From: Steve Sutton Date: Wed, 11 Feb 2015 19:57:24 +0000 (-0500) Subject: Working on Galleries X-Git-Tag: v1.0.0^2~39^2~6 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=b1ee7268096b4d00ca5c7fa04ac16323615bd4f5;p=web%2FTroutCreek.git Working on Galleries Photo Gallery Video Gallery --- diff --git a/Gruntfile.js b/Gruntfile.js index 753734c..d92f9ab 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -8,7 +8,7 @@ module.exports = function(grunt) { }, dist: { options: { - outputStyle: 'compressed' + outputStyle: 'expanded' }, files: { 'css/app.css': 'scss/app.scss' diff --git a/Toolkit/Photos/css/gallery.css b/Toolkit/Photos/css/gallery.css index 545a01c..c947848 100755 --- a/Toolkit/Photos/css/gallery.css +++ b/Toolkit/Photos/css/gallery.css @@ -25,4 +25,353 @@ div.thumb { .thumb a:hover img {border: 1px solid black;} .photocattitle {text-align: center; font-weight: bold;} .phototitle {text-align: center; font-weight: normal; width: 110px;} +#media-photo-gallery { + font-size:12px; +} +#gallery { + clear:both; +} +.gallery { + text-align: center; + list-style: none outside none; + padding: 10px 0 0 0; +} +.gallery:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; +} +.gallery li { + background: none repeat scroll 0 0 #F5F5F5; + float: left; + margin: 0 2% 26px 0; + overflow: hidden; + position: relative; + width: 23% +} +.gallery li img { + width: 100%; + border: 1px solid #2797AB; + display: block; + height: auto;/*width: 143px;*/ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.gallery li:hover img { + border: 1px solid #B8C728; +} +.gallery .ui-content { + overflow: hidden; +} +#staticBanners { + /*display:none;*/ +} +.media-gallery-download { + font-size: 10px; + min-height: 22px; +} +#media-photo-gallery div { + clear:none; + font-size: 1em; + height: auto; + margin: 0; + padding: 0; +} +#media-photo-gallery div p { + display: block; + color: black; + padding: 5px; + text-shadow: none; + font-weight: normal; +} +#media-photo-gallery div a { +} +#filter_wrapper { + overflow: hidden; +} +#cat_filter_wrapper { + float: left; + height: 56px; +} +#photoCategoryLabel { + float: left; +} +#photoCategoryId { + display: block; + float: left; + clear: left; + width: 180px; + height: 26px; + border: 1px solid #CCC; + box-sizing: border-box; + padding: 3px; + cursor: pointer; + margin-bottom: 10px; +} +#photoCategoryId option { + padding: 3px; +} +#media-login #username { + float: left; + width: 100px; + height: 10px; + padding: 5px; + margin: 0 5px 0 0; + border: 1px solid #ABADB3; +} +#media-login #password { + float: left; + width: 100px; + height: 10px; + padding: 5px; + margin: 0 5px 0 0; + border: 1px solid #ABADB3; +} +#media-login #submit { + display: block; + float: left; + width: 24px; + height: 22px; + cursor: pointer; + background: url(base_url;?>assets/play.gif) 50% 50% no-repeat; + border: 1px solid #ABADB3; + -bracket-:hack(; + height: 22px; + ); +} +.photoHead { + display: block; + text-align: center; + min-height: 38px; + margin: 0 !important; + padding: 5px; + background: none; +} +.captionWrapper { + display: block; + width: 100%; + overflow: hidden; +} +.captionTitleWrapper { + display: block; + width: 50%; + float: left; + font-size: 18px; + font-size: 1.8rem; + font-weight: bold; + color: #FFF; + text-align: left; + padding: 10px 20px; + margin: 0; +} +.captionDescWrapper { + display: block; + width: 50%; + float: left; + clear: left; + font-size: 14px; + font-size: 1.4rem; + color: #FFF; + text-align: left; + padding: 0 20px 10px 20px; + margin: 0; +} +.download_wrapper { + display: block; + position: absolute; + z-index: 99; + top: 10px; + right: 20px; + width: 30%; + font-size: 14px; + font-size: 1.4rem; + color: #FFF; + text-align: left; + padding: 6px 0 10px 20px; + margin: 0; + text-align: right; +} +.download_wrapper a { + color: #CCC; +} +.download_wrapper a:hover { + color: #FFF; +} +.ps-caption-content { + width: 100%; + overflow: hidden; + position: relative; +} +#cat_wrapper { + display: block; + width: 100%; + overflow: hidden; + margin: 0; + padding: 0; +} .galleryRow {clear: left;} +/* Image Library */ +#photo_wrapper, #photo_cats_wrapper { + clear: left; + margin-top: 20; +} +#photo_wrapper h3, #photo_cats_wrapper h3 { + font-size: 20px; + font-weight: normal; + color: #2783B7; + padding: 30px 0 0 0; +} +#photo_wrapper p, #photo_cats_wrapper p { + display: block; + width: 100%; + overflow: hidden; + margin: 0; + padding: 5px; + color: #333; +} +.gallery { + list-style: none; + padding: 0; + margin: 0; + width: 100%; + clear: both; +} +#photo_wrapper .gallery, #photo_cats_wrapper .gallery { + margin: 20px 0 0 0; +} +.gallery:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; + } +.gallery li { + display: block; + float: left; + width: 22%; + margin: 0 1.5% 24px 1.5%; + padding: 0; + border: 1px solid #CCC; + background: #F5F5F5; + border-radius: 3px; +} +.gallery li:nth-child(4n-3) { + clear: left; + width: 22.75%; + margin: 0 3% 24px 0; +} +.gallery li:nth-child(4n-2) { + width: 22.75%; + margin: 0 3% 24px 0; +} +.gallery li:nth-child(4n-1) { + width: 22.75%; + margin: 0 3% 24px 0; +} +.gallery li:nth-child(4n) { + width: 22.75%; + margin: 0 0 24px 0; +} +.gallery li a { + display: block; + width: 100%; + overflow: hidden; + padding: 10px; + text-decoration: none; +} +.gallery li a img { + display: block; + width: 100%; + border: 1px solid #CFC4A7; +} +span.phototitle { + display: block; + width: 100%; + padding: 0 5px; + color: #777; + font-size: 12px; + text-align: center; + text-decoration: none; +} +.gallery li:hover { + border: 1px solid #7BBDE1; + background: #EDF2F8; +} +.gallery li:hover a img { + border: 1px solid #7BBDE1; +} +.gallery li:hover span.phototitle { + color: #7BBDE1; + text-decoration: none; +} +.search-result-location { + padding-bottom: 10px; +} +.media-gallery-download { + display: block; + clear: both; + width: 100%; + overflow: hidden; + background: rgba(0,0,0,0.1); + padding: 3px; +} +.media-gallery-download .titledl { + display: block; + width: 100%; + overflow: hidden; + text-align: center; +} +.media-gallery-download .webdl { + display: block; + float: left; + width: 40%; + text-align: right; + margin: 0; + padding: 0; +} +.media-gallery-download .printdl { + display: block; + float: right; + width: 40%; + text-align: left; + margin: 0; + padding: 0; +} +h2.captionTitleWrapper { + width: 100%; + font-size: 16px; +} +p.captionDescWrapper { + font-size: 12px; + width: 100%; + margin-bottom: 5px; +} +@media only screen and (max-width: 40em) { + ul#gallery li { + width: 45% !important; + } + ul.gallery li:nth-child(4n-1) { + clear: both; + } + .gallery li:nth-child(4n-3) { + clear: none; + width: 45%; + margin: 0 3% 24px 0; + } + .gallery li:nth-child(4n-2) { + width: 45%; + margin: 0 3% 24px 0; + } + .gallery li:nth-child(4n-1) { + width: 45%; + margin: 0 3% 24px 0; + } + .gallery li:nth-child(4n) { + width: 45%; + margin: 0 0 24px 0; + } +} diff --git a/Toolkit/Photos/templates/photoGalleryWrapper.html b/Toolkit/Photos/templates/photoGalleryWrapper.html index 42c2035..8fa9d13 100644 --- a/Toolkit/Photos/templates/photoGalleryWrapper.html +++ b/Toolkit/Photos/templates/photoGalleryWrapper.html @@ -1,192 +1,3 @@ -