Subversion Repositories Sites.tela-botanica.org

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
415 jpm 1
/*Gallerie CSS en cas d'abscence de JS*/
2
 .galerie {
3
	background-color: #444;
4
	padding: 10px;
5
	width:190px;
6
	height:190px;
7
	overflow: auto;
8
	white-space:nowrap;}
9
.galerie ul {
10
	list-style: none;
11
	padding:0;
12
	margin:0;}
13
.galerie ul li {display: inline;}
14
.galerie ul img {
15
	border: 5px solid #3e3e3e;}
16
.galerie ul a:hover img {
17
	border: 5px solid #fff;
18
	color: #fff;}
19
/* jQuery SlideViewer plugin*/
20
/*preload classes*/
21
.svw {width: 50px; height: 20px; background: #fff;}
22
.svw ul {position: relative; left: -999em;}
23
/*core classes*/
24
.stripViewer {
25
	position: relative;
26
	overflow: hidden;
27
	border: 5px solid #444;
28
	margin: 0 0 1px 0;}
29
.stripViewer li a img {border:none;}
30
.stripViewer ul { /* this is your UL of images */
31
	margin: 0;
32
	padding: 0;
33
	position: relative;
34
	left: 0;
35
	top: 0;
36
	width: 1%;
37
	list-style-type: none;}
38
.stripViewer ul li {
39
	float:left;}
40
.stripTransmitter {
41
	overflow: auto;
42
	width: 1%;}
43
.stripTransmitter ul {
44
	margin: 0;
45
	padding: 0;
46
	position: relative;
47
	list-style-type: none;}
48
.stripTransmitter ul li{
49
	width: 20px;
50
	float:left;
51
	margin: 0 1px 1px 0;}
52
.stripTransmitter a{
53
	font: bold 10px Verdana, Arial;
54
	text-align: center;
55
	line-height: 22px;
56
	background: #444;
57
	color: #fff;
58
	text-decoration: none;
59
	display: block;}
60
.stripTransmitter a:hover, a.current{
61
	background: #fff;
62
	color: #444;}
63
/*tooltips formatting*/
64
#tooltip {
65
	background: #fff;
66
	color: #000;
67
	opacity: 0.85;
68
	border: 5px solid #dedede;}
69
#tooltip h3 {
70
	font: normal 10px Verdana;
71
	margin: 0;
72
	padding: 6px 2px;
73
	border: 0;}
74
/**
75
 * jQuery lightBox plugin
76
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
77
 * and adapted to me for use like a plugin from jQuery.
78
 * @name jquery-lightbox-0.4.css
79
 * @author Leandro Vieira Pinho - http://leandrovieira.com
80
 * @version 0.4
81
 * @date November 17, 2007
82
 * @category jQuery plugin
83
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
84
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
85
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
86
 */
87
#jquery-overlay {
88
	position: absolute;
89
	top: 0;
90
	left: 0;
91
	z-index: 90;
92
	width: 100%;
93
	height: 500px;
94
}
95
#jquery-lightbox {
96
	position: absolute;
97
	top: 0;
98
	left: 0;
99
	width: 100%;
100
	z-index: 100;
101
	text-align: center;
102
	line-height: 0;
103
}
104
#jquery-lightbox a img { border: none; }
105
#lightbox-container-image-box {
106
	position: relative;
107
	background-color: #fff;
108
	width: 250px;
109
	height: 250px;
110
	margin: 0 auto;
111
}
112
#lightbox-container-image { padding: 10px; }
113
#lightbox-loading {
114
	position: absolute;
115
	top: 40%;
116
	left: 0%;
117
	height: 25%;
118
	width: 100%;
119
	text-align: center;
120
	line-height: 0;
121
}
122
#lightbox-nav {
123
	position: absolute;
124
	top: 0;
125
	left: 0;
126
	height: 100%;
127
	width: 100%;
128
	z-index: 10;
129
}
130
#lightbox-container-image-box > #lightbox-nav { left: 0; }
131
#lightbox-nav a { outline: none;}
132
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
133
	width: 49%;
134
	height: 100%;
135
	zoom: 1;
136
	display: block;
137
}
138
#lightbox-nav-btnPrev {
139
	left: 0;
140
	float: left;
141
}
142
#lightbox-nav-btnNext {
143
	right: 0;
144
	float: right;
145
}
146
#lightbox-container-image-data-box {
147
	font: 10px Verdana, Helvetica, sans-serif;
148
	background-color: #fff;
149
	margin: 0 auto;
150
	line-height: 1.4em;
151
	overflow: auto;
152
	width: 100%;
153
	padding: 0 10px 0;
154
}
155
#lightbox-container-image-data {
156
	padding: 0 10px;
157
	color: #666;
158
}
159
#lightbox-container-image-data #lightbox-image-details {
160
	width: 70%;
161
	float: left;
162
	text-align: left;
163
}
164
#lightbox-image-details-caption { font-weight: bold; }
165
#lightbox-image-details-currentNumber {
166
	display: block;
167
	clear: left;
168
	padding-bottom: 1.0em;
169
}
170
#lightbox-secNav-btnClose {
171
	width: 66px;
172
	float: right;
173
	padding-bottom: 0.7em;
174
}