diff options
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/default/stylesheet.css | 1 | ||||
| -rw-r--r-- | themes/default/templates/single_photo.tpl | 133 |
2 files changed, 59 insertions, 75 deletions
diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css index 5c29ddf..0918848 100644 --- a/themes/default/stylesheet.css +++ b/themes/default/stylesheet.css @@ -172,6 +172,7 @@ div.thumb a.thumblink:hover { -moz-border-radius: 1em; border-radius: 1em; border: dashed 1px #888888; + z-index: 100; } #available_tags { diff --git a/themes/default/templates/single_photo.tpl b/themes/default/templates/single_photo.tpl index d80a006..4e1a44e 100644 --- a/themes/default/templates/single_photo.tpl +++ b/themes/default/templates/single_photo.tpl @@ -1,75 +1,30 @@ <!-- Single photo --> -<table style="width: 100%;"> - <tr> - <td class="content_title" style="text-align: left;"> - <b>Photo {$image_name}</b><br /> - {if $photo_count > 0} - {$photo_number} of {$photo_count} - {if $photo_count == 1} - Photo - {else} - Photos - {/if} - {if $description} - {$description}<br /> - {/if} - {/if} - </td> - <td class="index_header" style="text-align: right;"> - <a href="javascript:startAutoBrowse();" title="auto browsing"><img id="autobrowse_ico" src="resources/32_play.png" /></a> - {if $extern_link } - <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a> - {/if} - <a href="{$image_url_full}" target="_blank" onclick="click(this);"> - <img src="resources/original.png" alt="original resolution" /> - </a> - </td> - </tr> - <tr> - <td style="width: 100%;"> - <div id='single'> - <table class="matrix"> - <tr> - <td colspan="3"> - { if $next_url == "" } - <a href="javascript:showPhotoIndex();" onclick="click(this);"> - { else } - <a href="{$next_url}" onclick="click(this);" title="click for the next photo"> - { /if } - <img src="{$image_url}" width="{$width}" height="{$height}" alt="photo" /> - </a> - </td> - </tr> - <tr> - <td style="text-align: left; width: 33%;"> - { if $previous_url == "" } - <img src="resources/arrow_left_gray.png" alt="first photo reached" /> - { else } - <a href="{$previous_url}" onclick="click(this);" title="click for the previous photo"> - <img src="resources/arrow_left.png" alt="previous photo" /> - </a> - { /if } - </td> - <td style="text-align: center; width: 33%;"> - <a href="javascript:showPhotoIndex({$current});" onclick="click(this);" title="click to go back to the index"> - <img src="resources/arrow_up.png" alt="photo index" /> - </a> - </td> - <td style="text-align: right; width: 33%;"> - { if $next_url == "" } - <img src="resources/arrow_right_gray.png" alt="last photo reached" /> - { else } - <a href="{$next_url}" onclick="click(this);" title="click for the next photo"> - <img src="resources/arrow_right.png" alt="next photo" /> - </a> - { /if} - </td> - </tr> - </table> - </div> - </td> - <td style="width: 150px; padding-top: 20px; padding-right: 20px"> - <div id="photo_details"> +<div class="content_title" style="text-align: left; float: left;"> + <b>Photo {$image_name}</b><br /> + {if $photo_count > 0} + {$photo_number} of {$photo_count} + {if $photo_count == 1} + Photo + {else} + Photos + {/if} + {if $description} + {$description}<br /> + {/if} + {/if} +</div> +<div class="index_header" style="text-align: right;"> + <a href="javascript:startAutoBrowse();" title="auto browsing"><img id="autobrowse_ico" src="resources/32_play.png" /></a> + {if $extern_link } + <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a> + {/if} + <a href="{$image_url_full}" target="_blank" onclick="click(this);"> + <img src="resources/original.png" alt="original resolution" /> + </a> +</div> + +<div> + <div id="photo_details" style="float: right; margin-top: 20px; margin-right: 20px;"> { if $ExifMadeWith } <u><img src="resources/camera.png" alt="camera icon" /> Image taken with:</u><br /> {$ExifMadeWith}<br /> @@ -103,8 +58,36 @@ <img src="phpfspot_img.php?idx={$next_img}&width={$mini_width}" /><br /> </a> { /if} - </div> - </td> - </tr> -</table> + </div> + + <div style="text-align: left; margin-top: 20px; margin-left: 20px;"> + { if $next_url == "" } + <a href="javascript:showPhotoIndex();" onclick="click(this);"> + { else } + <a href="{$next_url}" onclick="click(this);" title="click for the next photo"> + { /if } + <img src="{$image_url}" width="{$width}" height="{$height}" alt="photo" /> + </a> + </div> + + <div style="margin-left: 20px;"> + { if $previous_url == "" } + <img src="resources/arrow_left_gray.png" alt="first photo reached" /> + { else } + <a href="{$previous_url}" onclick="click(this);" title="click for the previous photo"> + <img src="resources/arrow_left.png" alt="previous photo" /> + </a> + { /if } + <a href="javascript:showPhotoIndex({$current});" onclick="click(this);" title="click to go back to the index"> + <img src="resources/arrow_up.png" alt="photo index" /> + </a> + { if $next_url == "" } + <img src="resources/arrow_right_gray.png" alt="last photo reached" /> + { else } + <a href="{$next_url}" onclick="click(this);" title="click for the next photo"> + <img src="resources/arrow_right.png" alt="next photo" /> + </a> + { /if} + </div> +</div> <!-- /Single photo --> |