diff --git a/public/styles.css b/public/styles.css index 671d5c3..7d6fcc2 100644 --- a/public/styles.css +++ b/public/styles.css @@ -216,7 +216,7 @@ div.imgwrap > img { -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } - + .thumbnail:hover > div.imgwrap > img { opacity: 0.5; } diff --git a/views/profile/profile_grid.jade b/views/profile/profile_grid.jade index 4f4f584..74a1693 100644 --- a/views/profile/profile_grid.jade +++ b/views/profile/profile_grid.jade @@ -3,11 +3,12 @@ extends ../layout block content script(src='http://masonry.desandro.com/jquery.masonry.min.js') script - var $container = $('.thumbnails'); - $container.imagesLoaded(function(){ - $container.masonry({ - itemSelector : '.item', - columnWidth : 240 + $(function() { + var $container = $('.thumbnails'); + $container.imagesLoaded(function(){ + $container.masonry({ + itemSelector : '.thumbnails > li', + }); }); }); div.page-header.profile_page-header