X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fgallery.css;h=c863c1972f0234be32347843c8bf9b4aec328db1;hp=5e1f741a4de34d3dacf6a054e74b5ecebe430022;hb=fc80339e3c4b8d62c2138734f8b778bd714aa46b;hpb=0605e5404527fedc6da3fafbf8c7da1536aadd2c

diff --git a/include/gallery.css b/include/gallery.css
index 5e1f741..c863c19 100644
--- a/include/gallery.css
+++ b/include/gallery.css
@@ -82,10 +82,60 @@ table.picframe {
 }
 
 .slideshowContainer {
- border: 1px solid #ccc;
- width: 99%;
- height: 95%;
- margin-bottom: 5px;
+ padding-bottom: 32px;
+ width: 100%;
+ height: 100%;
+}
+
+.slideshowControls {
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 30px;
+ border-top: 1px solid white;
+ z-index: 3;
+}
+
+.controlButton {
+ position: absolute;
+ bottom: 3px;
+ width: 24px;
+ height: 24px;
+ cursor: pointer;
+}
+
+.controlButton#prev {
+ left: 0px;
+ background: url(left.png) no-repeat;
+}
+
+.controlButton#stop {
+ left: 25px;
+ background: url(stop.png) no-repeat;
+}
+
+.controlButton#play {
+ left: 50px;
+ background: url(play.png) no-repeat;
+}
+
+.controlButton#next {
+ left: 75px;
+ background: url(right.png) no-repeat;
+}
+
+.controlButton#exit {
+ left: 100px;
+ background: url(close.png) no-repeat;
+}
+
+.controlButton#comm {
+ left: 125px;
+ width: auto;
+ color: white;
+ margin: .3ex;
+ cursor: default;
 }
 
 .MultiBoxContainer {