cleanup: moved more CSS into the stylesheet

started separating the CSS from the templates.

Signed-off-by: Arun Persaud <arun@nubati.net>

1 files changed, 3 insertions, 3 deletions

diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl
index c5e8ba5..22c86a8 100644
--- a/themes/default/templates/slideshow.tpl
+++ b/themes/default/templates/slideshow.tpl
@@ -10,13 +10,13 @@
    <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>
-  <div style="margin: 0 auto; padding: 10px;">
+  <div id="slide_close">
    <a href="javascript:window.close();" title="click to close slideshow">
-    <img id="slide_img" alt="slideshow_img" style="padding: 15px; background-color: #000000;" />
+    <img id="slide_img" alt="slideshow_img" />
    </a>
   </div>
   <form>
-   <div id="slider-1" tabIndex="1" style="margin: 0 auto;" onclick="if(this.blur)this.blur();">
+   <div id="slider-1" tabIndex="1" onclick="if(this.blur)this.blur();">
    <input id="slider-input-1" name="slider-input-1" onclick="if(this.blur)this.blur();" />
    </div>
   </form>