X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Flightbox.css;h=5683160ba0dc19017e0c1232ad444c33c771cac0;hp=2e4fc70afce4756ff5b34451596d7a7eae704c57;hb=7104bfdf4b25fc5bc8e8aaf9e65e6846a731bebc;hpb=d7c0a397220f9f171f4fc677b96ea1f6655e7e02

diff --git a/include/lightbox.css b/include/lightbox.css
index 2e4fc70..5683160 100644
--- a/include/lightbox.css
+++ b/include/lightbox.css
@@ -1,26 +1,161 @@
-#lightbox{
-	background-color:#eee;
-	padding: 10px;
-	border-bottom: 2px solid #666;
-	border-right: 2px solid #666;
-	}
-#lightboxDetails{
-	font-size: 0.8em;
-	padding-top: 0.4em;
-	}	
-#lightboxCaption{ float: left; }
-#keyboardMsg{ float: right; }
-#closeButton{ top: 5px; right: 5px; }
-
-#lightbox img{ border: none; clear: both;} 
-#overlay img{ border: none; }
-
-#overlay{ background-image: url(overlay.png); }
-
-* html #overlay{
-	background-color: #333;
-	back\ground-color: transparent;
-	background-image: url(blank.gif);
-	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
-	}
-	
\ No newline at end of file
+
+/**************************************************************
+
+	Lightbox
+	v 1.5
+
+**************************************************************/
+
+#lbOverlay {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	background-color: #000;
+	cursor: pointer;
+}
+
+#lbCenter, #lbBottomContainer {
+	position: absolute;
+	left: 50%;
+	overflow: hidden;
+	background-color: #fff;
+}
+
+.lbLoading {
+	background: #fff url(images/loading.gif) no-repeat center;
+}
+
+#lbImage {
+	border: 10px solid #fff;
+}
+
+
+.photos {
+	padding: 3px;
+	border: 1px solid #fff;
+}
+
+a:hover .photos {
+	border: 1px solid #999;
+}
+
+.lightboxDesc a {
+	color: #999999;
+	text-decoration: none;
+}
+
+.lightboxDesc a:hover {
+	color: #000000;
+	text-decoration: none;
+}
+
+/***************************
+
+	styles for hidden next & previous buttons
+
+***************************/
+/*
+#lbPrevLink, #lbNextLink {
+	display: block;
+	position: absolute;
+	top: 0;
+	width: 50%;
+	height: 32px;
+	outline: none;
+}
+
+#lbPrevLink {
+	left: 0;
+	
+}
+
+#lbPrevLink:hover {
+	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
+}
+
+#lbNextLink {
+	right: 0;
+}
+
+#lbNextLink:hover {
+	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
+}
+
+/***************************
+
+	styles for next & previous buttons as part of footer
+
+***************************/
+
+#lbPrevLink, #lbNextLink {
+	display: block;
+	width: 63px;
+	height: 32px;
+	outline: none;
+}
+
+#lbPrevLink {
+	float: left;
+	background: transparent url(images/prevlabel.gif) no-repeat left;
+	
+}
+
+#lbPrevLink:hover {
+	background: transparent url(images/prevlabel.gif) no-repeat left;
+}
+
+#lbNextLink {
+	float: right;
+	background: transparent url(images/nextlabel.gif) no-repeat right;
+}
+
+#lbNextLink:hover {
+	background: transparent url(images/nextlabel.gif) no-repeat right;
+}
+
+#lbControls {
+	display: block;
+	height: 32px;
+}
+
+
+/**********************************/
+
+
+#lbBottom {
+	font-family: Verdana, Helvetica, sans-serif;
+	font-size: 10px;
+	color: #666;
+	line-height: 1.4em;
+	text-align: left;
+	border: 10px solid #fff;
+	border-top-style: none;
+}
+
+#lbCloseLink {
+	clear: both;
+	display: block;
+	float: right;
+	width: 66px;
+	height: 22px;
+	background: transparent url(images/closelabel.gif) no-repeat center;
+	margin: 0px 0px 0px 0px;
+	/*border: 1px solid #000;*/
+}
+
+#lbCaption, #lbNumber, #lbDescription {
+	margin-right: 71px;
+	/*border: 1px solid #000;*/
+}
+
+#lbCaption {
+	font-weight: bold;
+}
+
+
+.lightboxDesc {
+	display: none;
+}
+
+/*************************************************************/
+