Subversion Repositories eFlore/Applications.cel

Rev

Rev 2684 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
479 jpm 1
@charset "UTF-8";
521 jpm 2
html {
3
	overflow:hidden;
4
}
5
body {
6
	overflow:hidden;
7
	padding:0;
479 jpm 8
	margin:0;
521 jpm 9
	width:100%;
10
	height:100%;
479 jpm 11
	font-family:Arial;
12
	font-size:12px;
13
}
492 jpm 14
h1 {
15
	font-size:1.6em;
16
}
17
h2 {
18
	font-size:1.4em;
19
}
501 jpm 20
a, a:active, a:visited {
21
	border-bottom:1px dotted #666;
22
	color:#CCC;
23
	text-decoration:none;
24
}
25
a:active {
26
	outline:none;
27
}
28
a:focus {
29
	outline:thin dotted;
30
}
31
a:hover {
32
	color:#56B80E;
33
	border-bottom:1px dotted #56B80E;
34
}
1447 aurelien 35
img {
36
	border:none;
37
}
479 jpm 38
/*+-----------------------------------------------------------------------------------------------------------------+*/
572 jpm 39
/* Présentation des listes de définitions */
40
dl {
41
	width:100%;
953 jpm 42
	margin:0;
572 jpm 43
}
44
dt {
45
	float:left;
46
	font-weight:bold;
47
	text-align:top left;
48
	margin-right:0.3em;
953 jpm 49
	line-height:0.8em;
572 jpm 50
}
51
dd {
52
	width:auto;
53
	margin:0.5em 0;
953 jpm 54
	line-height:0.8em;
572 jpm 55
}
56
/*+-----------------------------------------------------------------------------------------------------------------+*/
57
/* Tableau : */
58
table {
59
	border:1px solid gray;
60
	border-collapse:collapse;
939 jpm 61
	width:100%;
572 jpm 62
}
63
table thead, table tfoot, table tbody {
64
	background-color:Gainsboro;
65
	border:1px solid gray;
66
}
67
table tbody {
68
	background-color:#FFF;
69
}
70
table th {
71
	font-family:monospace;
72
	border:1px dotted gray;
73
	padding:5px;
74
	background-color:Gainsboro;
75
}
76
table td {
77
	font-family:arial;
78
	border:1px dotted gray;
79
	padding:5px;
80
	text-align:left;
81
}
82
table caption {
83
	font-family:sans-serif;
84
}
85
/*+-----------------------------------------------------------------------------------------------------------------+*/
86
/* Tableau : tablesorter */
87
th.header {
88
	background:url(../images/trie.png) no-repeat center right;
89
	padding-right:20px;
90
}
91
th.headerSortUp {
92
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
93
	color:white;
94
}
95
th.headerSortDown {
96
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
97
    color:white;
98
}
99
/*+-----------------------------------------------------------------------------------------------------------------+*/
100
/* Générique */
101
.nettoyage{
102
	clear:both;
103
}
104
hr.nettoyage{
105
	visibility:hidden;
106
}
1447 aurelien 107
 
108
.element-overlay {
109
	background-color: #DDDDDD;
110
	border:1px solid grey;
111
}
572 jpm 112
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 113
/* Carte */
114
#carte {
521 jpm 115
	padding:0;
116
	margin:0;
117
	position:absolute;
118
	right:0;
119
	bottom:0;
120
	overflow:auto;
1442 aurelien 121
	width: 100%;
1450 aurelien 122
	height: 100%;
479 jpm 123
}
1438 aurelien 124
 
125
.carte_titree {
126
	top:35px;
127
}
128
 
129
.carte_non_titre {
130
	top:0px;
131
}
132
 
479 jpm 133
.bouton {
134
	background-color:white;
135
	border:2px solid black;
136
	cursor:pointer;
137
	text-align:center;
138
}
139
/*+-----------------------------------------------------------------------------------------------------------------+*/
140
/* Message de chargement */
1447 aurelien 141
 
142
#zone-chargement-point {
143
	display: none;
144
    position: fixed;
2350 mathias 145
    left: 110px;
146
    top: 10px;
147
    z-index: 3000;
148
    width: 180px;
149
    height: 42px;
150
    padding: 7px;
1447 aurelien 151
    text-align: center;
2350 mathias 152
	background-color: rgba(255, 255, 255, 0.85);
153
	border: solid #dedede 1px;
154
	border-radius: 4px;
1447 aurelien 155
}
2350 mathias 156
#legende-chargement {
157
	padding-top: 7px;
158
}
159
#img-chargement {
160
	float: left;
161
	margin-right: 5px;
162
}
1447 aurelien 163
 
479 jpm 164
#chargement {
915 jpm 165
	margin:25px;
166
	text-align:center;
1447 aurelien 167
 
479 jpm 168
}
915 jpm 169
#chargement img{
479 jpm 170
	display:block;
171
	margin:auto;
172
}
1442 aurelien 173
 
174
#message-aucune-obs p {
175
	padding-top : 25px;
176
	font-weight: bold;
177
}
178
 
179
#message-aucune-obs {
180
	background-image: url("../images/attention.png");
181
    background-position: 50% 10px;
182
	background-repeat:  no-repeat;
1447 aurelien 183
	display: none;
184
    height: 70px;
185
    padding: 10px;
186
    position: fixed;
187
    text-align: center;
188
    width: 230px;
189
    z-index: 3000;
1442 aurelien 190
}
191
 
479 jpm 192
/*+-----------------------------------------------------------------------------------------------------------------+*/
501 jpm 193
/* Avertissement */
194
#zone-avertissement {
1452 aurelien 195
	background-color:#DDDDDD;
196
	color: black;
503 jpm 197
	padding:12px;
198
	text-align:justify;
521 jpm 199
	line-height:16px;
501 jpm 200
}
503 jpm 201
#zone-avertissement h1{
202
	margin:0;
501 jpm 203
}
521 jpm 204
#zone-avertissement a {
205
	border-bottom:1px dotted gainsboro;
206
}
1452 aurelien 207
 
208
#zone-avertissement a, a:active, a:visited {
209
	color: #666666;
210
}
501 jpm 211
/*+-----------------------------------------------------------------------------------------------------------------+*/
492 jpm 212
/* Carte titre */
1442 aurelien 213
 
214
#zone-titre {
215
	top: 30px;
216
}
217
 
1438 aurelien 218
#zone-titre, #zone_stats {
521 jpm 219
	padding:0;
1447 aurelien 220
	position:absolute;
1438 aurelien 221
	height:25px;
521 jpm 222
	overflow:hidden;
1438 aurelien 223
	border-radius: 4px;
224
	z-index: 3000;
225
	display: inline-block;
226
	padding:8px;
227
	color: black;
228
    font-family: inherit;
229
    font-size: 1.1em;
230
    font-weight: bold;
231
    text-rendering: optimizelegibility;
232
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
501 jpm 233
}
1438 aurelien 234
 
501 jpm 235
#zone-info {
513 jpm 236
	position:absolute;
1445 aurelien 237
	top:26px;
238
	z-index:3001;
513 jpm 239
	right:8px;
1445 aurelien 240
    width: 25px;
501 jpm 241
	text-align:right;
1445 aurelien 242
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
243
 	border-radius: 5px 5px 5px 5px;
501 jpm 244
}
1445 aurelien 245
 
246
#zone-info a {
247
	border: none;
248
}
249
 
1447 aurelien 250
 
251
#logo {
252
    left: 2px;
253
    padding: 4px;
254
    position: absolute;
255
    top: 5px;
256
    z-index: 3002;
1450 aurelien 257
    width: 60px;
501 jpm 258
}
2350 mathias 259
.image-logo {
260
	padding: 5px;
261
	background-color: rgba(255, 255, 255, 0.9);
262
	border: solid #dedede 1px;
263
	border-radius: 4px;
2718 mathias 264
	max-height: 60px;
265
	max-width: 90px;
2350 mathias 266
}
1447 aurelien 267
#logo a {
268
	border-bottom: none;
269
}
270
 
492 jpm 271
#carte-titre {
501 jpm 272
	display:inline-block;
939 jpm 273
	margin:0;
1438 aurelien 274
	padding:0em;
492 jpm 275
}
513 jpm 276
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
277
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
278
	display /*\**/:inline\9;/*Hack CSS pour ie8 */
279
}
1449 aurelien 280
 
281
#image-utilisateur {
282
    position: absolute;
283
    right: 5px;
284
    top: 40%;
285
}
286
 
1514 aurelien 287
#lien-affichage-filtre-utilisateur {
288
	right: 5px;
289
	float: right;
290
	padding-bottom: 1px;
291
	cursor: pointer;
292
	font-weight: bold;
293
    margin-left: 25px;
294
    padding: 3px;
295
    position: relative;
296
    top: 3px;
297
    width: 117px;
298
    height: 30px;
299
}
300
 
301
#conteneur-filtre-utilisateur.ferme:hover {
302
	color: #222222;
303
	background-color: #AAAAAA;
304
	text-decoration: none;
305
	cursor: pointer;
306
	border: 1px solid #222222;
307
}
308
 
309
#conteneur-filtre-utilisateur {
310
    float: right;
311
    padding: 3px;
312
    position: absolute;
313
    right: 5px;
314
    top: 31px;
315
    border-radius: 5px 5px 5px 5px;
316
    width: 117px;
317
    max-width: 350px;
318
}
319
 
320
.largeurAuto {
321
	width: auto;
322
}
323
 
324
#raz-filtre-utilisateur {
325
	color: red;
326
    padding-left: 1px;
327
    word-wrap: break-word;
328
    width: 110px;
329
}
330
 
492 jpm 331
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 332
/* Panneau latéral */
333
#panneau-lateral {
334
	padding:0;
521 jpm 335
	margin:0;
336
	position:absolute;
2350 mathias 337
   	top: 90px;
521 jpm 338
	left:0;
339
	bottom:0;
1438 aurelien 340
	width: 83px;
521 jpm 341
	overflow:hidden;
1447 aurelien 342
	height: 25px;
1442 aurelien 343
	z-index: 3001;
1438 aurelien 344
	border-top-right-radius : 10px;
345
	border-bottom-right-radius : 10px;
521 jpm 346
}
1438 aurelien 347
#pl-indication-filtre {
348
	margin-left	: 25px;
349
	padding : 3px;
1447 aurelien 350
	font-weight: bold;
1449 aurelien 351
	padding: 3px;
352
    position: relative;
353
    top: 3px;
1438 aurelien 354
}
521 jpm 355
#pl-contenu {
479 jpm 356
	display:none;
357
}
358
#pl-entete {
521 jpm 359
	height:95px;
479 jpm 360
}
361
#pl-corps {
521 jpm 362
	bottom:0;
479 jpm 363
	overflow:auto;
364
	padding:5px;
489 jpm 365
	width:290px;
479 jpm 366
}
367
#pl-ouverture, #pl-fermeture {
521 jpm 368
	position:absolute;
479 jpm 369
	top:0;
1438 aurelien 370
	height:60px;
521 jpm 371
	width:24px;
479 jpm 372
	text-align:center;
373
	cursor:pointer;
374
}
375
#pl-ouverture {
521 jpm 376
	left:0;
377
	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
939 jpm 378
	height:100%;
479 jpm 379
}
380
#pl-fermeture {
521 jpm 381
	display:none;
1445 aurelien 382
    right: 0;
521 jpm 383
	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
479 jpm 384
}
492 jpm 385
#pl-ouverture span, #pl-fermeture span{
386
	display:none;
387
}
388
/* Panneau latéral : balises */
389
#panneau-lateral h2, #panneau-lateral p {
1438 aurelien 390
	color:black;}
479 jpm 391
/*+-----------------------------------------------------------------------------------------------------------------+*/
492 jpm 392
/* Liste des taxons de la carte */
393
#taxons {
1438 aurelien 394
	color:black;
492 jpm 395
}
1447 aurelien 396
#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {
836 jpm 397
	color:#56B80E;
398
}
1445 aurelien 399
#taxons li span, .raz-filtre-taxons {
836 jpm 400
	border-bottom:1px dotted #666;
1438 aurelien 401
	color:black;
836 jpm 402
}
403
#taxons li span:focus {
404
	outline:thin dotted;
405
}
406
#taxons li span:hover {
407
	color:#56B80E;
408
	border-bottom:1px dotted #56B80E;
409
	cursor:pointer;
410
}
411
.nt {
412
	display:none;
413
}
1445 aurelien 414
.raz-filtre-taxons {
415
	cursor:pointer;
416
}
492 jpm 417
/*+-----------------------------------------------------------------------------------------------------------------+*/
1438 aurelien 418
/* Zone des stats en bas */
419
#zone-stats {
420
	padding:0;
421
	position:absolute;
422
	height:25px;
1445 aurelien 423
	bottom:20px;
1438 aurelien 424
	overflow:hidden;
425
	border-radius: 4px;
426
	z-index: 3000;
427
	display: inline-block;
428
	padding:8px;
429
	color: black;
430
    font-family: inherit;
431
    font-size: 1.1em;
432
    font-weight: bold;
433
    text-rendering: optimizelegibility;
434
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
435
}
436
 
437
#zone-stats h1 {
438
	margin-top: 0;
439
}
440
 
1447 aurelien 441
#lien_plein_ecran, #lien-voir-cc {
442
    position: absolute;
1442 aurelien 443
    z-index: 3000;
444
	border-radius: 4px;
445
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
446
    padding: 8px 8px 4px;
447
    font-size: 1.1em;
448
    font-weight: bold;
449
}
450
 
451
#lien_plein_ecran {
1445 aurelien 452
    bottom: 20px;
1442 aurelien 453
    left: 5px;
454
}
455
 
1447 aurelien 456
#lien_plein_ecran a, #lien-voir-cc a {
1442 aurelien 457
	color: black;
458
	padding: 2px;
459
	border-bottom: none;
460
}
461
 
462
#lien_plein_ecran img {
463
	height: 20px;
464
}
465
 
1447 aurelien 466
#lien-voir-cc {
1442 aurelien 467
    bottom: 3px;
468
    right: 5px;
1445 aurelien 469
    bottom: 20px;
470
    height: 20px;
1442 aurelien 471
}
472
 
1447 aurelien 473
#origine-donnees {
474
	-moz-user-select: none;
475
    background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;
476
    color: #444444;
477
    direction: ltr;
478
    font-family: Arial,sans-serif;
479
    font-size: 10px;
480
    font-weight: bold;
481
    height: 19px;
482
    line-height: 19px;
483
    padding-left: 50px;
484
    padding-right: 2px;
485
    bottom: 0px;
486
    position: absolute;
487
    text-align: right;
488
    white-space: nowrap;
489
    z-index: 3001;
490
}
491
 
492
#origine-donnees a {
493
    color: #444444;
494
    cursor: pointer;
495
    text-decoration: underline;
496
    border-bottom: none;
497
}
498
#origine-donnees a:active, #origine-donnees a:visited {
499
    border-bottom: 1px dotted #666666;
500
  	color: #CCCCCC;
501
    text-decoration: none;
502
}
503
 
504
#origine-donnees a:visited {
505
	border-bottom: 1px dotted #666666;
506
  	color: #444444;
507
    text-decoration: none;
508
}
1438 aurelien 509
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 510
/* Pop-up observations */
953 jpm 511
#info-bulle{
512
	min-height:500px;
513
	width:500px;
514
}
479 jpm 515
#observations {
516
	overflow:none;
915 jpm 517
	margin:-1px 0 0 0;
518
	border: 1px solid #AAA;
519
	border-radius:0 0 4px 4px;
479 jpm 520
}
915 jpm 521
#obs-pieds-page {
492 jpm 522
	font-size:10px;
523
	color:#CCC;
915 jpm 524
	clear:both;
492 jpm 525
}
915 jpm 526
.ui-tabs {
527
	padding:0;
528
}
529
.ui-widget-content {
530
	border:0;
531
}
532
.ui-widget-header {
533
	background:none;
534
	border:0;
535
	border-bottom:1px solid #AAA;
536
	border-radius:0;
537
}
538
.ui-tabs-selected a {
539
	border-bottom:1px solid white;
540
}
541
.ui-tabs-selected a:focus {
542
	outline:0;
543
}
544
.ui-tabs .ui-tabs-panel {
545
	padding:0.2em;
546
}
953 jpm 547
.ui-tabs .ui-tabs-nav li a {
548
	padding: 0.5em 0.6em;
549
}
915 jpm 550
#obs h2 {
551
	margin:0;
552
	text-align:center;
553
}
501 jpm 554
#observations a {
555
	color:#333;
521 jpm 556
	border-bottom:1px dotted gainsboro;
494 delphine 557
}
558
#observations a:hover {
559
	color:#56B80E;
501 jpm 560
	border-bottom:1px dotted #56B80E;
494 delphine 561
}
953 jpm 562
.nom-sci{
563
	color:#454341;
564
	font-weight:bold;
565
}
479 jpm 566
/*+-----------------------------------------------------------------------------------------------------------------+*/
915 jpm 567
/* Pop-up observations : liste */
953 jpm 568
.cel-img-principale {
569
	height:0;/*Pour IE*/
479 jpm 570
}
915 jpm 571
.cel-img-principale img{
572
	float:right;
573
	height:75px;
953 jpm 574
	width:75px;
915 jpm 575
	padding:1px;
576
	border:1px solid white;
479 jpm 577
}
915 jpm 578
#observations .cel-img:hover img{
579
	border: 1px dotted #56B80E;
479 jpm 580
}
915 jpm 581
.cel-img-secondaire, .cel-infos{
582
	display: none;
583
}
584
ol#obs-liste-lignes {
585
	padding:5px;
479 jpm 586
	margin:0;
587
}
953 jpm 588
.champ-nom-sci {
589
	display:none;
590
}
591
#obs-liste-lignes li dl {/*Pour IE*/
592
	width:350px;
593
}
915 jpm 594
.obs-conteneur{
595
	counter-reset: item;
479 jpm 596
}
915 jpm 597
.obs-conteneur .nom-sci:before {
598
	content: counter(item) ". ";
599
	counter-increment: item;
600
	display:block;
601
	float:left;
479 jpm 602
}
915 jpm 603
.obs-conteneur li {
604
	display: block;
953 jpm 605
	margin-bottom:1em;
479 jpm 606
}
953 jpm 607
 
1513 aurelien 608
.lien-widget-saisie {
609
    background: url("../images/saisie.png") no-repeat scroll left center transparent;
610
    border: 1px solid #AAAAAA;
611
   	background-color: #EEE;
612
    padding: 5px 5px 5px 25px;
613
    text-decoration: none;
614
    border-radius : 5px;
615
}
616
 
617
.lien-widget-saisie:hover {
618
	color: #222222;
619
	background-color: #AAAAAA;
620
	text-decoration: none;
621
	cursor: pointer;
622
	border: 1px solid #222222;
623
}
624
 
479 jpm 625
/*+-----------------------------------------------------------------------------------------------------------------+*/
915 jpm 626
/* Diaporama */
627
.cel-legende{
628
	text-align:left;
629
}
630
.cel-legende-vei{
572 jpm 631
	float:right;
479 jpm 632
}
915 jpm 633
.cel-legende p{
939 jpm 634
	color: black;
635
	font-size: 12px;
636
	line-height: 18px;
637
	margin: 0;
629 jpm 638
}
915 jpm 639
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
640
	border-bottom:1px dotted gainsboro;
641
	color:#333;
642
	text-decoration:none;
643
	background-image:none;
841 jpm 644
}
915 jpm 645
.cel-legende a:hover {
646
	color:#56B80E;
647
	border-bottom:1px dotted #56B80E;
648
}
841 jpm 649
/*+-----------------------------------------------------------------------------------------------------------------+*/
650
/* Plugin Jquery Pagination */
915 jpm 651
.navigation {
652
	padding:5px;
653
	float:right;
654
}
841 jpm 655
.pagination {
656
	font-size: 80%;
657
}
658
.pagination a {
659
	text-decoration: none;
915 jpm 660
	border: solid 1px #666;
661
	color: #666;
662
	background:gainsboro;
841 jpm 663
}
915 jpm 664
.pagination a:hover {
665
	color: white;
666
	background: #56B80E;
667
}
841 jpm 668
.pagination a, .pagination span {
669
	display: block;
670
	float: left;
671
	padding: 0.3em 0.5em;
672
	margin-right: 5px;
673
	margin-bottom: 5px;
674
	min-width:1em;
675
	text-align:center;
676
}
677
.pagination .current {
915 jpm 678
	background: #4A4B4C;
679
	color: white;
680
	border: solid 1px gainsboro;
841 jpm 681
}
682
.pagination .current.prev, .pagination .current.next{
915 jpm 683
	color: #999;
684
	border-color: #999;
685
	background: gainsboro;
841 jpm 686
}
941 jpm 687
/*+-----------------------------------------------------------------------------------------------------------------+*/
688
/* Formulaire de contact */
689
#form-contact input{
690
	width:300px;
691
}
692
#form-contact textarea{
693
	width:300px;
694
	height:200px;
695
}
696
#form-contact #fc_envoyer{
697
	width:50px;
698
	float:right;
699
}
700
#form-contact #fc_annuler{
701
	width:50px;
702
	float:left;
703
}
704
#form-contact label.error {
705
	color:red;
706
	font-weight:bold;
707
}
708
#form-contact .info {
709
	padding:5px;
710
	background-color: #4A4B4C;
711
	border: solid 1px #666;
712
	color: white;
713
	white-space: pre-wrap;
714
	width: 300px;
2350 mathias 715
}
716
 
717
/* hack Fancybox pour que le popup soit toujours au dessus */
718
#fancybox-wrap {
719
	z-index: 3100;
941 jpm 720
}