diff options
Diffstat (limited to 'view')
| -rw-r--r-- | view/photo_album.tpl | 7 | ||||
| -rw-r--r-- | view/theme/duepuntozero/style.css | 36 |
2 files changed, 36 insertions, 7 deletions
diff --git a/view/photo_album.tpl b/view/photo_album.tpl index 323a9cdff..fab7d7254 100644 --- a/view/photo_album.tpl +++ b/view/photo_album.tpl @@ -1,5 +1,8 @@ - <div class="photo-album-image-wrapper" id="photo-album-image-wrapper-$id"> - <a href="$photolink" class="photo-album-photo-link" id="photo-album-photo-link-$id" title="$phototitle"><img src="$imgsrc" alt="$imgalt" title="$phototitle" class="photo-album-photo" id="photo-album-photo-$id" /></a> + <a href="$photolink" class="photo-album-photo-link" id="photo-album-photo-link-$id" title="$phototitle"> + <img src="$imgsrc" alt="$imgalt" title="$phototitle" class="photo-album-photo" id="photo-album-photo-$id" /> + <p class='caption'>$desc</p> + </a> + </div> <div class="photo-album-image-wrapper-end"></div> diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index e3a5fd3e7..b580df829 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -1593,8 +1593,22 @@ a.mail-list-link { .photo-album-image-wrapper { float: left; margin-top: 15px; - height: 350px; - width: 350px; + margin-right: 15px; + width: 200px; height: 200px; + overflow: hidden; + position: relative; +} +.photo-album-image-wrapper .caption { + display: none; + width: 100%; + position: absolute; + bottom: 0px; + padding: 0.5em 0.5em 0px 0.5em; + background-color: rgba(255, 255, 255, 0.8); + margin: 0px; +} +.photo-album-image-wrapper a:hover .caption { + display:block; } #photo-album-end { @@ -1602,12 +1616,22 @@ a.mail-list-link { } .photo-top-image-wrapper { + position: relative; float: left; margin-top: 15px; - height: 350px; - width: 350px; + margin-right: 15px; + width: 200px; height: 200px; + overflow: hidden; +} +.photo-top-album-name { + width: 100%; + min-height: 2em; + position: absolute; + bottom: 0px; + padding: 0px 3px; + padding-top: 0.5em; + background-color: rgb(255, 255, 255); } - #photo-top-end { clear: both; } @@ -1935,3 +1959,5 @@ a.mail-list-link { .tool-link { cursor: pointer; } + + |