git.maemo.org Git - modest/blob - www/jquery.lightbox-0.4.css

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