lightbox/css/lightbox.css

   1 #lightbox{
   2         position: absolute;
   3         left: 0;
   4         width: 100%;
   5         z-index: 100;
   6         text-align: center;
   7         line-height: 0;
   8         }
   9
  10 #lightbox a img{ border: none; }
  11
  12 #outerImageContainer{
  13         position: relative;
  14         background-color: #fff;
  15         width: 250px;
  16         height: 250px;
  17         margin: 0 auto;
  18         }
  19
  20 #imageContainer{
  21         padding: 10px;
  22         }
  23
  24 #loading{
  25         position: absolute;
  26         top: 40%;
  27         left: 0%;
  28         height: 25%;
  29         width: 100%;
  30         text-align: center;
  31         line-height: 0;
  32         }
  33 #hoverNav{
  34         position: absolute;
  35         top: 0;
  36         left: 0;
  37         height: 100%;
  38         width: 100%;
  39         z-index: 10;
  40         }
  41 #imageContainer>#hoverNav{ left: 0;}
  42 #hoverNav a{ outline: none;}
  43
  44 #prevLink, #nextLink{
  45         width: 49%;
  46         height: 100%;
  47         background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  48         display: block;
  49         }
  50 #prevLink { left: 0; float: left;}
  51 #nextLink { right: 0; float: right;}
  52 #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  53 #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
  54
  55
  56 #imageDataContainer{
  57         font: 10px Verdana, Helvetica, sans-serif;
  58         background-color: #fff;
  59         margin: 0 auto;
  60         line-height: 1.4em;
  61         overflow: auto;
  62         width: 100%
  63         }
  64
  65 #imageData{     padding:0 10px; color: #666; }
  66 #imageData #imageDetails{ width: 70%; float: left; text-align: left; }
  67 #imageData #caption{ font-weight: bold; }
  68 #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
  69 #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }
  70
  71 #overlay{
  72         position: absolute;
  73         top: 0;
  74         left: 0;
  75         z-index: 90;
  76         width: 100%;
  77         height: 500px;
  78         background-color: #000;
  79         }