lightbox.css in typo-5.0.3.98

- old
+ new
@@ -1,22 +1,62 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+
+Title : Lightbox CSS
+Author : Kevin Hale
+URL : http://particletree.com/features/lightbox-gone-wild/
+
+Created : January 13, 2006
+Modified : February 1, 2006
+
+- - - - - - - - - - - - - - - - - - - - - */
+
 #lightbox{
-	background-color:#eee;
-	padding: 10px;
-	border-bottom: 2px solid #666;
-	border-right: 2px solid #666;
-	}
-#lightboxCaption{
-	font-size: 0.8em;
-	padding-top: 0.4em;
-	}
-#lightbox img{ border: none; } 
-#overlay img{ border: none; }
+	display:none;
+	position: absolute;
+	top:50%;
+	left:50%;
+	z-index:9999;
+	width:980px;
+	height:720px;
+	margin:-380px 0 0 -490px;
+	border:1px solid #fff;
+	background:#fff;
+	text-align:left;
+}
+#lightbox[id]{
+	position:fixed;
+}
 
-#overlay{ background-image: url(../images/overlay.png); }
+#overlay{
+	display:none;
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	z-index:5000;
+	background-color:#000;
+	-moz-opacity: 0.8;
+	opacity:.80;
+	filter: alpha(opacity=80);
+}
+#overlay[id]{
+	position:fixed;
+}
 
-* html #overlay{
-	background-color: #333;
-	back\ground-color: transparent;
-	background-image: url(blank.gif);
-	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="..//images/overlay.png", sizingMethod="scale");
-	}
-	
+#lightbox.done #lbLoadMessage{
+	display:none;
+}
+#lightbox.done #lbContent{
+	display:block;
+}
+#lightbox.loading #lbContent{
+	display:none;
+}
+#lightbox.loading #lbLoadMessage{
+	display:block;
+}
+
+#lightbox.done img{
+	width:100%;
+	height:100%;
+}
\ No newline at end of file