Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | 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
	background-color: white;
145
    height: 70px;
146
    padding: 10px;
147
    position: fixed;
148
    text-align: center;
149
    width: 230px;
150
    z-index: 3000;
151
}
152
 
479 jpm 153
#chargement {
915 jpm 154
	margin:25px;
155
	text-align:center;
1447 aurelien 156
 
479 jpm 157
}
915 jpm 158
#chargement img{
479 jpm 159
	display:block;
160
	margin:auto;
161
}
1442 aurelien 162
 
163
#message-aucune-obs p {
164
	padding-top : 25px;
165
	font-weight: bold;
166
}
167
 
168
#message-aucune-obs {
169
	background-image: url("../images/attention.png");
170
    background-position: 50% 10px;
171
	background-repeat:  no-repeat;
1447 aurelien 172
	display: none;
173
    height: 70px;
174
    padding: 10px;
175
    position: fixed;
176
    text-align: center;
177
    width: 230px;
178
    z-index: 3000;
1442 aurelien 179
}
180
 
479 jpm 181
/*+-----------------------------------------------------------------------------------------------------------------+*/
501 jpm 182
/* Avertissement */
183
#zone-avertissement {
1452 aurelien 184
	background-color:#DDDDDD;
185
	color: black;
503 jpm 186
	padding:12px;
187
	text-align:justify;
521 jpm 188
	line-height:16px;
501 jpm 189
}
503 jpm 190
#zone-avertissement h1{
191
	margin:0;
501 jpm 192
}
521 jpm 193
#zone-avertissement a {
194
	border-bottom:1px dotted gainsboro;
195
}
1452 aurelien 196
 
197
#zone-avertissement a, a:active, a:visited {
198
	color: #666666;
199
}
501 jpm 200
/*+-----------------------------------------------------------------------------------------------------------------+*/
492 jpm 201
/* Carte titre */
1442 aurelien 202
 
203
#zone-titre {
204
	top: 30px;
205
}
206
 
1438 aurelien 207
#zone-titre, #zone_stats {
521 jpm 208
	padding:0;
1447 aurelien 209
	position:absolute;
1438 aurelien 210
	height:25px;
521 jpm 211
	overflow:hidden;
1438 aurelien 212
	border-radius: 4px;
213
	z-index: 3000;
214
	display: inline-block;
215
	padding:8px;
216
	color: black;
217
    font-family: inherit;
218
    font-size: 1.1em;
219
    font-weight: bold;
220
    text-rendering: optimizelegibility;
221
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
501 jpm 222
}
1438 aurelien 223
 
501 jpm 224
#zone-info {
513 jpm 225
	position:absolute;
1445 aurelien 226
	top:26px;
227
	z-index:3001;
513 jpm 228
	right:8px;
1445 aurelien 229
    width: 25px;
501 jpm 230
	text-align:right;
1445 aurelien 231
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
232
 	border-radius: 5px 5px 5px 5px;
501 jpm 233
}
1445 aurelien 234
 
235
#zone-info a {
236
	border: none;
237
}
238
 
1447 aurelien 239
 
240
#logo {
241
    left: 2px;
242
    padding: 4px;
243
    position: absolute;
244
    top: 5px;
245
    z-index: 3002;
1450 aurelien 246
    width: 60px;
501 jpm 247
}
1447 aurelien 248
 
249
#logo a {
250
	border-bottom: none;
251
}
252
 
492 jpm 253
#carte-titre {
501 jpm 254
	display:inline-block;
939 jpm 255
	margin:0;
1438 aurelien 256
	padding:0em;
492 jpm 257
}
513 jpm 258
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
259
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
260
	display /*\**/:inline\9;/*Hack CSS pour ie8 */
261
}
1449 aurelien 262
 
263
#image-utilisateur {
264
    position: absolute;
265
    right: 5px;
266
    top: 40%;
267
}
268
 
492 jpm 269
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 270
/* Panneau latéral */
271
#panneau-lateral {
272
	padding:0;
521 jpm 273
	margin:0;
274
	position:absolute;
1447 aurelien 275
   	top: 75px;
521 jpm 276
	left:0;
277
	bottom:0;
1438 aurelien 278
	width: 83px;
521 jpm 279
	overflow:hidden;
1447 aurelien 280
	height: 25px;
1442 aurelien 281
	z-index: 3001;
1438 aurelien 282
	border-top-right-radius : 10px;
283
	border-bottom-right-radius : 10px;
521 jpm 284
}
1438 aurelien 285
#pl-indication-filtre {
286
	margin-left	: 25px;
287
	padding : 3px;
1447 aurelien 288
	font-weight: bold;
1449 aurelien 289
	padding: 3px;
290
    position: relative;
291
    top: 3px;
1438 aurelien 292
}
521 jpm 293
#pl-contenu {
479 jpm 294
	display:none;
295
}
296
#pl-entete {
521 jpm 297
	height:95px;
479 jpm 298
}
299
#pl-corps {
521 jpm 300
	bottom:0;
479 jpm 301
	overflow:auto;
302
	padding:5px;
489 jpm 303
	width:290px;
479 jpm 304
}
305
#pl-ouverture, #pl-fermeture {
521 jpm 306
	position:absolute;
479 jpm 307
	top:0;
1438 aurelien 308
	height:60px;
521 jpm 309
	width:24px;
479 jpm 310
	text-align:center;
311
	cursor:pointer;
312
}
313
#pl-ouverture {
521 jpm 314
	left:0;
315
	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
939 jpm 316
	height:100%;
479 jpm 317
}
318
#pl-fermeture {
521 jpm 319
	display:none;
1445 aurelien 320
    right: 0;
521 jpm 321
	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
479 jpm 322
}
492 jpm 323
#pl-ouverture span, #pl-fermeture span{
324
	display:none;
325
}
326
/* Panneau latéral : balises */
327
#panneau-lateral h2, #panneau-lateral p {
1438 aurelien 328
	color:black;}
479 jpm 329
/*+-----------------------------------------------------------------------------------------------------------------+*/
492 jpm 330
/* Liste des taxons de la carte */
331
#taxons {
1438 aurelien 332
	color:black;
492 jpm 333
}
1447 aurelien 334
#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {
836 jpm 335
	color:#56B80E;
336
}
1445 aurelien 337
#taxons li span, .raz-filtre-taxons {
836 jpm 338
	border-bottom:1px dotted #666;
1438 aurelien 339
	color:black;
836 jpm 340
}
341
#taxons li span:focus {
342
	outline:thin dotted;
343
}
344
#taxons li span:hover {
345
	color:#56B80E;
346
	border-bottom:1px dotted #56B80E;
347
	cursor:pointer;
348
}
349
.nt {
350
	display:none;
351
}
1445 aurelien 352
.raz-filtre-taxons {
353
	cursor:pointer;
354
}
492 jpm 355
/*+-----------------------------------------------------------------------------------------------------------------+*/
1438 aurelien 356
/* Zone des stats en bas */
357
#zone-stats {
358
	padding:0;
359
	position:absolute;
360
	height:25px;
1445 aurelien 361
	bottom:20px;
1438 aurelien 362
	overflow:hidden;
363
	border-radius: 4px;
364
	z-index: 3000;
365
	display: inline-block;
366
	padding:8px;
367
	color: black;
368
    font-family: inherit;
369
    font-size: 1.1em;
370
    font-weight: bold;
371
    text-rendering: optimizelegibility;
372
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
373
}
374
 
375
#zone-stats h1 {
376
	margin-top: 0;
377
}
378
 
1447 aurelien 379
#lien_plein_ecran, #lien-voir-cc {
380
    position: absolute;
1442 aurelien 381
    z-index: 3000;
382
	border-radius: 4px;
383
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
384
    padding: 8px 8px 4px;
385
    font-size: 1.1em;
386
    font-weight: bold;
387
}
388
 
389
#lien_plein_ecran {
1445 aurelien 390
    bottom: 20px;
1442 aurelien 391
    left: 5px;
392
}
393
 
1447 aurelien 394
#lien_plein_ecran a, #lien-voir-cc a {
1442 aurelien 395
	color: black;
396
	padding: 2px;
397
	border-bottom: none;
398
}
399
 
400
#lien_plein_ecran img {
401
	height: 20px;
402
}
403
 
1447 aurelien 404
#lien-voir-cc {
1442 aurelien 405
    bottom: 3px;
406
    right: 5px;
1445 aurelien 407
    bottom: 20px;
408
    height: 20px;
1442 aurelien 409
}
410
 
1447 aurelien 411
#origine-donnees {
412
	-moz-user-select: none;
413
    background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;
414
    color: #444444;
415
    direction: ltr;
416
    font-family: Arial,sans-serif;
417
    font-size: 10px;
418
    font-weight: bold;
419
    height: 19px;
420
    line-height: 19px;
421
    padding-left: 50px;
422
    padding-right: 2px;
423
    bottom: 0px;
424
    position: absolute;
425
    text-align: right;
426
    white-space: nowrap;
427
    z-index: 3001;
428
}
429
 
430
#origine-donnees a {
431
    color: #444444;
432
    cursor: pointer;
433
    text-decoration: underline;
434
    border-bottom: none;
435
}
436
#origine-donnees a:active, #origine-donnees a:visited {
437
    border-bottom: 1px dotted #666666;
438
  	color: #CCCCCC;
439
    text-decoration: none;
440
}
441
 
442
#origine-donnees a:visited {
443
	border-bottom: 1px dotted #666666;
444
  	color: #444444;
445
    text-decoration: none;
446
}
1438 aurelien 447
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 448
/* Pop-up observations */
953 jpm 449
#info-bulle{
450
	min-height:500px;
451
	width:500px;
452
}
479 jpm 453
#observations {
454
	overflow:none;
915 jpm 455
	margin:-1px 0 0 0;
456
	border: 1px solid #AAA;
457
	border-radius:0 0 4px 4px;
479 jpm 458
}
915 jpm 459
#obs-pieds-page {
492 jpm 460
	font-size:10px;
461
	color:#CCC;
915 jpm 462
	clear:both;
492 jpm 463
}
915 jpm 464
.ui-tabs {
465
	padding:0;
466
}
467
.ui-widget-content {
468
	border:0;
469
}
470
.ui-widget-header {
471
	background:none;
472
	border:0;
473
	border-bottom:1px solid #AAA;
474
	border-radius:0;
475
}
476
.ui-tabs-selected a {
477
	border-bottom:1px solid white;
478
}
479
.ui-tabs-selected a:focus {
480
	outline:0;
481
}
482
.ui-tabs .ui-tabs-panel {
483
	padding:0.2em;
484
}
953 jpm 485
.ui-tabs .ui-tabs-nav li a {
486
	padding: 0.5em 0.6em;
487
}
915 jpm 488
#obs h2 {
489
	margin:0;
490
	text-align:center;
491
}
501 jpm 492
#observations a {
493
	color:#333;
521 jpm 494
	border-bottom:1px dotted gainsboro;
494 delphine 495
}
496
#observations a:hover {
497
	color:#56B80E;
501 jpm 498
	border-bottom:1px dotted #56B80E;
494 delphine 499
}
953 jpm 500
.nom-sci{
501
	color:#454341;
502
	font-weight:bold;
503
}
479 jpm 504
/*+-----------------------------------------------------------------------------------------------------------------+*/
915 jpm 505
/* Pop-up observations : liste */
953 jpm 506
.cel-img-principale {
507
	height:0;/*Pour IE*/
479 jpm 508
}
915 jpm 509
.cel-img-principale img{
510
	float:right;
511
	height:75px;
953 jpm 512
	width:75px;
915 jpm 513
	padding:1px;
514
	border:1px solid white;
479 jpm 515
}
915 jpm 516
#observations .cel-img:hover img{
517
	border: 1px dotted #56B80E;
479 jpm 518
}
915 jpm 519
.cel-img-secondaire, .cel-infos{
520
	display: none;
521
}
522
ol#obs-liste-lignes {
523
	padding:5px;
479 jpm 524
	margin:0;
525
}
953 jpm 526
.champ-nom-sci {
527
	display:none;
528
}
529
#obs-liste-lignes li dl {/*Pour IE*/
530
	width:350px;
531
}
915 jpm 532
.obs-conteneur{
533
	counter-reset: item;
479 jpm 534
}
915 jpm 535
.obs-conteneur .nom-sci:before {
536
	content: counter(item) ". ";
537
	counter-increment: item;
538
	display:block;
539
	float:left;
479 jpm 540
}
915 jpm 541
.obs-conteneur li {
542
	display: block;
953 jpm 543
	margin-bottom:1em;
479 jpm 544
}
953 jpm 545
 
479 jpm 546
/*+-----------------------------------------------------------------------------------------------------------------+*/
915 jpm 547
/* Diaporama */
548
.cel-legende{
549
	text-align:left;
550
}
551
.cel-legende-vei{
572 jpm 552
	float:right;
479 jpm 553
}
915 jpm 554
.cel-legende p{
939 jpm 555
	color: black;
556
	font-size: 12px;
557
	line-height: 18px;
558
	margin: 0;
629 jpm 559
}
915 jpm 560
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
561
	border-bottom:1px dotted gainsboro;
562
	color:#333;
563
	text-decoration:none;
564
	background-image:none;
841 jpm 565
}
915 jpm 566
.cel-legende a:hover {
567
	color:#56B80E;
568
	border-bottom:1px dotted #56B80E;
569
}
841 jpm 570
/*+-----------------------------------------------------------------------------------------------------------------+*/
571
/* Plugin Jquery Pagination */
915 jpm 572
.navigation {
573
	padding:5px;
574
	float:right;
575
}
841 jpm 576
.pagination {
577
	font-size: 80%;
578
}
579
.pagination a {
580
	text-decoration: none;
915 jpm 581
	border: solid 1px #666;
582
	color: #666;
583
	background:gainsboro;
841 jpm 584
}
915 jpm 585
.pagination a:hover {
586
	color: white;
587
	background: #56B80E;
588
}
841 jpm 589
.pagination a, .pagination span {
590
	display: block;
591
	float: left;
592
	padding: 0.3em 0.5em;
593
	margin-right: 5px;
594
	margin-bottom: 5px;
595
	min-width:1em;
596
	text-align:center;
597
}
598
.pagination .current {
915 jpm 599
	background: #4A4B4C;
600
	color: white;
601
	border: solid 1px gainsboro;
841 jpm 602
}
603
.pagination .current.prev, .pagination .current.next{
915 jpm 604
	color: #999;
605
	border-color: #999;
606
	background: gainsboro;
841 jpm 607
}
941 jpm 608
/*+-----------------------------------------------------------------------------------------------------------------+*/
609
/* Formulaire de contact */
610
#form-contact input{
611
	width:300px;
612
}
613
#form-contact textarea{
614
	width:300px;
615
	height:200px;
616
}
617
#form-contact #fc_envoyer{
618
	width:50px;
619
	float:right;
620
}
621
#form-contact #fc_annuler{
622
	width:50px;
623
	float:left;
624
}
625
#form-contact label.error {
626
	color:red;
627
	font-weight:bold;
628
}
629
#form-contact .info {
630
	padding:5px;
631
	background-color: #4A4B4C;
632
	border: solid 1px #666;
633
	color: white;
634
	white-space: pre-wrap;
635
	width: 300px;
636
}