vertical-align: middle;
white-space: nowrap;
text-align: left;
+ height: 2em;
}
-div.subheader {
- background-color: #eeeeee;
- padding: 5px 10px 5px 10px;
- vertical-align: middle;
+div.header_title {
white-space: nowrap;
text-align: left;
+ float: left;
+}
+
+div.header_menu {
+ text-align: right;
}
div.tagresult{
text-align: center;
}
-div.textright {
- text-align: right;
-}
-
div.welcome {
padding: 10px;
margin-left: 10px;
color: #4761ab;
}
-.clearboth { clear: both; }
+.cb { clear: both; }
#photo_details {
width: 150px;
<!-- Header - displays count of matched photos and some link's -->
<div class="header">
- <div class="subheader">
+ <div class="header_title">
<b>Photo Index</b>
{if $searchfor }
{if $count == 1}
Results are limited to a date within {$from_date} to {$to_date}.
{/if}
</div>
- <div class="textright">
+ <div class="header_menu">
{if $slideshow_link }
<a href="{$slideshow_link}" title="Slideshow" target="_blank"><img src="{$web_path}/resources/slideshow.png" /> Slideshow</a>
{/if}
{ if $tag_result }
<!-- seperator -->
-<div class="tagresult"></div>
-<!-- /seperator -->
-<div class="tagresulttags" style="float: left;">
- Tags:
-</div>
-<div class="tagresulttags">
- { $selected_tags }
-</div>
+ <div class="tagresult"></div>
+ <!-- /seperator -->
+ <div class="tagresulttags" style="float: left;">
+ Tags:
+ </div>
+ <div class="tagresulttags">
+ { $selected_tags }
+ </div>
{ /if }
<!-- the photo matrix itself -->
<!-- Single photo -->
<div class="header">
- <div class="subheader">
+ <div class="header_title">
<b>Photo {$image_name}</b><br />
{if $photo_count > 0}
{$photo_number} of {$photo_count}
{/if}
{/if}
</div>
- <div class="textright">
+ <div class="header_menu">
<a href="javascript:zoom(-10);" title="zoom_out" onclick="click(this);"><img src="{$web_path}/resources/zoom-out.png" /></a>
<a href="javascript:zoom(0);" title="zoom_100" onclick="click(this);"><img src="{$web_path}/resources/zoom-100.png" /></a>
<a href="javascript:zoom(10);" title="zoom_in" onclick="click(this);"><img src="{$web_path}/resources/zoom-in.png" /></a>
</div>
</div>
-<div>
+<p class="cb">
+
<div id="photo_details">
{ if $ExifMadeWith }
<u><img src="{$web_path}/resources/camera.png" alt="camera icon" /> Image taken with:</u><br />
</a>
{ /if}
</div>
-</div>
+</p>
<script type="text/javascript">
<!--
if(autobrowse && document.getElementById("autobrowse_ico"))
web2.0 providers or setup complex apps like gallery
</p>
- <br class="clearboth" />
+ <br class="cb" />
<p>
<span>
directory of your current theme.
</p>
- <br class="clearboth" />
+ <br class="cb" />
<p>
<span>