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