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
}
479 jpm 35
/*+-----------------------------------------------------------------------------------------------------------------+*/
572 jpm 36
/* Présentation des listes de définitions */
37
dl {
38
	width:100%;
953 jpm 39
	margin:0;
572 jpm 40
}
41
dt {
42
	float:left;
43
	font-weight:bold;
44
	text-align:top left;
45
	margin-right:0.3em;
953 jpm 46
	line-height:0.8em;
572 jpm 47
}
48
dd {
49
	width:auto;
50
	margin:0.5em 0;
953 jpm 51
	line-height:0.8em;
572 jpm 52
}
53
/*+-----------------------------------------------------------------------------------------------------------------+*/
54
/* Tableau : */
55
table {
56
	border:1px solid gray;
57
	border-collapse:collapse;
939 jpm 58
	width:100%;
572 jpm 59
}
60
table thead, table tfoot, table tbody {
61
	background-color:Gainsboro;
62
	border:1px solid gray;
63
}
64
table tbody {
65
	background-color:#FFF;
66
}
67
table th {
68
	font-family:monospace;
69
	border:1px dotted gray;
70
	padding:5px;
71
	background-color:Gainsboro;
72
}
73
table td {
74
	font-family:arial;
75
	border:1px dotted gray;
76
	padding:5px;
77
	text-align:left;
78
}
79
table caption {
80
	font-family:sans-serif;
81
}
82
/*+-----------------------------------------------------------------------------------------------------------------+*/
83
/* Tableau : tablesorter */
84
th.header {
85
	background:url(../images/trie.png) no-repeat center right;
86
	padding-right:20px;
87
}
88
th.headerSortUp {
89
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
90
	color:white;
91
}
92
th.headerSortDown {
93
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
94
    color:white;
95
}
96
/*+-----------------------------------------------------------------------------------------------------------------+*/
97
/* Générique */
98
.nettoyage{
99
	clear:both;
100
}
101
hr.nettoyage{
102
	visibility:hidden;
103
}
104
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 105
/* Carte */
106
#carte {
521 jpm 107
	padding:0;
108
	margin:0;
109
	position:absolute;
110
	right:0;
111
	bottom:0;
112
	overflow:auto;
1442 aurelien 113
	width: 100%;
479 jpm 114
}
1438 aurelien 115
 
116
.carte_titree {
117
	top:35px;
118
}
119
 
120
.carte_non_titre {
121
	top:0px;
122
}
123
 
479 jpm 124
.bouton {
125
	background-color:white;
126
	border:2px solid black;
127
	cursor:pointer;
128
	text-align:center;
129
}
130
/*+-----------------------------------------------------------------------------------------------------------------+*/
131
/* Message de chargement */
132
#chargement {
915 jpm 133
	margin:25px;
134
	text-align:center;
479 jpm 135
}
915 jpm 136
#chargement img{
479 jpm 137
	display:block;
138
	margin:auto;
139
}
1442 aurelien 140
 
141
#message-aucune-obs p {
142
	padding-top : 25px;
143
	font-weight: bold;
144
}
145
 
146
#message-aucune-obs {
147
	background-image: url("../images/attention.png");
148
    background-position: 50% 10px;
149
	background-repeat:  no-repeat;
150
}
151
 
479 jpm 152
/*+-----------------------------------------------------------------------------------------------------------------+*/
501 jpm 153
/* Avertissement */
154
#zone-avertissement {
521 jpm 155
	background-color:#4A4B4C;
503 jpm 156
	color:#CCC;
157
	padding:12px;
158
	text-align:justify;
521 jpm 159
	line-height:16px;
501 jpm 160
}
503 jpm 161
#zone-avertissement h1{
162
	margin:0;
501 jpm 163
}
521 jpm 164
#zone-avertissement a {
165
	border-bottom:1px dotted gainsboro;
166
}
501 jpm 167
/*+-----------------------------------------------------------------------------------------------------------------+*/
492 jpm 168
/* Carte titre */
1442 aurelien 169
 
170
#zone-titre {
171
	top: 30px;
172
}
173
 
1438 aurelien 174
#zone-titre, #zone_stats {
521 jpm 175
	padding:0;
1438 aurelien 176
	position:relative;
177
	height:25px;
178
	top:3px;
521 jpm 179
	overflow:hidden;
1438 aurelien 180
	background-color:#F5F5F5;
181
	border-radius: 4px;
182
	z-index: 3000;
183
	display: inline-block;
184
	padding:8px;
185
	color: black;
186
    font-family: inherit;
187
    font-size: 1.1em;
188
    font-weight: bold;
189
    text-rendering: optimizelegibility;
190
    border: 1px solid rgba(0, 0, 0, 0.05);
191
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
501 jpm 192
}
1438 aurelien 193
 
501 jpm 194
#zone-info {
513 jpm 195
	position:absolute;
196
	top:0;
197
	right:8px;
198
	width:48px;
501 jpm 199
	text-align:right;
200
}
201
#zone-info img {
513 jpm 202
	display:inline;
521 jpm 203
	padding:4px;
512 jpm 204
	margin:0;
501 jpm 205
	border:none;
206
}
492 jpm 207
#carte-titre {
501 jpm 208
	display:inline-block;
939 jpm 209
	margin:0;
1438 aurelien 210
	padding:0em;
492 jpm 211
}
513 jpm 212
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
213
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
214
	display /*\**/:inline\9;/*Hack CSS pour ie8 */
215
}
492 jpm 216
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 217
/* Panneau latéral */
218
#panneau-lateral {
219
	padding:0;
521 jpm 220
	margin:0;
221
	position:absolute;
222
	left:0;
223
	bottom:0;
1438 aurelien 224
	width: 83px;
521 jpm 225
	overflow:hidden;
1438 aurelien 226
	background-color:#F5F5F5;
227
	border:1px solid grey;
228
	height: 60px;
229
	position: relative;
1442 aurelien 230
	z-index: 3001;
1438 aurelien 231
	border-top-right-radius : 10px;
232
	border-bottom-right-radius : 10px;
521 jpm 233
}
1438 aurelien 234
#pl-indication-filtre {
235
	margin-left	: 25px;
236
	padding : 3px;
237
}
521 jpm 238
#pl-contenu {
479 jpm 239
	display:none;
240
}
241
#pl-entete {
521 jpm 242
	height:95px;
479 jpm 243
}
244
#pl-corps {
521 jpm 245
	position:absolute;
246
	top:105px;
247
	bottom:0;
479 jpm 248
	overflow:auto;
249
	padding:5px;
489 jpm 250
	width:290px;
479 jpm 251
}
252
#pl-ouverture, #pl-fermeture {
521 jpm 253
	position:absolute;
479 jpm 254
	top:0;
1438 aurelien 255
	height:60px;
521 jpm 256
	width:24px;
479 jpm 257
	text-align:center;
258
	cursor:pointer;
259
}
260
#pl-ouverture {
521 jpm 261
	left:0;
262
	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
939 jpm 263
	height:100%;
479 jpm 264
}
265
#pl-fermeture {
521 jpm 266
	display:none;
267
	left:276px;
268
	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
479 jpm 269
}
492 jpm 270
#pl-ouverture span, #pl-fermeture span{
271
	display:none;
272
}
273
/* Panneau latéral : balises */
274
#panneau-lateral h2, #panneau-lateral p {
1438 aurelien 275
	color:black;}
479 jpm 276
/*+-----------------------------------------------------------------------------------------------------------------+*/
492 jpm 277
/* Liste des taxons de la carte */
278
#taxons {
1438 aurelien 279
	color:black;
492 jpm 280
}
836 jpm 281
#taxons .taxon-actif, #taxons .taxon-actif span {
282
	color:#56B80E;
283
}
284
#taxons li span {
285
	border-bottom:1px dotted #666;
1438 aurelien 286
	color:black;
836 jpm 287
}
288
#taxons li span:focus {
289
	outline:thin dotted;
290
}
291
#taxons li span:hover {
292
	color:#56B80E;
293
	border-bottom:1px dotted #56B80E;
294
	cursor:pointer;
295
}
296
.nt {
297
	display:none;
298
}
1438 aurelien 299
 
492 jpm 300
/*+-----------------------------------------------------------------------------------------------------------------+*/
1438 aurelien 301
/* Zone des stats en bas */
302
#zone-stats {
303
	padding:0;
304
	position:absolute;
305
	height:25px;
306
	bottom:3px;
307
	overflow:hidden;
308
	background-color:#F5F5F5;
309
	border-radius: 4px;
310
	z-index: 3000;
311
	display: inline-block;
312
	padding:8px;
313
	color: black;
314
    font-family: inherit;
315
    font-size: 1.1em;
316
    font-weight: bold;
317
    text-rendering: optimizelegibility;
318
    border: 1px solid rgba(0, 0, 0, 0.05);
319
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
320
}
321
 
322
#zone-stats h1 {
323
	margin-top: 0;
324
}
325
 
1442 aurelien 326
#lien_plein_ecran, #lien_voir_cc {
327
    position: fixed;
328
    z-index: 3000;
329
    background-color:#F5F5F5;
330
	border-radius: 4px;
331
	border: 1px solid rgba(0, 0, 0, 0.05);
332
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
333
    padding: 8px 8px 4px;
334
    font-size: 1.1em;
335
    font-weight: bold;
336
}
337
 
338
#lien_plein_ecran {
339
    bottom: 3px;
340
    left: 5px;
341
}
342
 
343
#lien_plein_ecran a, #lien_voir_cc a {
344
	color: black;
345
	padding: 2px;
346
	border-bottom: none;
347
}
348
 
349
#lien_plein_ecran img {
350
	height: 20px;
351
}
352
 
353
#lien_voir_cc {
354
    bottom: 3px;
355
    right: 5px;
356
}
357
 
1438 aurelien 358
/*+-----------------------------------------------------------------------------------------------------------------+*/
479 jpm 359
/* Pop-up observations */
953 jpm 360
#info-bulle{
361
	min-height:500px;
362
	width:500px;
363
}
479 jpm 364
#observations {
365
	overflow:none;
915 jpm 366
	margin:-1px 0 0 0;
367
	border: 1px solid #AAA;
368
	border-radius:0 0 4px 4px;
479 jpm 369
}
915 jpm 370
#obs-pieds-page {
492 jpm 371
	font-size:10px;
372
	color:#CCC;
915 jpm 373
	clear:both;
492 jpm 374
}
915 jpm 375
.ui-tabs {
376
	padding:0;
377
}
378
.ui-widget-content {
379
	border:0;
380
}
381
.ui-widget-header {
382
	background:none;
383
	border:0;
384
	border-bottom:1px solid #AAA;
385
	border-radius:0;
386
}
387
.ui-tabs-selected a {
388
	border-bottom:1px solid white;
389
}
390
.ui-tabs-selected a:focus {
391
	outline:0;
392
}
393
.ui-tabs .ui-tabs-panel {
394
	padding:0.2em;
395
}
953 jpm 396
.ui-tabs .ui-tabs-nav li a {
397
	padding: 0.5em 0.6em;
398
}
915 jpm 399
#obs h2 {
400
	margin:0;
401
	text-align:center;
402
}
501 jpm 403
#observations a {
404
	color:#333;
521 jpm 405
	border-bottom:1px dotted gainsboro;
494 delphine 406
}
407
#observations a:hover {
408
	color:#56B80E;
501 jpm 409
	border-bottom:1px dotted #56B80E;
494 delphine 410
}
953 jpm 411
.nom-sci{
412
	color:#454341;
413
	font-weight:bold;
414
}
479 jpm 415
/*+-----------------------------------------------------------------------------------------------------------------+*/
915 jpm 416
/* Pop-up observations : liste */
953 jpm 417
.cel-img-principale {
418
	height:0;/*Pour IE*/
479 jpm 419
}
915 jpm 420
.cel-img-principale img{
421
	float:right;
422
	height:75px;
953 jpm 423
	width:75px;
915 jpm 424
	padding:1px;
425
	border:1px solid white;
479 jpm 426
}
915 jpm 427
#observations .cel-img:hover img{
428
	border: 1px dotted #56B80E;
479 jpm 429
}
915 jpm 430
.cel-img-secondaire, .cel-infos{
431
	display: none;
432
}
433
ol#obs-liste-lignes {
434
	padding:5px;
479 jpm 435
	margin:0;
436
}
953 jpm 437
.champ-nom-sci {
438
	display:none;
439
}
440
#obs-liste-lignes li dl {/*Pour IE*/
441
	width:350px;
442
}
915 jpm 443
.obs-conteneur{
444
	counter-reset: item;
479 jpm 445
}
915 jpm 446
.obs-conteneur .nom-sci:before {
447
	content: counter(item) ". ";
448
	counter-increment: item;
449
	display:block;
450
	float:left;
479 jpm 451
}
915 jpm 452
.obs-conteneur li {
453
	display: block;
953 jpm 454
	margin-bottom:1em;
479 jpm 455
}
953 jpm 456
 
479 jpm 457
/*+-----------------------------------------------------------------------------------------------------------------+*/
915 jpm 458
/* Diaporama */
459
.cel-legende{
460
	text-align:left;
461
}
462
.cel-legende-vei{
572 jpm 463
	float:right;
479 jpm 464
}
915 jpm 465
.cel-legende p{
939 jpm 466
	color: black;
467
	font-size: 12px;
468
	line-height: 18px;
469
	margin: 0;
629 jpm 470
}
915 jpm 471
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
472
	border-bottom:1px dotted gainsboro;
473
	color:#333;
474
	text-decoration:none;
475
	background-image:none;
841 jpm 476
}
915 jpm 477
.cel-legende a:hover {
478
	color:#56B80E;
479
	border-bottom:1px dotted #56B80E;
480
}
841 jpm 481
/*+-----------------------------------------------------------------------------------------------------------------+*/
482
/* Plugin Jquery Pagination */
915 jpm 483
.navigation {
484
	padding:5px;
485
	float:right;
486
}
841 jpm 487
.pagination {
488
	font-size: 80%;
489
}
490
.pagination a {
491
	text-decoration: none;
915 jpm 492
	border: solid 1px #666;
493
	color: #666;
494
	background:gainsboro;
841 jpm 495
}
915 jpm 496
.pagination a:hover {
497
	color: white;
498
	background: #56B80E;
499
}
841 jpm 500
.pagination a, .pagination span {
501
	display: block;
502
	float: left;
503
	padding: 0.3em 0.5em;
504
	margin-right: 5px;
505
	margin-bottom: 5px;
506
	min-width:1em;
507
	text-align:center;
508
}
509
.pagination .current {
915 jpm 510
	background: #4A4B4C;
511
	color: white;
512
	border: solid 1px gainsboro;
841 jpm 513
}
514
.pagination .current.prev, .pagination .current.next{
915 jpm 515
	color: #999;
516
	border-color: #999;
517
	background: gainsboro;
841 jpm 518
}
941 jpm 519
/*+-----------------------------------------------------------------------------------------------------------------+*/
520
/* Formulaire de contact */
521
#form-contact input{
522
	width:300px;
523
}
524
#form-contact textarea{
525
	width:300px;
526
	height:200px;
527
}
528
#form-contact #fc_envoyer{
529
	width:50px;
530
	float:right;
531
}
532
#form-contact #fc_annuler{
533
	width:50px;
534
	float:left;
535
}
536
#form-contact label.error {
537
	color:red;
538
	font-weight:bold;
539
}
540
#form-contact .info {
541
	padding:5px;
542
	background-color: #4A4B4C;
543
	border: solid 1px #666;
544
	color: white;
545
	white-space: pre-wrap;
546
	width: 300px;
547
}