css/slimbox.css

   1 /* SLIMBOX */
   2
   3 #lbOverlay {
   4         position: absolute;
   5         z-index: 9999;
   6         left: 0;
   7         width: 100%;
   8         background-color: #000;
   9         cursor: pointer;
  10 }
  11
  12 #lbCenter, #lbBottomContainer {
  13         position: absolute;
  14         z-index: 9999;
  15         left: 50%;
  16         overflow: hidden;
  17         background-color: #fff;
  18 }
  19
  20 .lbLoading {
  21         background: #fff url(${base_url}images/slimbox/loading.gif) no-repeat center;
  22 }
  23
  24 #lbImage {
  25         position: absolute;
  26         left: 0;
  27         top: 0;
  28         border: 10px solid #fff;
  29         background-repeat: no-repeat;
  30 }
  31
  32 #lbPrevLink, #lbNextLink {
  33         display: block;
  34         position: absolute;
  35         top: 0;
  36         width: 50%;
  37         outline: none;
  38 }
  39
  40 #lbPrevLink {
  41         left: 0;
  42 }
  43
  44 #lbPrevLink:hover {
  45         background: transparent url(${base_url}images/slimbox/prevlabel.gif) no-repeat 0% 15%;
  46 }
  47
  48 #lbNextLink {
  49         right: 0;
  50 }
  51
  52 #lbNextLink:hover {
  53         background: transparent url(${base_url}images/slimbox/nextlabel.gif) no-repeat 100% 15%;
  54 }
  55
  56 #lbBottom {
  57         color: #666;
  58         line-height: 1.4em;
  59         text-align: left;
  60         border: 10px solid #fff;
  61         border-top-style: none;
  62 }
  63
  64 #lbCloseLink {
  65         display: block;
  66         float: right;
  67         width: 66px;
  68         height: 22px;
  69         background: transparent url(${base_url}images/slimbox/closelabel.gif) no-repeat center;
  70         margin: 5px 0;
  71         outline: none;
  72 }
  73
  74 #lbCaption, #lbNumber {
  75         margin-right: 71px;
  76 }
  77
  78 #lbCaption {
  79         font-weight: bold;
  80 }