Subversion Repositories eFlore/Applications.cel

Rev

Rev 798 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 798 Rev 1096
Line 34... Line 34...
34 
}
 34 
}
35 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 35 
/*+-----------------------------------------------------------------------------------------------------------------+*/
36 
/* Présentation des listes de définitions */
 36 
/* Présentation des listes de définitions */
37 
dl {
 37 
dl {
38 
	width:100%;
 38 
	width:100%;
- 
 
 39 
	margin:0;
39 
}
 40 
}
40 
dt {
 41 
dt {
41 
	float:left;
 42 
	float:left;
42 
	font-weight:bold;
 43 
	font-weight:bold;
43 
	text-align:top left;
 44 
	text-align:top left;
44 
	margin-right:0.3em;
 45 
	margin-right:0.3em;
- 
 
 46 
	line-height:0.8em;
45 
}
 47 
}
46 
dd {
 48 
dd {
47 
	width:auto;
 49 
	width:auto;
48 
	margin:0.5em 0;
 50 
	margin:0.5em 0;
- 
 
 51 
	line-height:0.8em;
49 
}
 52 
}
50 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 53 
/*+-----------------------------------------------------------------------------------------------------------------+*/
51 
/* Tableau : */
 54 
/* Tableau : */
52 
table {
 55 
table {
53 
	border:1px solid gray;
 56 
	border:1px solid gray;
54 
	border-collapse:collapse;
 57 
	border-collapse:collapse;
- 
 
 58 
	width:100%;
55 
}
 59 
}
56 
table thead, table tfoot, table tbody {
 60 
table thead, table tfoot, table tbody {
57 
	background-color:Gainsboro;
 61 
	background-color:Gainsboro;
58 
	border:1px solid gray;
 62 
	border:1px solid gray;
59 
}
 63 
}
Line 116... Line 120...
116 
	text-align:center;
 120 
	text-align:center;
117 
}
 121 
}
118 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 122 
/*+-----------------------------------------------------------------------------------------------------------------+*/
119 
/* Message de chargement */
 123 
/* Message de chargement */
120 
#chargement {
 124 
#chargement {
- 
 
 125 
	margin:25px;
121 
	display:none;
 126 
	text-align:center;
122 
}
 127 
}
123 
#chargement-copie img{
 128 
#chargement img{
124 
	display:block;
 129 
	display:block;
125 
	margin:auto;
 130 
	margin:auto;
126 
}
 131 
}
127 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 132 
/*+-----------------------------------------------------------------------------------------------------------------+*/
128 
/* Avertissement */
 133 
/* Avertissement */
Line 148... Line 153...
148 
	top:0;
153 
	top:0;
149 
	left:0;
 154 
	left:0;
150 
	width:100%;
 155 
	width:100%;
151 
	height:35px;
 156 
	height:35px;
152 
	overflow:hidden;
 157 
	overflow:hidden;
153 
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px #4A4B4C;
 158 
	background-color:#4A4B4C;
154 
}
 159 
}
155 
#zone-info {
 160 
#zone-info {
156 
	position:absolute;
 161 
	position:absolute;
157 
	top:0;
 162 
	top:0;
158 
	right:8px;
 163 
	right:8px;
Line 165... Line 170...
165 
	margin:0;
 170 
	margin:0;
166 
	border:none;
 171 
	border:none;
167 
}
 172 
}
168 
#carte-titre {
 173 
#carte-titre {
169 
	display:inline-block;
 174 
	display:inline-block;
170 
	margin:0 0 0 24px;
 175 
	margin:0;
171 
	padding:0.2em;
 176 
	padding:0.2em;
172 
	color:#CCCCCC;
 177 
	color:#CCCCCC;
173 
}
 178 
}
174 
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
 179 
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
175 
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
 180 
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
Line 212... Line 217...
212 
	cursor:pointer;
 217 
	cursor:pointer;
213 
}
 218 
}
214 
#pl-ouverture {
 219 
#pl-ouverture {
215 
	left:0;
 220 
	left:0;
216 
	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
 221 
	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
- 
 
 222 
	height:100%;
217 
}
 223 
}
218 
#pl-fermeture {
 224 
#pl-fermeture {
219 
	display:none;
 225 
	display:none;
220 
	left:276px;
 226 
	left:276px;
221 
	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
 227 
	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
Line 229... Line 235...
229 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 235 
/*+-----------------------------------------------------------------------------------------------------------------+*/
230 
/* Liste des taxons de la carte */
 236 
/* Liste des taxons de la carte */
231 
#taxons {
 237 
#taxons {
232 
	color:#999;
 238 
	color:#999;
233 
}
 239 
}
234 
#taxons .taxon-actif, #taxons .taxon-actif a {
 240 
#taxons .taxon-actif, #taxons .taxon-actif span {
- 
 
 241 
	color:#56B80E;
- 
 
 242 
}
- 
 
 243 
#taxons li span {
- 
 
 244 
	border-bottom:1px dotted #666;
- 
 
 245 
	color:#CCC;
- 
 
 246 
}
- 
 
 247 
#taxons li span:focus {
- 
 
 248 
	outline:thin dotted;
- 
 
 249 
}
- 
 
 250 
#taxons li span:hover {
235 
	color:#56B80E;}
 251 
	color:#56B80E;
- 
 
 252 
	border-bottom:1px dotted #56B80E;
- 
 
 253 
	cursor:pointer;
- 
 
 254 
}
- 
 
 255 
.nt {
- 
 
 256 
	display:none;
- 
 
 257 
}
236 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 258 
/*+-----------------------------------------------------------------------------------------------------------------+*/
237 
/* Pop-up observations */
 259 
/* Pop-up observations */
238 
.info-bulle-contenu {
 260 
#info-bulle{
239 
	margin:0;
 261 
	min-height:300px;
240 
	padding:0;
 262 
	/*width:géstion via le Javascript;*/
241 
}
 263 
}
242 
#observations {
 264 
#observations {
243 
	margin:23px 0 0 0;
 - 
 
244 
	padding:5px;
 - 
 
245 
	border:1px solid black;
 - 
 
246 
	border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
 - 
 
247 
	border-top:none !important;
 - 
 
248 
	overflow:none;
 265 
	overflow:none;
- 
 
 266 
	margin:-1px 0 0 0;
- 
 
 267 
	border: 1px solid #AAA;
- 
 
 268 
	border-radius:0 0 4px 4px;
249 
}
 269 
}
250 
#observations ol {
 - 
 
251 
	padding-left:20px;
 - 
 
252 
}
 - 
 
253 
.champ_nom_latin {
 - 
 
254 
	display:none;
 - 
 
255 
}
 - 
 
256 
#obs-msg-info {
 270 
#obs-pieds-page {
257 
	font-size:10px;
 271 
	font-size:10px;
258 
	color:#CCC;
 272 
	color:#CCC;
- 
 
 273 
	clear:both;
- 
 
 274 
}
- 
 
 275 
.ui-tabs {
- 
 
 276 
	padding:0;
- 
 
 277 
}
- 
 
 278 
.ui-widget-content {
- 
 
 279 
	border:0;
- 
 
 280 
}
- 
 
 281 
.ui-widget-header {
- 
 
 282 
	background:none;
- 
 
 283 
	border:0;
- 
 
 284 
	border-bottom:1px solid #AAA;
- 
 
 285 
	border-radius:0;
- 
 
 286 
}
- 
 
 287 
.ui-tabs-selected a {
- 
 
 288 
	border-bottom:1px solid white;
- 
 
 289 
}
- 
 
 290 
.ui-tabs-selected a:focus {
- 
 
 291 
	outline:0;
- 
 
 292 
}
- 
 
 293 
.ui-tabs .ui-tabs-panel {
- 
 
 294 
	padding:0.2em;
- 
 
 295 
}
- 
 
 296 
.ui-tabs .ui-tabs-nav li a {
- 
 
 297 
	padding: 0.5em 0.6em;
- 
 
 298 
}
- 
 
 299 
#obs h2 {
- 
 
 300 
	margin:0;
- 
 
 301 
	text-align:center;
259 
}
 302 
}
260 
#observations a {
 303 
#observations a {
261 
	color:#333;
 304 
	color:#333;
262 
	border-bottom:1px dotted gainsboro;
 305 
	border-bottom:1px dotted gainsboro;
263 
}
 306 
}
264 
#observations a:hover {
 307 
#observations a:hover {
265 
	color:#56B80E;
 308 
	color:#56B80E;
266 
	border-bottom:1px dotted #56B80E;
 309 
	border-bottom:1px dotted #56B80E;
267 
}
 310 
}
- 
 
 311 
.nom-sci{
- 
 
 312 
	color:#454341;
- 
 
 313 
	font-weight:bold;
- 
 
 314 
}
268 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 315 
/*+-----------------------------------------------------------------------------------------------------------------+*/
269 
/* Onglets */
 316 
/* Pop-up observations : liste */
270 
.onglets {
 317 
.cel-img-principale {
271 
	position:absolute;
 318 
	height:0;/*Pour IE*/
272 
	top:0;
 319 
}
- 
 
 320 
.cel-img-principale img{
273 
	float:left;
 321 
	float:right;
274 
	height:22px;
 322 
	height:75px;
275 
	padding:0;
 323 
	width:75px;
276 
	margin:0;
 324 
	padding:1px;
277 
	border-bottom:1px solid black;
 325 
	border:1px solid white;
278 
	width:100%;
 - 
 
279 
}
 326 
}
- 
 
 327 
#observations .cel-img:hover img{
- 
 
 328 
	border: 1px dotted #56B80E;
- 
 
 329 
}
- 
 
 330 
.cel-img-secondaire, .cel-infos{
280 
.onglets ul {
 331 
	display: none;
- 
 
 332 
}
- 
 
 333 
ol#obs-liste-lignes {
- 
 
 334 
	padding:5px;
281 
	margin:0;
 335 
	margin:0;
282 
	padding:0;
 - 
 
283 
	list-style:none;
 - 
 
284 
}
 336 
}
285 
.onglets li {
 337 
.champ-nom-sci {
286 
	float:left;
 338 
	display:none;
- 
 
 339 
}
287 
	text-transform:uppercase;
 340 
#obs-liste-lignes li dl {/*Pour IE*/
- 
 
 341 
	width:350px;
- 
 
 342 
}
- 
 
 343 
.obs-conteneur{
288 
	text-align:center;
 344 
	counter-reset: item;
289 
}
 345 
}
290 
.onglets .onglet {
 346 
.obs-conteneur .nom-sci:before {
- 
 
 347 
	content: counter(item) ". ";
- 
 
 348 
	counter-increment: item;
291 
	display:block;
 349 
	display:block;
- 
 
 350 
	float:left;
- 
 
 351 
}
- 
 
 352 
.obs-conteneur li {
292 
	padding:5px 15px 4px 15px;
 353 
	display: block;
293 
	margin:0;
 354 
	margin-bottom:1em;
- 
 
 355 
}
- 
 
 356 
 
- 
 
 357 
/*+-----------------------------------------------------------------------------------------------------------------+*/
- 
 
 358 
/* Diaporama */
- 
 
 359 
.cel-legende{
- 
 
 360 
	text-align:left;
- 
 
 361 
}
- 
 
 362 
.cel-legende-vei{
- 
 
 363 
	float:right;
- 
 
 364 
}
- 
 
 365 
.cel-legende p{
- 
 
 366 
	color: black;
294 
	font-size:12px;
 367 
	font-size: 12px;
295 
	line-height:12px;
 368 
	line-height: 18px;
296 
	border:1px solid black;
 369 
	margin: 0;
- 
 
 370 
}
297 
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
 371 
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
- 
 
 372 
	border-bottom:1px dotted gainsboro;
- 
 
 373 
	color:#333;
298 
	text-decoration:none;
 374 
	text-decoration:none;
- 
 
 375 
	background-image:none;
299 
}
 376 
}
300 
.onglets .actif .onglet {
 377 
.cel-legende a:hover {
301 
	border-bottom:1px solid white;
 - 
 
302 
	color:black;
 378 
	color:#56B80E;
303 
	background-color:white;
 379 
	border-bottom:1px dotted #56B80E;
304 
	font-weight:bold;
 - 
 
305 
}
 380 
}
- 
 
 381 
/*+-----------------------------------------------------------------------------------------------------------------+*/
- 
 
 382 
/* Plugin Jquery Pagination */
306 
.onglets .inactif .onglet {
 383 
.navigation {
307 
	border-bottom:1px solid #000000;
 384 
	padding:5px;
308 
	color:white;
 385 
	float:right;
309 
	background-color:gray;/*rgba(29,30,32,0.8);*/
 - 
 
310 
}
 386 
}
- 
 
 387 
.pagination {
- 
 
 388 
	font-size: 80%;
- 
 
 389 
}
- 
 
 390 
.pagination a {
- 
 
 391 
	text-decoration: none;
- 
 
 392 
	border: solid 1px #666;
- 
 
 393 
	color: #666;
- 
 
 394 
	background:gainsboro;
- 
 
 395 
}
311 
.onglets .inactif .onglet:hover {
 396 
.pagination a:hover {
- 
 
 397 
	color: white;
- 
 
 398 
	background: #56B80E;
- 
 
 399 
}
- 
 
 400 
.pagination a, .pagination span {
- 
 
 401 
	display: block;
- 
 
 402 
	float: left;
- 
 
 403 
	padding: 0.3em 0.5em;
- 
 
 404 
	margin-right: 5px;
- 
 
 405 
	margin-bottom: 5px;
- 
 
 406 
	min-width:1em;
- 
 
 407 
	text-align:center;
- 
 
 408 
}
- 
 
 409 
.pagination .current {
- 
 
 410 
	background: #4A4B4C;
- 
 
 411 
	color: white;
- 
 
 412 
	border: solid 1px gainsboro;
- 
 
 413 
}
- 
 
 414 
.pagination .current.prev, .pagination .current.next{
312 
	color:black;
 415 
	color: #999;
- 
 
 416 
	border-color: #999;
313 
	background-color:Gainsboro;
 417 
	background: gainsboro;
314 
}
 418 
}
315 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 419 
/*+-----------------------------------------------------------------------------------------------------------------+*/
316 
/* Pop-up : liste */
 420 
/* Formulaire de contact */
317 
.cel-img-principale img{
 421 
#form-contact input{
- 
 
 422 
	width:300px;
- 
 
 423 
}
- 
 
 424 
#form-contact textarea{
- 
 
 425 
	width:300px;
- 
 
 426 
	height:200px;
- 
 
 427 
}
- 
 
 428 
#form-contact #fc_envoyer, #fc_annuler, #fc_effacer{
- 
 
 429 
	width:75px;
- 
 
 430 
}
- 
 
 431 
#fc_envoyer{
318 
	float:right;
 432 
	float:right;
319 
	height:75px;
 - 
 
320 
	padding:1px;
 - 
 
321 
	border:1px solid white;
 - 
 
322 
}
 433 
}
- 
 
 434 
#fc_annuler{
- 
 
 435 
	float:left;
- 
 
 436 
}
323 
#observations .cel-img:hover img{
 437 
#form-contact label.error {
- 
 
 438 
	color:red;
- 
 
 439 
	font-weight:bold;
- 
 
 440 
}
- 
 
 441 
#form-contact .info {
- 
 
 442 
	padding:5px;
- 
 
 443 
	background-color: #4A4B4C;
324 
	border:1px dotted #56B80E;
 444 
	border: solid 1px #666;
- 
 
 445 
	color: white;
- 
 
 446 
	white-space: pre-wrap;
- 
 
 447 
	width: 300px;
325 
}
 448 
}
326 
.cel-img-secondaire{
 - 
 
327 
	display:none;
 - 
 
328 
}
 - 
 
329 

            449