knut/album
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding box shadow around the photo.

Browse source
This commit is contained in:
Knut Forkalsrud 2010-07-17 16:54:51 -07:00
parent b0b7e7c625
commit d6e2f6c947
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/main/webapp/WEB-INF/velocity/photo.vm
View file

@ -34,6 +34,7 @@
div.photo { div.photo {
align: center; align: center;
height: 200px; height: 200px;
margin 8px;
} }
div.grid { div.grid {
float: left; float: left;
@ -44,8 +45,13 @@
max-width: ${divwidth}px; max-width: ${divwidth}px;
overflow: hidden; overflow: hidden;
} }
img { img.picture {
padding: 5px; 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 { .nav {
border: 0 none; border: 0 none;
@ -66,7 +72,7 @@
#set($thpath = $mapper.map(${entry.thumbnail.getPath()})) #set($thpath = $mapper.map(${entry.thumbnail.getPath()}))
#set($enpath = $mapper.map(${entry.getPath()})) #set($enpath = $mapper.map(${entry.getPath()}))
<div class="photo"> <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> <p class="caption">$!entry.caption</p>
</div> </div>
#else #else
@ -83,7 +89,7 @@
#end #end
<div class="grid"> <div class="grid">
<span class="name">$en.name</span><br/> <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> <p class="caption">$!en.caption</p>
</div> </div>
#end #end