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

diff --git a/include/gallery.css b/include/gallery.css
index c863c19..e06e65a 100644
--- a/include/gallery.css
+++ b/include/gallery.css
@@ -1,4 +1,6 @@
 /*
+	$Id$
+
 	This is a part of mkgallery.pl suite
 	http://www.average.org/mkgallery/
 */
@@ -77,14 +79,9 @@ table.picframe {
  background: url(loading.gif) center no-repeat;
 }
 
-.slideshowWindow {
- background-color: black;
-}
-
 .slideshowContainer {
- padding-bottom: 32px;
+ background-color: black;
  width: 100%;
- height: 100%;
 }
 
 .slideshowControls {
@@ -93,8 +90,13 @@ table.picframe {
  left: 0px;
  width: 100%;
  height: 30px;
- border-top: 1px solid white;
  z-index: 3;
+ opacity: .15;
+ color: white;
+}
+
+.slideshowControls:hover {
+ opacity: 1;
 }
 
 .controlButton {
@@ -106,38 +108,65 @@ table.picframe {
 }
 
 .controlButton#prev {
- left: 0px;
+ left: 3px;
  background: url(left.png) no-repeat;
 }
 
+.controlButton#prevDisabled {
+ left: 3px;
+ background: url(leftDisabled.png) no-repeat;
+ cursor: default;
+}
+
 .controlButton#stop {
- left: 25px;
+ left: 28px;
  background: url(stop.png) no-repeat;
 }
 
 .controlButton#play {
- left: 50px;
+ left: 28px;
  background: url(play.png) no-repeat;
 }
 
 .controlButton#next {
- left: 75px;
+ left: 53px;
  background: url(right.png) no-repeat;
 }
 
+.controlButton#nextDisabled {
+ left: 53px;
+ background: url(rightDisabled.png) no-repeat;
+ cursor: default;
+}
+
 .controlButton#exit {
- left: 100px;
+ left: 78px;
  background: url(close.png) no-repeat;
 }
 
 .controlButton#comm {
- left: 125px;
+ left: 103px;
  width: auto;
- color: white;
- margin: .3ex;
+ font-size: 20px;
+ margin-left: .5ex;
+ margin-right: .5ex;
+ padding-left: .5ex;
+ padding-right: .5ex;
+ background-color: rgba(0,0,0,.5);
  cursor: default;
 }
 
+.controlButton#comm a {
+ color: white;
+ text-decoration: none;
+}
+
+.controlPosition {
+ vertical-align: middle;
+ font-size: 10px;
+ margin-right: 1ex;
+}
+
 .MultiBoxContainer {
 	position: absolute;
 	border: 2px solid #000;