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