Subversion Repositories Sites.tela-botanica.org

Rev

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