Subversion Repositories eFlore/Applications.cel

Rev

Rev 1445 | Rev 1449 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1445 Rev 1447
Line 30... Line 30...
30
}
30
}
31
a:hover {
31
a:hover {
32
	color:#56B80E;
32
	color:#56B80E;
33
	border-bottom:1px dotted #56B80E;
33
	border-bottom:1px dotted #56B80E;
34
}
34
}
-
 
35
img {
-
 
36
	border:none;
-
 
37
}
35
/*+-----------------------------------------------------------------------------------------------------------------+*/
38
/*+-----------------------------------------------------------------------------------------------------------------+*/
36
/* Présentation des listes de définitions */
39
/* Présentation des listes de définitions */
37
dl {
40
dl {
38
	width:100%;
41
	width:100%;
39
	margin:0;
42
	margin:0;
Line 99... Line 102...
99
	clear:both;
102
	clear:both;
100
}
103
}
101
hr.nettoyage{
104
hr.nettoyage{
102
	visibility:hidden;
105
	visibility:hidden;
103
}
106
}
-
 
107
 
-
 
108
.element-overlay {
-
 
109
	background-color: #DDDDDD;
-
 
110
	border:1px solid grey;
-
 
111
}
104
/*+-----------------------------------------------------------------------------------------------------------------+*/
112
/*+-----------------------------------------------------------------------------------------------------------------+*/
105
/* Carte */
113
/* Carte */
106
#carte {
114
#carte {
107
	padding:0;
115
	padding:0;
108
	margin:0;
116
	margin:0;
Line 127... Line 135...
127
	cursor:pointer;
135
	cursor:pointer;
128
	text-align:center;
136
	text-align:center;
129
}
137
}
130
/*+-----------------------------------------------------------------------------------------------------------------+*/
138
/*+-----------------------------------------------------------------------------------------------------------------+*/
131
/* Message de chargement */
139
/* Message de chargement */
-
 
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
 
132
#chargement {
152
#chargement {
133
	margin:25px;
153
	margin:25px;
134
	text-align:center;
154
	text-align:center;
-
 
155
 
135
}
156
}
136
#chargement img{
157
#chargement img{
137
	display:block;
158
	display:block;
138
	margin:auto;
159
	margin:auto;
139
}
160
}
Line 145... Line 166...
145
 
166
 
146
#message-aucune-obs {
167
#message-aucune-obs {
147
	background-image: url("../images/attention.png");
168
	background-image: url("../images/attention.png");
148
    background-position: 50% 10px;
169
    background-position: 50% 10px;
-
 
170
	background-repeat:  no-repeat;
-
 
171
	display: none;
-
 
172
    height: 70px;
-
 
173
    padding: 10px;
-
 
174
    position: fixed;
-
 
175
    text-align: center;
-
 
176
    width: 230px;
149
	background-repeat:  no-repeat;
177
    z-index: 3000;
Line 150... Line 178...
150
}
178
}
151
 
179
 
152
/*+-----------------------------------------------------------------------------------------------------------------+*/
180
/*+-----------------------------------------------------------------------------------------------------------------+*/
Line 171... Line 199...
171
	top: 30px;
199
	top: 30px;
172
}
200
}
Line 173... Line 201...
173
 
201
 
174
#zone-titre, #zone_stats {
202
#zone-titre, #zone_stats {
175
	padding:0;
203
	padding:0;
176
	position:relative;
204
	position:absolute;
177
	height:25px;
205
	height:25px;
178
	overflow:hidden;
-
 
179
	background-color:#F5F5F5;
206
	overflow:hidden;
180
	border-radius: 4px;
207
	border-radius: 4px;
181
	z-index: 3000;
208
	z-index: 3000;
182
	display: inline-block;
209
	display: inline-block;
183
	padding:8px;
210
	padding:8px;
184
	color: black;
211
	color: black;
185
    font-family: inherit;
212
    font-family: inherit;
186
    font-size: 1.1em;
213
    font-size: 1.1em;
187
    font-weight: bold;
214
    font-weight: bold;
188
    text-rendering: optimizelegibility;
-
 
189
    border: 1px solid rgba(0, 0, 0, 0.05);
215
    text-rendering: optimizelegibility;
190
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
216
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
Line 191... Line 217...
191
}
217
}
192
 
218
 
193
#zone-info {
219
#zone-info {
194
	position:absolute;
220
	position:absolute;
195
	top:26px;
221
	top:26px;
196
	z-index:3001;
222
	z-index:3001;
197
	right:8px;
223
	right:8px;
198
    width: 25px;
-
 
199
	text-align:right;
-
 
200
	background-color: #F5F5F5;
224
    width: 25px;
201
    border: 1px solid rgba(0, 0, 0, 0.05);
225
	text-align:right;
202
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
226
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
Line 203... Line 227...
203
 	border-radius: 5px 5px 5px 5px;
227
 	border-radius: 5px 5px 5px 5px;
204
}
228
}
205
 
229
 
Line -... Line 230...
-
 
230
#zone-info a {
206
#zone-info a {
231
	border: none;
207
	border: none;
232
}
208
}
233
 
-
 
234
 
-
 
235
#logo {
-
 
236
    left: 2px;
-
 
237
    padding: 4px;
-
 
238
    position: absolute;
209
 
239
    top: 5px;
210
#zone-info img {
240
    z-index: 3002; 
211
	display:inline;
241
}
-
 
242
 
212
	padding:4px;
243
#logo a {
213
	margin:0;
244
	border-bottom: none;
214
	border:none;
245
}
215
}
246
 
216
#carte-titre {
247
#carte-titre {
Line 226... Line 257...
226
/* Panneau latéral */
257
/* Panneau latéral */
227
#panneau-lateral {
258
#panneau-lateral {
228
	padding:0;
259
	padding:0;
229
	margin:0;
260
	margin:0;
230
	position:absolute;	
261
	position:absolute;	
-
 
262
   	top: 75px;
231
	left:0;
263
	left:0;
232
	bottom:0;
264
	bottom:0;
233
	width: 83px;
265
	width: 83px;
234
	overflow:hidden;
266
	overflow:hidden;
235
	background-color:#F5F5F5;
-
 
236
	border:1px solid grey;
-
 
237
	height: 65px;	
267
	height: 25px;
238
	position: relative;
-
 
239
	z-index: 3001;
268
	z-index: 3001;
240
	border-top-right-radius : 10px;
269
	border-top-right-radius : 10px;
241
	border-bottom-right-radius : 10px;
270
	border-bottom-right-radius : 10px;
242
}
271
}
243
#pl-indication-filtre {
272
#pl-indication-filtre {
244
	margin-left	: 25px;
273
	margin-left	: 25px;
245
	padding : 3px;
274
	padding : 3px;
-
 
275
	font-weight: bold;
246
}
276
}
247
#pl-contenu {
277
#pl-contenu {
248
	display:none;
278
	display:none;
249
}
279
}
250
#pl-entete {
280
#pl-entete {
Line 283... Line 313...
283
/*+-----------------------------------------------------------------------------------------------------------------+*/
313
/*+-----------------------------------------------------------------------------------------------------------------+*/
284
/* Liste des taxons de la carte */
314
/* Liste des taxons de la carte */
285
#taxons {
315
#taxons {
286
	color:black;
316
	color:black;
287
}
317
}
288
#taxons .taxon-actif, #taxons .taxon-actif span {
318
#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {
289
	color:#56B80E;
319
	color:#56B80E;
290
}
320
}
291
#taxons li span, .raz-filtre-taxons {
321
#taxons li span, .raz-filtre-taxons {
292
	border-bottom:1px dotted #666;
322
	border-bottom:1px dotted #666;
293
	color:black;
323
	color:black;
Line 312... Line 342...
312
	padding:0;
342
	padding:0;
313
	position:absolute;
343
	position:absolute;
314
	height:25px;
344
	height:25px;
315
	bottom:20px;
345
	bottom:20px;
316
	overflow:hidden;
346
	overflow:hidden;
317
	background-color:#F5F5F5;
-
 
318
	border-radius: 4px;
347
	border-radius: 4px;
319
	z-index: 3000;
348
	z-index: 3000;
320
	display: inline-block;
349
	display: inline-block;
321
	padding:8px;
350
	padding:8px;
322
	color: black;
351
	color: black;
323
    font-family: inherit;
352
    font-family: inherit;
324
    font-size: 1.1em;
353
    font-size: 1.1em;
325
    font-weight: bold;
354
    font-weight: bold;
326
    text-rendering: optimizelegibility;
355
    text-rendering: optimizelegibility;
327
    border: 1px solid rgba(0, 0, 0, 0.05);
-
 
328
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
356
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
329
}
357
}
Line 330... Line 358...
330
 
358
 
331
#zone-stats h1 {
359
#zone-stats h1 {
332
	margin-top: 0;
360
	margin-top: 0;
Line 333... Line 361...
333
}
361
}
334
 
362
 
335
#lien_plein_ecran, #lien_voir_cc {
363
#lien_plein_ecran, #lien-voir-cc {
336
    position: fixed;
-
 
337
    z-index: 3000;
364
    position: absolute;
338
    background-color:#F5F5F5;
-
 
339
	border-radius: 4px;
365
    z-index: 3000;
340
	border: 1px solid rgba(0, 0, 0, 0.05);
366
	border-radius: 4px;
341
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
367
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
342
    padding: 8px 8px 4px;
368
    padding: 8px 8px 4px;
343
    font-size: 1.1em;
369
    font-size: 1.1em;
Line 347... Line 373...
347
#lien_plein_ecran {
373
#lien_plein_ecran {
348
    bottom: 20px;
374
    bottom: 20px;
349
    left: 5px;
375
    left: 5px;
350
}
376
}
Line 351... Line 377...
351
 
377
 
352
#lien_plein_ecran a, #lien_voir_cc a {
378
#lien_plein_ecran a, #lien-voir-cc a {
353
	color: black;
379
	color: black;
354
	padding: 2px;
380
	padding: 2px;
355
	border-bottom: none;
381
	border-bottom: none;
Line 356... Line 382...
356
}
382
}
357
 
383
 
358
#lien_plein_ecran img {
384
#lien_plein_ecran img {
Line 359... Line 385...
359
	height: 20px;
385
	height: 20px;
360
}
386
}
361
 
387
 
362
#lien_voir_cc {
388
#lien-voir-cc {
363
    bottom: 3px;
389
    bottom: 3px;
364
    right: 5px;
390
    right: 5px;
Line -... Line 391...
-
 
391
    bottom: 20px;
-
 
392
    height: 20px;
-
 
393
}
-
 
394
 
-
 
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 {
365
    bottom: 20px;
427
	border-bottom: 1px dotted #666666;
366
    height: 20px;
428
  	color: #444444;
367
}
429
    text-decoration: none;
368
 
430
}
369
/*+-----------------------------------------------------------------------------------------------------------------+*/
431
/*+-----------------------------------------------------------------------------------------------------------------+*/