- Nueva sección "Hogar".

git-svn-id: https://192.168.0.254/svn/Proyectos.Miguelo_Web/trunk@30 ec840e86-4cc9-48bc-81da-089286ec179e

src/hogar.html

@@ -29,15 +29,15 @@
       &nbsp;</h1>
       <p>&nbsp;</p>
       <!--p>&nbsp;</p-->
-      <a href="hogar/comodas-mesillas-hogar.jpg" rel="lightbox"><img src="hogar/comodas-mesillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/comodas-mesillas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/comodas-mesillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
       &nbsp;&nbsp;
-      <a href="hogar/sillas-hogar.jpg" rel="lightbox"><img src="hogar/sillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/sillas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/sillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
       &nbsp;&nbsp;
-      <a href="hogar/cuadros-hogar.jpg" rel="lightbox"><img src="hogar/cuadros-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/cuadros-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/cuadros-hogar_small.jpg" width="180" height="141" border="0" /></a>
 	<br /><br/>
-      <a href="hogar/lamparas-hogar.jpg" rel="lightbox"><img src="hogar/lamparas-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/lamparas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/lamparas-hogar_small.jpg" width="180" height="141" border="0" /></a>
       &nbsp;&nbsp;
-      <a href="hogar/sofas-hogar.jpg" rel="lightbox"><img src="hogar/sofas-hogar_small.jpg" width="180" height="141" border="0" /></a>      
+      <a href="hogar/sofas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/sofas-hogar_small.jpg" width="180" height="141" border="0" /></a>      
     </center>
   </div>
 </div>

src/lightbox.css

@@ -1,4 +1,4 @@
-#lightbox{
+#lightbox {
 	position: absolute;
 	top: 40px;
 	left: 0;
@@ -6,23 +6,21 @@
 	z-index: 100;
 	text-align: center;
 	line-height: 0;
-	}
+}
-
+#lightbox a img {
-#lightbox a img{ border: none; }
+	border: none;
-
+}
-#outerImageContainer{
+#outerImageContainer {
 	position: relative;
 	background-color: #fff;
 	width: 250px;
 	height: 250px;
 	margin: 0 auto;
-	}
+}
-
+#imageContainer {
-#imageContainer{
 	padding: 10px;
-	}
+}
-
+#loading {
-#loading{
 	position: absolute;
 	top: 40%;
 	left: 0%;
@@ -30,75 +28,96 @@
 	width: 100%;
 	text-align: center;
 	line-height: 0;
-	}
+}
-#hoverNav{
+#hoverNav {
 	position: absolute;
 	top: 0;
 	left: 0;
 	height: 100%;
 	width: 100%;
 	z-index: 10;
-	}
+}
-#imageContainer>#hoverNav{ left: 0;}
+#imageContainer>#hoverNav {
-#hoverNav a{ outline: none;}
+	left: 0;
-
+}
-#prevLink, #nextLink{
+#hoverNav a {
+	outline: none;
+}
+#prevLink, #nextLink {
 	width: 49%;
 	height: 100%;
-	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
+	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
 	display: block;
-	}
+}
-#prevLink { left: 0; float: left;}
+#prevLink {
-#nextLink { right: 0; float: right;}
+	left: 0;
-#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
+	float: left;
-#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
+}
-
+#nextLink {
-
+	right: 0;
-#imageDataContainer{
+	float: right;
+}
+#prevLink:hover, #prevLink:visited:hover {
+	background: url(/images/prevlabel.gif) left 15% no-repeat;
+}
+#nextLink:hover, #nextLink:visited:hover {
+	background: url(/images/nextlabel.gif) right 15% no-repeat;
+}
+#imageDataContainer {
 	font: 10px Verdana, Helvetica, sans-serif;
 	background-color: #fff;
 	margin: 0 auto;
 	line-height: 1.4em;
-	}
+}
-
+#imageData {
-#imageData{
 	padding:0 10px;
-	}
+}
-#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
+#imageData #imageDetails {
-#imageData #caption{ font-weight: bold;	}
+	width: 70%;
-#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
+	float: left;
-#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
+	text-align: left;
-		
+}
-#overlay{
+#imageData #caption {
+	font-weight: bold;
+}
+#imageData #numberDisplay {
+	display: block;
+	clear: left;
+	padding-bottom: 1.0em;
+}
+#imageData #bottomNavClose {
+	width: 66px;
+	float: right;
+	padding-bottom: 0.7em;
+}
+#overlay {
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 90;
 	width: 100%;
-#	height: 500px;
+ # height: 500px;
 	background-color: #000;
 	filter:alpha(opacity=60);
 	-moz-opacity: 0.6;
 	opacity: 0.6;
-	}
+}
-	
-
 .clearfix:after {
 	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
-	}
+}
-
 * html>body .clearfix {
 	display: inline-block;
 	width: 100%;
-	}
+}
-
 * html .clearfix {
 	/* Hides from IE-mac \*/
-	height: 1%;
-	/* End hide from IE-mac */
-	}	
 
+
+	height: 1%;/* End hide from IE-mac */
+
+
+	}