gray out inactive controls

[mkgallery.git] / include / gallery.css

diff --git a/include/gallery.css b/include/gallery.css
index dfecd8d65dff99c5f2b98f25e678fa574d3bbca7..e06e65af103a62f38f46680a75ae6e804e7e2981 100644 (file)
--- a/include/gallery.css
+++ b/include/gallery.css
@@ -92,6 +92,7 @@ table.picframe {
  height: 30px;
  z-index: 3;
  opacity: .15;
+ color: white;
 }
 
 .slideshowControls:hover {
@@ -111,28 +112,40 @@ table.picframe {
  background: url(left.png) no-repeat;
 }
 
+.controlButton#prevDisabled {
+ left: 3px;
+ background: url(leftDisabled.png) no-repeat;
+ cursor: default;
+}
+
 .controlButton#stop {
  left: 28px;
  background: url(stop.png) no-repeat;
 }
 
 .controlButton#play {
- left: 53px;
+ left: 28px;
  background: url(play.png) no-repeat;
 }
 
 .controlButton#next {
- left: 78px;
+ left: 53px;
  background: url(right.png) no-repeat;
 }
 
+.controlButton#nextDisabled {
+ left: 53px;
+ background: url(rightDisabled.png) no-repeat;
+ cursor: default;
+}
+
 .controlButton#exit {
- left: 103px;
+ left: 78px;
  background: url(close.png) no-repeat;
 }
 
 .controlButton#comm {
- left: 128px;
+ left: 103px;
  width: auto;
  font-size: 20px;
  margin-left: .5ex;
@@ -148,6 +161,12 @@ table.picframe {
  text-decoration: none;
 }
 
+.controlPosition {
+ vertical-align: middle;
+ font-size: 10px;
+ margin-right: 1ex;
+}
+
 .MultiBoxContainer {
        position: absolute;
        border: 2px solid #000;