replace lightbox

[mkgallery.git] / include / lightbox.css

diff --git a/include/lightbox.css b/include/lightbox.css
index 2e4fc70afce4756ff5b34451596d7a7eae704c57..5683160ba0dc19017e0c1232ad444c33c771cac0 100644 (file)
--- 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;
+}
+
+/*************************************************************/
+