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