From 91ffe00de2364d966ded09bbe337b2b618574f13 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Sat, 5 May 2012 21:23:50 -0700
Subject: [PATCH] apple-style drop shadows (blur the crap out of them); isotope
 doesn't overflow: hidden; anymore (no shadow cutoff) [ci skip]

---
 app/assets/javascripts/app/views/canvas_view.js | 1 +
 app/assets/stylesheets/new_styles/_canvas.scss  | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/app/views/canvas_view.js b/app/assets/javascripts/app/views/canvas_view.js
index a3e2f8ef5..709abdeff 100644
--- a/app/assets/javascripts/app/views/canvas_view.js
+++ b/app/assets/javascripts/app/views/canvas_view.js
@@ -29,6 +29,7 @@ app.views.Canvas = app.views.Base.extend(_.extend({}, app.views.infiniteScrollMi
         itemSelector : '.canvas-frame',
         visibleStyle : {scale : 1},
         hiddenStyle : {scale : 0.001},
+        containerStyle : {position : "relative"},
         masonry : {
           columnWidth : 292.5
         }
diff --git a/app/assets/stylesheets/new_styles/_canvas.scss b/app/assets/stylesheets/new_styles/_canvas.scss
index 49f4973d2..ab80a4e6d 100644
--- a/app/assets/stylesheets/new_styles/_canvas.scss
+++ b/app/assets/stylesheets/new_styles/_canvas.scss
@@ -7,6 +7,7 @@
 .canvas-frame {
   float : left;
   margin : 10px;
+  margin-bottom : 18px;
 
   /* expand / contract cursor declarations */
   &.x2 .content {
@@ -22,12 +23,12 @@
 
   .content {
     @include transition(box-shadow);
-    @include box-shadow(0,1px,10px,rgba(0,0,0,0.9));
+    @include box-shadow(0, 8px, 50px, rgba(0,0,0,0.9));
 
     background-image : image_url("paper-texture-1.jpg");
 
     &:hover {
-      @include box-shadow(0,1px,5px,rgba(0,0,0,0.5));
+      @include box-shadow(0, 3px, 10px,rgba(0,0,0,0.9));
 
       .info {
         top : 0;
@@ -53,11 +54,9 @@
     max-width : $column-width + px;
 
     overflow : hidden;
-    //padding : 20px;
 
     /* used in masking photos with overflow: hidden; */
     .image-container {
-
       overflow : hidden;
       width : 100%;
 
@@ -122,6 +121,8 @@
     background-color : rgba(255,255,255,0.8);
     border-bottom : 1px solid #fff;
 
+    color : #000;
+
     position : absolute;
     top : -32px;
     right : 0;