MOD correction de bugs (youpi)
[euphorik.git] / lightbox / css / lightbox.css
1 #lightbox{
2 position: absolute;
3 left: 0;
4 width: 100%;
5 z-index: 100;
6 text-align: center;
7 line-height: 0;
8 }
9
10 #lightbox a img{ border: none; }
11
12 #outerImageContainer{
13 position: relative;
14 background-color: #fff;
15 width: 250px;
16 height: 250px;
17 margin: 0 auto;
18 }
19
20 #imageContainer{
21 padding: 10px;
22 }
23
24 #loading{
25 position: absolute;
26 top: 40%;
27 left: 0%;
28 height: 25%;
29 width: 100%;
30 text-align: center;
31 line-height: 0;
32 }
33 #hoverNav{
34 position: absolute;
35 top: 0;
36 left: 0;
37 height: 100%;
38 width: 100%;
39 z-index: 10;
40 }
41 #imageContainer>#hoverNav{ left: 0;}
42 #hoverNav a{ outline: none;}
43
44 #prevLink, #nextLink{
45 width: 49%;
46 height: 100%;
47 background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
48 display: block;
49 }
50 #prevLink { left: 0; float: left;}
51 #nextLink { right: 0; float: right;}
52 #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
53 #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
54
55
56 #imageDataContainer{
57 font: 10px Verdana, Helvetica, sans-serif;
58 background-color: #fff;
59 margin: 0 auto;
60 line-height: 1.4em;
61 overflow: auto;
62 width: 100%
63 }
64
65 #imageData{ padding:0 10px; color: #666; }
66 #imageData #imageDetails{ width: 70%; float: left; text-align: left; }
67 #imageData #caption{ font-weight: bold; }
68 #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
69 #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
70
71 #overlay{
72 position: absolute;
73 top: 0;
74 left: 0;
75 z-index: 90;
76 width: 100%;
77 height: 500px;
78 background-color: #000;
79 }