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

diff --git a/include/gallery.css b/include/gallery.css
index af7ba23..e06e65a 100644
--- a/include/gallery.css
+++ b/include/gallery.css
@@ -1,16 +1,23 @@
+/*
+	$Id$
+
+	This is a part of mkgallery.pl suite
+	http://www.average.org/mkgallery/
+*/
+
 img {
  clear:both;
  border-style: inset;
  border-color: gray;
  border-width: 2px;
- margin: 0.3ex;
+ margin: 0.2ex;
 }
 
 table.slide {
  float: left;
  width: 210px;
  height: 210px;
- margin: 0.3ex;
+ margin: 0.2ex;
  border-style: outset;
  border-color: #e0c080;
  border-width: 2px;
@@ -26,43 +33,244 @@ table.slide td {
  vertical-align: middle;
 }
 
-div.ibox {
+table.ipage {
  background-color: #ffffc0;
  border: 1px solid black;
+ border-collapse: collapse;
+ text-align: left;
  margin: 0px;
  padding: 0px;
- display: none;
- z-index: 1000;
- position: absolute;
 }
-div.iboxtitle {
- background-color: blue;
+table.ipage td {
  border: 1px solid black;
  margin: 0px;
- padding: 0.5ex;
+ padding: 1ex;
 }
-div.iboxtitle * {
- color: white;
+
+table.infotable {
+ border-width: 0px;
+}
+table.infotable td {
+ border-width: 0px;
+ padding: 0.3ex;
 }
 
-table.ipage {
- background-color: #ffffc0;
+table.navi {
+ background-color: #c0c0c0;
  border: 1px solid black;
  border-collapse: collapse;
- text-align: left;
+ text-align: center;
  margin: 0px;
  padding: 0px;
 }
-table.ipage td {
+table.navi td {
  border: 1px solid black;
  margin: 0px;
  padding: 1ex;
 }
 
-table.infotable {
- border-width: 0px;
+table.picframe {
+ border: 1px solid black;
+ margin: 10px;
+ padding: 10px;
 }
-table.infotable td {
- border-width: 0px;
- padding: 0.3ex;
+
+.loading {
+ background: url(loading.gif) center no-repeat;
+}
+
+.slideshowContainer {
+ background-color: black;
+ width: 100%;
+}
+
+.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 {
+	position: absolute;
+	border: 2px solid #000;
+	background-color: #FFF;
+	display: none;
+	z-index: 2;
+	text-align: left;
+}
+
+.MultiBoxLoading {
+	background: url(loading.gif) no-repeat center;
+}
+
+.MultiBoxContent {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.MultiBoxClose {
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	background: url(close.png) no-repeat;
+	width: 24px;
+	height: 24px;
+	cursor: pointer;
+}
+
+
+.MultiBoxControlsContainer {
+	overflow: hidden;
+	height: 0px;
+	width: 100%;
+}
+
+.MultiBoxControls {
+	width: 100%;
+	height: auto;
+	position: relative;
+	background-color: #000000;
+}
+
+
+.MultiBoxPrevious {
+	position: absolute;
+	background: url(left.png) no-repeat;
+	width: 24px;
+	height: 24px;
+	left: 0px;
+	margin-top: 5px;
+	cursor: pointer;
+}
+
+.MultiBoxNext {
+	position: absolute;
+	background: url(right.png) no-repeat;
+	width: 24px;
+	height: 24px;
+	right: 0px;
+	margin-top: 5px;
+	cursor: pointer;
+}
+
+.MultiBoxNextDisabled {
+	cursor: default;
+	background: url(rightDisabled.png) no-repeat;
+}
+
+.MultiBoxPreviousDisabled {
+	cursor: default;
+	background: url(leftDisabled.png) no-repeat;
+}
+
+.MultiBoxTitle {
+	position: relative;
+	margin: 10px 0 0 35px;
+	float: left;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #FFF;
+	font-weight: bold;
+	text-align: left;
+}
+
+.MultiBoxNumber {
+	position: relative;
+	width: 50px;
+	margin: 10px 35px 0 0;
+	float: right;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #FFF;
+	text-align: right;
+}
+
+.MultiBoxDescription {
+	clear: left;
+	position: relative;
+	margin: 0 35px 0 35px;
+	padding-top: 5px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #FFF;
+	text-align: left;
 }