diff --git a/lightbox.css b/lightbox.css index 41897622200b56433c8f58cfc3b39f19b1e66c5e..0ae636976766e543fe134d0563a92297e571c529 100644 --- a/lightbox.css +++ b/lightbox.css @@ -5,6 +5,7 @@ width: 100%; z-index: 100; text-align: center; + line-height: 0; } #lightbox a img{ border: none; } @@ -24,7 +25,8 @@ #loading{ position: absolute; top: 40%; - left: 0%; + left: 45%; + *left: 0%; height: 25%; width: 100%; text-align: center; @@ -65,8 +67,9 @@ } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #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; } +#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } +#imageData #bottomNavClose{ width: 66px; float: right; padding-top: 0.7em; } +#imageData #bottomNav { height: 57px; } #overlay{ position: absolute; @@ -91,7 +94,7 @@ } * html>body .clearfix { - display: inline-block; + display: inline; width: 100%; } @@ -100,4 +103,29 @@ height: 1%; /* End hide from IE-mac */ } - \ No newline at end of file + +/*Image location mod*/ +#bottomNavClose { + display: block; + background: url(images/closelabel.gif) no-repeat; + width: 66px; + height: 22px; + position: relative; + top: 35px; +} + +#loadingLink { + display: block; + background: url(images/loading.gif) no-repeat; + width: 32px; + height: 32px; +} +#bottomNavZoom { +display:block; +background: url(images/expand.gif) no-repeat; +width:34px; +height:34px; +position:relative; +float:right; +left: 66px; +}