X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fgallery.css;h=96800a8485a491b1aa393505254475623f183be1;hp=5e1f741a4de34d3dacf6a054e74b5ecebe430022;hb=02e3f3fcb4c9f4741974ee40e838ed0b8a358b88;hpb=e1409ccb8e6b656b691b97f9741c1313d0a30558

diff --git a/include/gallery.css b/include/gallery.css
index 5e1f741..96800a8 100644
--- a/include/gallery.css
+++ b/include/gallery.css
@@ -1,9 +1,22 @@
 /*
+	$Id$
+
 	This is a part of mkgallery.pl suite
 	http://www.average.org/mkgallery/
+
+	DO NOT EDIT THIS FILE OR FACE RISK OF PROBLEMS ON UPGRADE
+	Instead, include custom modifications into custom.css
 */
 
-img {
+h2.ititle {
+	text-align: center;
+}
+
+h2.atitle {
+	text-align: center;
+}
+
+img.thumbnail {
  clear:both;
  border-style: inset;
  border-color: gray;
@@ -11,6 +24,13 @@ img {
  margin: 0.2ex;
 }
 
+img.mainformat {
+ clear:both;
+ border-style: none;
+ margin: 0px;
+ padding: 0px;
+}
+
 table.slide {
  float: left;
  width: 210px;
@@ -77,15 +97,92 @@ table.picframe {
  background: url(loading.gif) center no-repeat;
 }
 
-.slideshowWindow {
+.slideshowContainer {
  background-color: black;
+ width: 100%;
 }
 
-.slideshowContainer {
- border: 1px solid #ccc;
- width: 99%;
- height: 95%;
- margin-bottom: 5px;
+.slideshowControls {
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 30px;
+ z-index: 3;
+ opacity: .15;
+ color: white;
+}
+
+.slideshowControls:hover {
+ opacity: 1;
+}
+
+.controlButton {
+ position: absolute;
+ bottom: 3px;
+ width: 24px;
+ height: 24px;
+ cursor: pointer;
+}
+
+.controlButton#prev {
+ left: 3px;
+ 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: 28px;
+ background: url(play.png) no-repeat;
+}
+
+.controlButton#next {
+ left: 53px;
+ background: url(right.png) no-repeat;
+}
+
+.controlButton#nextDisabled {
+ left: 53px;
+ background: url(rightDisabled.png) no-repeat;
+ cursor: default;
+}
+
+.controlButton#exit {
+ left: 78px;
+ background: url(close.png) no-repeat;
+}
+
+.controlButton#comm {
+ left: 103px;
+ width: auto;
+ 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 {
@@ -195,3 +292,16 @@ table.picframe {
 	color: #FFF;
 	text-align: left;
 }
+
+div.slideimage {
+ position: relative;
+}
+
+div.geoloc {
+ position: absolute;
+ right: 0px;
+ top: 0px;
+ width: 14px;
+ height: 14px;
+ background: url(smallglobe.png) no-repeat;
+}