include/lightbox.css

   1
   2 /**************************************************************
   3
   4         Lightbox
   5         v 1.5
   6
   7 **************************************************************/
   8
   9 #lbOverlay {
  10         position: absolute;
  11         left: 0;
  12         width: 100%;
  13         background-color: #000;
  14         cursor: pointer;
  15 }
  16
  17 #lbCenter, #lbBottomContainer {
  18         position: absolute;
  19         left: 50%;
  20         overflow: hidden;
  21         background-color: #fff;
  22 }
  23
  24 .lbLoading {
  25         background: #fff url(images/loading.gif) no-repeat center;
  26 }
  27
  28 #lbImage {
  29         border: 10px solid #fff;
  30 }
  31
  32
  33 .photos {
  34         padding: 3px;
  35         border: 1px solid #fff;
  36 }
  37
  38 a:hover .photos {
  39         border: 1px solid #999;
  40 }
  41
  42 .lightboxDesc a {
  43         color: #999999;
  44         text-decoration: none;
  45 }
  46
  47 .lightboxDesc a:hover {
  48         color: #000000;
  49         text-decoration: none;
  50 }
  51
  52 /***************************
  53
  54         styles for hidden next & previous buttons
  55
  56 ***************************/
  57 /*
  58 #lbPrevLink, #lbNextLink {
  59         display: block;
  60         position: absolute;
  61         top: 0;
  62         width: 50%;
  63         height: 32px;
  64         outline: none;
  65 }
  66
  67 #lbPrevLink {
  68         left: 0;
  69
  70 }
  71
  72 #lbPrevLink:hover {
  73         background: transparent url(prevlabel.gif) no-repeat 0% 15%;
  74 }
  75
  76 #lbNextLink {
  77         right: 0;
  78 }
  79
  80 #lbNextLink:hover {
  81         background: transparent url(nextlabel.gif) no-repeat 100% 15%;
  82 }
  83
  84 /***************************
  85
  86         styles for next & previous buttons as part of footer
  87
  88 ***************************/
  89
  90 #lbPrevLink, #lbNextLink {
  91         display: block;
  92         width: 63px;
  93         height: 32px;
  94         outline: none;
  95 }
  96
  97 #lbPrevLink {
  98         float: left;
  99         background: transparent url(images/prevlabel.gif) no-repeat left;
 100
 101 }
 102
 103 #lbPrevLink:hover {
 104         background: transparent url(images/prevlabel.gif) no-repeat left;
 105 }
 106
 107 #lbNextLink {
 108         float: right;
 109         background: transparent url(images/nextlabel.gif) no-repeat right;
 110 }
 111
 112 #lbNextLink:hover {
 113         background: transparent url(images/nextlabel.gif) no-repeat right;
 114 }
 115
 116 #lbControls {
 117         display: block;
 118         height: 32px;
 119 }
 120
 121
 122 /**********************************/
 123
 124
 125 #lbBottom {
 126         font-family: Verdana, Helvetica, sans-serif;
 127         font-size: 10px;
 128         color: #666;
 129         line-height: 1.4em;
 130         text-align: left;
 131         border: 10px solid #fff;
 132         border-top-style: none;
 133 }
 134
 135 #lbCloseLink {
 136         clear: both;
 137         display: block;
 138         float: right;
 139         width: 66px;
 140         height: 22px;
 141         background: transparent url(images/closelabel.gif) no-repeat center;
 142         margin: 0px 0px 0px 0px;
 143         /*border: 1px solid #000;*/
 144 }
 145
 146 #lbCaption, #lbNumber, #lbDescription {
 147         margin-right: 71px;
 148         /*border: 1px solid #000;*/
 149 }
 150
 151 #lbCaption {
 152         font-weight: bold;
 153 }
 154
 155
 156 .lightboxDesc {
 157         display: none;
 158 }
 159
 160 /*************************************************************/
 161