summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAndreas Unterkircher <unki@netshadow.at>2007-06-15 19:27:50 +0000
committerAndreas Unterkircher <unki@netshadow.at>2007-06-15 19:27:50 +0000
commit53c9a3f97dbe67a8695ce3504135b39afc45dfb8 (patch)
tree051aa83fdb75e26d93728181fd5d8cd118a44b81
parent64aff8eab7dca9b848149d9061a33af0d44f24b9 (diff)
better style for single photo details
git-svn-id: file:///var/lib/svn/phpfspot/trunk@98 fa6a889d-dae6-447d-9e79-4ba9a3039384
-rw-r--r--stylesheet.css23
-rw-r--r--templates/single_photo.tpl24
2 files changed, 39 insertions, 8 deletions
diff --git a/stylesheet.css b/stylesheet.css
index d1f3ae0..7684014 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -115,7 +115,21 @@ a.tag:visited, a.tag:active {
color: #00ff00;
}
a.tag:hover {
+ color: #00aa44;
+}
+
+a.smalltag {
+ font-size: 12px;
+ color: #000000;
+ text-decoration: underline;
+ font-style: italic;
+}
+
+a.smalltag:visited, a.smalltag:active {
+ color: #00ff00;
+}
+a.smalltag:hover {
color: #00aa44;
}
@@ -140,3 +154,12 @@ td.thumb {
border: dashed 1px #888888;
}
+
+#photo_details {
+ width: 150px;
+ font-size: 12px;
+ padding: 10px;
+ -moz-border-radius: 1em;
+ border-radius: 1em;
+ border: dashed 1px #888888;
+}
diff --git a/templates/single_photo.tpl b/templates/single_photo.tpl
index adeb9f8..4e043a1 100644
--- a/templates/single_photo.tpl
+++ b/templates/single_photo.tpl
@@ -55,21 +55,29 @@
</table>
</div>
</td>
- <td style="white-space: nowrap;">
+ <td style="width: 150px; padding-top: 40px;">
+ <div id="photo_details">
{ if $ExifMadeWith }
- With: {$ExifMadeWith}<br />
+ <u>Image taken with:</u><br />
+ {$ExifMadeWith}<br />
{ /if }
{ if $ExifMadeOn }
+ <u>Image made on:</u><br />
On: {$ExifMadeOn}<br />
{ /if }
{ if $ExifOrigResolution }
- Res: {$ExifOrigResolution}<br />
+ <u>Original resolution:</u><br />
+ {$ExifOrigResolution}<br />
{ /if }
- Size: {$ExifFileSize}kbyte<br />
- Tagged:<br />
- { foreach from=$tags key=id item=name }
- <a href="javascript:Tags('add', '{$id}');" onclick="click(this);">{$name}</a><br />
- { /foreach }
+ <u>Size:</u>&nbsp;{$ExifFileSize}kbyte<br />
+ { if $tags }
+ <br />
+ <u>Tagged with:</u><br />
+ { foreach from=$tags key=id item=name }
+ <a class="smalltag" href="javascript:Tags('add', '{$id}');" onclick="click(this);">{$name}</a><br />
+ { /foreach }
+ { /if }
+ </div>
</td>
</tr>
</table>