Subversion Repositories Sites.tela-botanica.org

Rev

Rev 609 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
434 jpm 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.4.css
6 
 * @author Leandro Vieira Pinho - http://leandrovieira.com
7 
 * @version 0.4
8 
 * @date November 17, 2007
9 
 * @category jQuery plugin
10 
 * @copyright (c) 2007 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 
}