styles/jquery.lightbox.css

   1 /**
   2  * jQuery lightBox plugin
   3  * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
   4  * and adapted to me for use like a plugin from jQuery.
   5  * @name jquery-lightbox-0.5.css
   6  * @author Leandro Vieira Pinho - http://leandrovieira.com
   7  * @version 0.5
   8  * @date April 11, 2008
   9  * @category jQuery plugin
  10  * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
  11  * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
  12  * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
  13  */
  14 #jquery-overlay {
  15         position: absolute;
  16         top: 0;
  17         left: 0;
  18         z-index: 90;
  19         width: 100%;
  20         height: 500px;
  21 }
  22 #jquery-lightbox {
  23         position: absolute;
  24         top: 0;
  25         left: 0;
  26         width: 100%;
  27         z-index: 100;
  28         text-align: center;
  29         line-height: 0;
  30 }
  31 #jquery-lightbox a img { border: none; }
  32 #lightbox-container-image-box {
  33         position: relative;
  34         background-color: #fff;
  35         width: 250px;
  36         height: 250px;
  37         margin: 0 auto;
  38 }
  39 #lightbox-container-image { padding: 10px; }
  40 #lightbox-loading {
  41         position: absolute;
  42         top: 40%;
  43         left: 0%;
  44         height: 25%;
  45         width: 100%;
  46         text-align: center;
  47         line-height: 0;
  48 }
  49 #lightbox-nav {
  50         position: absolute;
  51         top: 0;
  52         left: 0;
  53         height: 100%;
  54         width: 100%;
  55         z-index: 10;
  56 }
  57 #lightbox-container-image-box > #lightbox-nav { left: 0; }
  58 #lightbox-nav a { outline: none;}
  59 #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  60         width: 49%;
  61         height: 100%;
  62         zoom: 1;
  63         display: block;
  64 }
  65 #lightbox-nav-btnPrev {
  66         left: 0;
  67         float: left;
  68 }
  69 #lightbox-nav-btnNext {
  70         right: 0;
  71         float: right;
  72 }
  73 #lightbox-container-image-data-box {
  74         font: 10px Verdana, Helvetica, sans-serif;
  75         background-color: #fff;
  76         margin: 0 auto;
  77         line-height: 1.4em;
  78         overflow: auto;
  79         width: 100%;
  80         padding: 0 10px 0;
  81 }
  82 #lightbox-container-image-data {
  83         padding: 0 10px;
  84         color: #666;
  85 }
  86 #lightbox-container-image-data #lightbox-image-details {
  87         width: 70%;
  88         float: left;
  89         text-align: left;
  90 }
  91 #lightbox-image-details-caption { font-weight: bold; }
  92 #lightbox-image-details-currentNumber {
  93         display: block;
  94         clear: left;
  95         padding-bottom: 1.0em;
  96 }
  97 #lightbox-secNav-btnClose {
  98         width: 66px;
  99         float: right;
 100         padding-bottom: 0.7em;
 101 }