From d6e2f6c947e6506a3fa267e2e90722d807b79a72 Mon Sep 17 00:00:00 2001
From: Knut Forkalsrud <knut@forkalsrud.org>
Date: Sat, 17 Jul 2010 16:54:51 -0700
Subject: [PATCH] Adding box shadow around the photo.

---
 src/main/webapp/WEB-INF/velocity/photo.vm | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/main/webapp/WEB-INF/velocity/photo.vm b/src/main/webapp/WEB-INF/velocity/photo.vm
index ee1fb5a..5596955 100644
--- a/src/main/webapp/WEB-INF/velocity/photo.vm
+++ b/src/main/webapp/WEB-INF/velocity/photo.vm
@@ -32,8 +32,9 @@
       color: #6a6a6a;
     }
     div.photo {
-         align: center;
-	     height: 200px;
+      align: center;
+      height: 200px;
+      margin 8px;
     }
     div.grid {
 	     float: left;
@@ -44,8 +45,13 @@
          max-width: ${divwidth}px;
          overflow: hidden;
     }
-    img {
-      padding: 5px;
+    img.picture {
+      box-shadow: 5px 5px 5px #777;
+      -webkit-box-shadow: 5px 5px 5px #777;
+      -moz-box-shadow: 5px 5px 5px #777;
+    }
+    div.imgborder {
+       margin: 10px;
     }
     .nav {
       border: 0 none;
@@ -66,7 +72,7 @@
 #set($thpath = $mapper.map(${entry.thumbnail.getPath()}))
 #set($enpath = $mapper.map(${entry.getPath()}))
   <div class="photo">
-    <img src="${base}${thpath}?size=$thmb" border="0" width="$dim.width" height="$dim.height"/><br/>
+    <div class="imgborder"><img class="picture" src="${base}${thpath}?size=$thmb" border="0" width="$dim.width" height="$dim.height"/></div>
     <p class="caption">$!entry.caption</p>
   </div>
 #else
@@ -83,7 +89,7 @@
 #end
   <div class="grid">
     <span class="name">$en.name</span><br/>
-    <a href="#navlink($en)"><img src="${base}${thpath}?size=${thmb}" border="0" width="${dim.width}" height="${dim.height}"/></a><br/>
+    <div class="imgborder"><a href="#navlink($en)"><img class="picture" src="${base}${thpath}?size=${thmb}" border="0" width="${dim.width}" height="${dim.height}"/></a></div>
     <p class="caption">$!en.caption</p>
   </div>
 #end