/static/css/lightbox.css

 1/* LIGHTBOX */
 2#jquery-overlay {
 3	position: absolute;
 4	top: 0;
 5	left: 0;
 6	z-index: 8999;
 7	width: 100%;
 8	height: 500px;
 9}
10#jquery-lightbox {
11	position: absolute;
12	top: 0;
13	left: 0;
14	width: 100%;
15	z-index: 9000;
16	text-align: center;
17	line-height: 0;
18}
19#jquery-lightbox a img { border: none; }
20#lightbox-container-image-box {
21	position: relative;
22	background-color: #fff;
23	width: 250px;
24	height: 250px;
25	margin: 0 auto;
26}
27#lightbox-container-image { padding: 10px; }
28#lightbox-loading {
29	position: absolute;
30	top: 40%;
31	left: 0%;
32	height: 25%;
33	width: 100%;
34	text-align: center;
35	line-height: 0;
36}
37#lightbox-nav {
38	position: absolute;
39	top: 0;
40	left: 0;
41	height: 100%;
42	width: 100%;
43	z-index: 9000;
44}
45#lightbox-container-image-box > #lightbox-nav { left: 0; }
46#lightbox-nav a { outline: none;}
47#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
48	width: 49%;
49	height: 100%;
50	/*zoom: 1;*/
51	display: block;
52}
53#lightbox-nav-btnPrev { 
54	left: 0; 
55	float: left;
56}
57#lightbox-nav-btnNext { 
58	right: 0; 
59	float: right;
60}
61#lightbox-container-image-data-box {
62	font: 10px Verdana, Helvetica, sans-serif;
63	background-color: #fff;
64	margin: 0 auto;
65	line-height: 1.4em;
66	overflow: auto;
67	width: 100%;
68	padding: 0 10px 0;
69}
70#lightbox-container-image-data {
71	padding: 0 10px 20px; 
72	color: #666; 
73}
74#lightbox-container-image-data #lightbox-image-details { 
75	width: 70%; 
76	float: left; 
77	text-align: left; 
78}	
79#lightbox-image-details-caption { font-weight: bold; }
80#lightbox-image-details-currentNumber {
81	display: block; 
82	clear: left; 
83	padding-bottom: 1.0em;	
84}			
85#lightbox-secNav-btnClose {
86	width: 66px; 
87	float: right;
88	padding-bottom: 0.7em;	
89}