summaryrefslogtreecommitdiffstats
path: root/themes
diff options
context:
space:
mode:
Diffstat (limited to 'themes')
-rw-r--r--themes/default/stylesheet.css9
-rw-r--r--themes/default/templates/slideshow.tpl14
2 files changed, 16 insertions, 7 deletions
diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index 33ef1bf..2074e21 100644
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -197,3 +197,12 @@ table.calendar tr td {
visibility: hidden;
z-index: 1000;
}
+
+#slide_navigation {
+ text-align: center;
+ padding: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ border: dashed 1px #888888;
+ vertical-align: middle;
+}
diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl
index 2e726d7..da740ac 100644
--- a/themes/default/templates/slideshow.tpl
+++ b/themes/default/templates/slideshow.tpl
@@ -1,15 +1,15 @@
{include file="header.tpl"}
<body onload="startSlideShow();" style="text-align: center;">
- <div style="margin: 0 auto; padding: 10px;">
- <a href="javascript:window.close();" title="click to close slideshow">
- <img id="slide_img" alt="slideshow_img" style="padding: 10px; background-color: #ffffff;" />
- </a>
- </div>
- <div style="margin: 0 auto; padding: 10px;">
+ <div id="slide_navigation">
<a href="javascript:prevSlide();" onclick="click(this);" title="slive to previous photo"><img id="rew_ico" src="resources/32_rew.png" /></a>
<a href="javascript:pauseSlideShow();" onclick="click(this);"><img id="pause_ico" src="resources/32_pause.png" /></a>
<a href="javascript:startSlideShow();" onclick="click(this);" title="stop and revert slideshow"><img id="stop_ico" src="resources/32_stop.png" /></a>
<a href="javascript:nextSlide();" onclick="click(this);" title="slide to next photo"><img id="fwd_ico" src="resources/32_fwd.png" /></a>
</div>
- </body>
+ <div style="margin: 0 auto; padding: 10px;">
+ <a href="javascript:window.close();" title="click to close slideshow">
+ <img id="slide_img" alt="slideshow_img" style="padding: 10px; background-color: #ffffff;" />
+ </a>
+ </div>
+</body>
{include file="footer.tpl"}