Subversion Repositories eFlore/Applications.cel

Rev

Rev 2744 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2744 Rev 2745
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
/*+--------------------------------------------------------------------------------------------------------+*/
2
/*+--------------------------------------------------------------------------------------------------------+*/
3
/* Balises */
3
/* Balises */
4
body {
4
body {
5
	font-family: Arial;
5
	font-family: Arial;
6
	font-size: 12px;
6
	font-size: 12px;
7
}
7
}
8
 
8
 
9
h1 {
9
h1 {
10
	font-size: 1.6em;
10
	font-size: 1.6em;
11
}
11
}
12
 
12
 
13
h2 {
13
h2 {
14
	font-size: 1.4em;
14
	font-size: 1.4em;
15
	text-transform: uppercase;
15
	text-transform: uppercase;
16
	letter-spacing: 0.3em;
16
	letter-spacing: 0.3em;
17
	padding: 5px 10px;
17
	padding: 5px 10px;
18
	background: #A1CA10;
18
	background: #A1CA10;
19
	margin-bottom: 0;
19
	margin-bottom: 0;
20
	margin-left: 2px;
20
	margin-left: 2px;
21
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
21
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
22
	line-height: 2em;
22
	line-height: 2em;
23
}
23
}
24
 
24
 
25
a {
25
a {
26
	font-weight: bold;
26
	font-weight: bold;
27
}
27
}
28
 
28
 
29
/*+--------------------------------------------------------------------------------------------------------+*/
29
/*+--------------------------------------------------------------------------------------------------------+*/
30
/* Générique */
30
/* Générique */
31
.discretion {
31
.discretion {
32
	color: grey;
32
	color: grey;
33
	font-family: arial;
33
	font-family: arial;
34
	font-size: 11px;
34
	font-size: 11px;
35
}
35
}
36
 
36
 
37
.nom-sci {
37
.nom-sci {
38
	font-style: italic;
38
	font-style: italic;
39
}
39
}
40
 
40
 
41
.modal-fenetre {
41
.modal-fenetre {
42
	position: fixed;
42
	position: fixed;
43
	z-index: 1000;
43
	z-index: 1000;
44
	top: 0;
44
	top: 0;
45
	left: 0;
45
	left: 0;
46
	height: 100%;
46
	height: 100%;
47
	width: 100%;
47
	width: 100%;
48
	background: #777;
48
	background: #777;
49
	background: rgba(90,86,93,0.7);
49
	background: rgba(90,86,93,0.7);
50
	text-align: center;
50
	text-align: center;
51
}
51
}
52
 
52
 
53
.modal-contenu {
53
.modal-contenu {
54
	position: relative;
54
	position: relative;
55
	width: 30%;
55
	width: 30%;
56
	margin: 0 auto;
56
	margin: 0 auto;
57
	top: 30%;
57
	top: 30%;
58
}
58
}
59
 
59
 
60
/*+--------------------------------------------------------------------------------------------------------+*/
60
/*+--------------------------------------------------------------------------------------------------------+*/
61
/* Positionnement général */
61
/* Positionnement général */
62
#zone-appli {
62
#zone-appli {
63
	margin: 0 auto;
63
	margin: 0 auto;
64
	width: 600px;
64
	width: 600px;
65
}
65
}
66
 
66
 
67
/*+--------------------------------------------------------------------------------------------------------+*/
67
/*+--------------------------------------------------------------------------------------------------------+*/
68
/* Formulaire générique */
68
/* Formulaire générique */
69
legend {
69
legend {
70
	color: #000000;
70
	color: #000000;
71
	font-size: 1.2em;
71
	font-size: 1.2em;
72
	letter-spacing: 0.2em;
72
	letter-spacing: 0.2em;
73
	padding: 5px 10px;
73
	padding: 5px 10px;
74
	text-transform: uppercase;
74
	text-transform: uppercase;
75
	line-height: 1.2em;
75
	line-height: 1.2em;
76
	margin: 2px 2px 0;
76
	margin: 2px 2px 0;
77
	width: inherit;
77
	width: inherit;
78
}
78
}
79
 
79
 
80
fieldset {
80
fieldset {
81
	background-color: #A1CA10;
81
	background-color: #A1CA10;
82
	padding: 5px;
82
	padding: 5px;
83
}
83
}
84
 
84
 
85
/* Validation du formulaire */
85
/* Validation du formulaire */
86
label.error {
86
label.error {
87
	display: block;
87
	display: block;
88
	float: none;
88
	float: none;
89
	color: red;
89
	color: red;
90
	width: 100%;
90
	width: 100%;
91
}
91
}
92
 
92
 
93
label.error.valid {
93
label.error.valid {
94
	text-indent: -9999px;
94
	text-indent: -9999px;
95
	color: #468847;
95
	color: #468847;
96
	float: none;
96
	float: none;
97
	width: 0;
97
	width: 0;
98
	height: 0;
98
	height: 0;
99
}
99
}
100
 
100
 
101
/*-------------------------------------------------------*/
101
/*-------------------------------------------------------*/
102
/* Formulaire observateur */
102
/* Formulaire observateur */
103
#titre-form-observateur {
103
#titre-form-observateur {
104
	width: 250px;
104
	width: 250px;
105
}
105
}
106
 
106
 
107
#zone-identification {
107
#zone-identification {
108
	margin-left: 2px;
108
	margin-left: 2px;
109
}
109
}
110
 
110
 
111
#partie-identification {
111
#partie-identification {
112
	background: #A1CA10;
112
	background: #A1CA10;
113
	-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
113
	-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
114
}
114
}
115
 
115
 
116
/*+--------------------------------------------------------------------------------------------------------+*/
116
/*+--------------------------------------------------------------------------------------------------------+*/
117
/* Formulaire obs */
117
/* Formulaire obs */
118
#titre-form-obs {
118
#titre-form-obs {
119
	width: 250px;
119
	width: 250px;
120
}
120
}
121
 
121
 
122
#zone-fiche-terrain, 
122
#zone-fiche-terrain, 
123
#zone-fiche-terrain-photo {
123
#zone-fiche-terrain-photo {
124
	background: #A1CA10;
124
	background: #A1CA10;
125
	width: 600px;
125
	width: 600px;
126
	margin-left: 2px;
126
	margin-left: 2px;
127
	padding-bottom: 10px;
127
	padding-bottom: 10px;
128
}
128
}
129
 
129
 
130
#zone-fiche-terrain {
130
#zone-fiche-terrain {
131
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
131
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
132
}
132
}
133
 
133
 
134
#zone-fiche-terrain-photo {
134
#zone-fiche-terrain-photo {
135
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
135
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
136
	margin-top: -20px;
136
	margin-top: -20px;
137
}
137
}
138
 
138
 
139
#partie-station, 
139
#partie-station, 
140
#partie-observation, 
140
#partie-observation, 
141
#partie-photo, 
141
#partie-photo, 
142
#partie-date {
142
#partie-date {
143
	margin: 0 10px 10px;
143
	margin: 0 10px 10px;
144
	background: #E5E5E5;
144
	background: #E5E5E5;
145
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
145
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
146
}
146
}
147
 
147
 
148
#partie-station legend, 
148
#partie-station legend, 
149
#partie-observation legend, 
149
#partie-observation legend, 
150
#partie-photo legend, 
150
#partie-photo legend, 
151
#partie-date legend{
151
#partie-date legend{
152
	background: #E5E5E5;
152
	background: #E5E5E5;
153
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
153
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
154
}
154
}
155
 
155
 
156
/* Liste des taxons */
156
/* Liste des taxons */
157
#taxon-liste optgroup + optgroup {
157
#taxon-liste optgroup + optgroup {
158
	border-top: 1px solid black;
158
	border-top: 1px solid black;
159
}
159
}
160
 
160
 
161
/*-------------------------------------------------------*/
161
/*-------------------------------------------------------*/
162
/* Géolocalisation */
162
/* Géolocalisation */
163
#map-canvas {
163
#map-canvas {
164
	height: 280px;
164
	height: 280px;
165
	margin-bottom: 5px;
165
	margin-bottom: 5px;
166
	margin-top: -40px;
166
	margin-top: -40px;
167
}
167
}
168
 
168
 
169
#map-container {
169
#map-container {
170
	margin-left: 0;
170
	margin-left: 0;
171
}
171
}
172
 
172
 
173
#map-canvas img {
173
#map-canvas img {
174
	max-width: none;
174
	max-width: none;
175
}
175
}
176
 
176
 
177
.coordonnees-geo, .lat-lon-info {
177
.coordonnees-geo, .lat-lon-info {
178
	font-size: 10px;
178
	font-size: 10px;
179
}
179
}
180
 
180
 
181
#info-commune {
181
#info-commune {
182
	text-align: right;
182
	text-align: right;
183
	font-size: 10px;
183
	font-size: 10px;
184
}
184
}
185
 
185
 
186
.afficher-coord {
186
.afficher-coord {
187
	font-size: 10px;
187
	font-size: 10px;
188
}
188
}
189
 
189
 
190
.indication_geolocalisation {
190
.indication_geolocalisation {
191
	color: #118811;
191
	color: #118811;
192
	font-style: italic;
192
	font-style: italic;
193
	font-weight: bold;
193
	font-weight: bold;
194
	font-weight: 0.9em;
194
	font-weight: 0.9em;
195
}
195
}
196
 
196
 
197
/*+--------------------------------------------------------------------------------------------------------+*/
197
/*+--------------------------------------------------------------------------------------------------------+*/
198
/* Gestion des photos */
198
/* Gestion des photos */
199
 
199
 
200
/* Form d'ajout des photos */
200
/* Form d'ajout des photos */
201
#form-upload .miniature {
201
#form-upload .miniature {
202
	float: left;
202
	float: left;
203
	height: 130px;
203
	height: 130px;
204
	margin: 5px;
204
	margin: 5px;
205
}
205
}
206
 
206
 
207
#form-upload .miniature-img {
207
#form-upload .miniature-img {
208
	display: block;
208
	display: block;
209
	height: 100px;
209
	height: 100px;
210
}
210
}
211
 
211
 
212
#form-upload .miniature-chargement {
212
#form-upload .miniature-chargement {
213
	height: 100px;
213
	height: 100px;
214
	width: 100px;	
214
	width: 100px;	
215
}
215
}
216
 
216
 
217
#photos-conteneur {
217
#photos-conteneur {
218
	height: 120px;
218
	height: 120px;
219
}
219
}
220
 
220
 
221
/* Images d'une observation */
221
/* Images d'une observation */
222
.obs .obs-miniatures {
222
.obs .obs-miniatures {
223
	min-width: 150px;
223
	min-width: 150px;
224
	margin-right: 5px;
224
	margin-right: 5px;
225
	background-color: #524C47;
225
	background-color: #524C47;
226
	padding: 4px 0;
226
	padding: 4px 0;
227
}
227
}
228
 
228
 
229
.obs .miniature {
229
.obs .miniature {
230
	display: block;
230
	display: block;
231
	height: 100px;
231
	height: 100px;
232
	margin: 0 auto;
232
	margin: 0 auto;
233
}
233
}
234
 
234
 
235
.defilement {
235
.defilement {
236
	position: relative;
236
	position: relative;
237
	padding: 8px 0;
237
	padding: 8px 0;
238
}
238
}
239
 
239
 
240
.defilement-control-zone {
240
.defilement-control-zone {
241
	display: block;
241
	display: block;
242
	z-index: 2;
242
	z-index: 2;
243
	position: absolute;
243
	position: absolute;
244
	top: 0;
244
	top: 0;
245
	width: 50%;
245
	width: 50%;
246
	height: 116px;
246
	height: 116px;
247
}
247
}
248
 
248
 
249
.defilement-control-zone.gauche {
249
.defilement-control-zone.gauche {
250
	left: 0;
250
	left: 0;
251
}
251
}
252
 
252
 
253
.defilement-control-zone.droite {
253
.defilement-control-zone.droite {
254
	right: 0;
254
	right: 0;
255
}
255
}
256
 
256
 
257
.defilement-control {
257
.defilement-control {
258
	display: block;
258
	display: block;
259
	position: absolute;
259
	position: absolute;
260
	top: 35%;
260
	top: 35%;
261
	width: 20px;
261
	width: 20px;
262
	height: 20px;
262
	height: 20px;
263
	line-height: 20px;
263
	line-height: 20px;
264
	font-size: 17px;
264
	font-size: 17px;
265
	font-weight: 100;
265
	font-weight: 100;
266
	text-align: center;
266
	text-align: center;
267
	vertical-align: middle;
267
	vertical-align: middle;
268
	border: 3px solid white;
268
	border: 3px solid white;
269
	border-radius: 20px;
269
	border-radius: 20px;
270
	color: white;
270
	color: white;
271
	opacity: 1;
271
	opacity: 1;
272
	background: none repeat scroll 0 0 #524C47;
272
	background: none repeat scroll 0 0 #524C47;
273
	cursor: pointer;
273
	cursor: pointer;
274
}
274
}
275
 
275
 
276
.defilement-control.gauche {
276
.defilement-control.gauche {
277
	left: 3%;
277
	left: 3%;
278
}
278
}
279
 
279
 
280
.defilement-control.droite {
280
.defilement-control.droite {
281
	right: 3%;
281
	right: 3%;
282
}
282
}
283
 
283
 
284
.defilement-miniatures-cache {
284
.defilement-miniatures-cache {
285
	visibility: hidden;
285
	visibility: hidden;
286
}
286
}
287
 
287
 
288
.obs .miniature-cachee {
288
.obs .miniature-cachee {
289
	display: none;
289
	display: none;
290
}
290
}
291
 
291
 
292
.defilement-indicateurs {
292
.defilement-indicateurs {
293
	list-style: none outside none;
293
	list-style: none outside none;
294
	margin: 0;
294
	margin: 0;
295
	position: absolute;
295
	position: absolute;
296
	left: 0;
296
	left: 0;
297
	bottom: 2px;
297
	bottom: 2px;
298
	z-index: 5;
298
	z-index: 5;
299
}
299
}
300
 
300
 
301
.defilement-indicateurs li {
301
.defilement-indicateurs li {
302
	background-color: rgba(255, 255, 255, 0.25);
302
	background-color: rgba(255, 255, 255, 0.25);
303
	border-radius: 2px;
303
	border-radius: 2px;
304
	border: 1px solid lightgrey;
304
	border: 1px solid lightgrey;
305
	display: block;
305
	display: block;
306
	float: left;
306
	float: left;
307
	height: 4px;
307
	height: 4px;
308
	margin-left: 2px;
308
	margin-left: 2px;
309
	text-indent: -999px;
309
	text-indent: -999px;
310
	width: 4px;
310
	width: 4px;
311
}
311
}
312
 
312
 
313
.defilement-indicateurs .active {
313
.defilement-indicateurs .active {
314
	background-color: #FFFFFF;
314
	background-color: #FFFFFF;
315
}
315
}
316
 
316
 
317
/*-------------------------------------------------------*/
317
/*-------------------------------------------------------*/
318
/* Observations */
318
/* Observations */
319
#titre-liste-obs {
319
#titre-liste-obs {
320
	margin-top: 0;
320
	margin-top: 0;
321
	padding-top: 0;
321
	padding-top: 0;
322
}
322
}
323
 
323
 
324
#zone-liste-obs {
324
#zone-liste-obs {
325
	background-color: #A1CA10;
325
	background-color: #A1CA10;
326
	padding: 5px;
326
	padding: 5px;
327
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
327
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
328
}
328
}
329
 
329
 
330
#zone-liste-obs .well {
330
#zone-liste-obs .well {
331
	background-color: #A1CA10;
331
	background-color: #A1CA10;
332
	margin: 0 5px 5px 5px;
332
	margin: 0 5px 5px 5px;
333
}
333
}
334
 
334
 
335
#liste-obs .well{
335
#liste-obs .well{
336
	background-color: #E0DFDE;
336
	background-color: #E0DFDE;
337
}
337
}
338
 
338
 
339
#obs-titre {
339
#obs-titre {
340
	margin-right: 20px;
340
	margin-right: 20px;
341
}
341
}
342
 
342
 
343
#form-date {
343
#form-date {
344
	margin: 10px 0;
344
	margin: 10px 0;
345
	line-height: 40px;
345
	line-height: 40px;
346
}
346
}
347
 
347
 
348
.ns-retenu {
348
.ns-retenu {
349
	font-weight: bold;	
349
	font-weight: bold;	
350
}
350
}
351
 
351
 
352
.nn {
352
.nn {
353
	color: #3B9D3B;
353
	color: #3B9D3B;
354
}
354
}
355
 
355
 
356
.obs .nom-sci {
356
.obs .nom-sci {
357
	font-size:1.5em;
357
	font-size:1.5em;
358
	font-weight:bold;
358
	font-weight:bold;
359
}
359
}
360
 
360
 
361
.commune, 
361
.commune, 
362
.date {
362
.date {
363
	font-size: 1.3em;
363
	font-size: 1.3em;
364
	font-weight: bold;
364
	font-weight: bold;
365
}
365
}
366
 
366
 
367
.obs-action {
367
.obs-action {
368
	opacity: 1;
368
	opacity: 1;
369
}
369
}
370
 
370
 
371
#ajouter-obs {
371
#ajouter-obs {
372
	margin-left: 407px;
372
	margin-left: 407px;
373
	font-size: 20px;
373
	font-size: 20px;
374
	background: #181;
374
	background: #181;
375
	color: #FFF;
375
	color: #FFF;
376
	width: 137px;
376
	width: 137px;
377
}
377
}
378
 
378
 
379
#transmettre-obs {
379
#transmettre-obs {
380
	font-size: 20px;
380
	font-size: 20px;
381
	background: #811;
381
	background: #811;
382
	color: #FFF;
382
	color: #FFF;
383
}
383
}
384
 
384
 
385
#barre-progression-upload span {
385
#barre-progression-upload span {
386
	color : #333333;
386
	color : #333333;
387
}
387
}
388
 
388
 
389
#liste-obs .obs-erreur {
389
#liste-obs .obs-erreur {
390
	background-color: #DD6E6E;
390
	background-color: #DD6E6E;
391
}
391
}
392
 
392
 
393
#lien-tuto-photo {
393
#lien-tuto-photo {
394
	color:#118811;
394
	color:#118811;
395
}
395
}
396
 
396
 
397
#indication-nom-rue {
397
#indication-nom-rue {
398
    -moz-user-select: none;
398
    -moz-user-select: none;
399
    background-clip: padding-box;
399
    background-clip: padding-box;
400
    background-color: #fff;
400
    background-color: #fff;
401
    border: 1px solid rgba(0, 0, 0, 0.15);
401
    border: 1px solid rgba(0, 0, 0, 0.15);
402
    border-bottom-left-radius: 2px;
402
    border-bottom-left-radius: 2px;
403
    border-top-left-radius: 2px;
403
    border-top-left-radius: 2px;
404
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
404
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
405
    color: #565656;
405
    color: #565656;
406
    direction: ltr;
406
    direction: ltr;
407
    font-family: Roboto,Arial,sans-serif;
407
    font-family: Roboto,Arial,sans-serif;
408
    font-size: 11px;
408
    font-size: 11px;
409
    left: 40px;
409
    left: 40px;
410
    width: 370px;
410
    width: 370px;
411
    min-width: 25px;
411
    min-width: 25px;
412
    overflow: hidden;
412
    overflow: hidden;
413
    padding: 1px 6px;
413
    padding: 1px 6px;
414
    position: relative;
414
    position: relative;
415
    text-align: center;
415
    text-align: center;
416
    top: -11px;
416
    top: -11px;
417
    z-index: 10;
417
    z-index: 10;
418
   	visibility:hidden;
418
   	visibility:hidden;
419
}
419
}
420
 
420
 
421
#indication-nom-rue-nom {
421
#indication-nom-rue-nom {
422
	display: inline-block;
422
	display: inline-block;
-
 
423
	height: 14px;
-
 
424
    max-width: 322px;
-
 
425
    overflow: hidden;
-
 
426
    text-overflow: ellipsis;
423
}
427
}
424
 
428
 
425
.navigation-rue, .navigation-rue:active {
429
.navigation-rue, .navigation-rue:active {
426
	display: inline-block;
430
	display: inline-block;
427
	color: black;
431
	color: black;
428
	font-size: 20px;
432
	font-size: 20px;
429
    margin-top: -4px;
433
    margin-top: -4px;
430
}
434
}
431
 
435
 
432
#indication-nom-rue-precedent {
436
#indication-nom-rue-precedent {
433
	float: left;
437
	float: left;
434
}
438
}
435
 
439
 
436
#indication-nom-rue-suivant {
440
#indication-nom-rue-suivant {
437
	float: right;
441
	float: right;
438
}
442
}
439
 
443
 
440
#indication-nom-rue img {
444
#indication-nom-rue img {
441
    height: 15px;
445
    height: 15px;
442
    margin-bottom: 2px;
446
    margin-bottom: 2px;
443
}
447
}
444
 
448
 
445
/*-------------------------------------------------------*/
449
/*-------------------------------------------------------*/
446
/* Autocomplete */
450
/* Autocomplete */
447
.valeur-defaut-recherche {
451
.valeur-defaut-recherche {
448
	color: #848484;
452
	color: #848484;
449
	font-style: italic;	
453
	font-style: italic;	
450
	font-weight: 0.9em;
454
	font-weight: 0.9em;
451
}
455
}
452
 
456
 
453
 
457
 
454
/*-------------------------------------------------------*/
458
/*-------------------------------------------------------*/
455
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
459
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
456
.row-fluid .span3 {
460
.row-fluid .span3 {
457
    width: 23.0769%;
461
    width: 23.0769%;
458
    float: left;
462
    float: left;
459
}
463
}
460
 
464