Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3046 Rev 3047
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;
131
	-webkit-border-radius: 0 10px 0 0;
132
	-moz-border-radius: 0 10px 0 0;
132
	-moz-border-radius: 0 10px 0 0;
133
	border-radius: 0 10px 0 0;
133
	border-radius: 0 10px 0 0;
134
	padding-top: 10px;
134
	padding-top: 10px;
135
}
135
}
136
 
136
 
137
#zone-fiche-terrain-photo {
137
#zone-fiche-terrain-photo {
138
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
138
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
139
	margin-top: -20px;
139
	margin-top: -20px;
140
}
140
}
141
 
141
 
142
#partie-station, 
142
#partie-station, 
143
#partie-observation, 
143
#partie-observation, 
144
#partie-photo, 
144
#partie-photo, 
145
#partie-date {
145
#partie-date {
146
	margin: 0 10px 10px;
146
	margin: 0 10px 10px;
147
	background: #E5E5E5;
147
	background: #E5E5E5;
148
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
148
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
149
}
149
}
150
 
150
 
151
#partie-station legend, 
151
#partie-station legend, 
152
#partie-observation legend, 
152
#partie-observation legend, 
153
#partie-photo legend, 
153
#partie-photo legend, 
154
#partie-date legend{
154
#partie-date legend{
155
	background: #E5E5E5;
155
	background: #E5E5E5;
156
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
156
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
157
}
157
}
158
 
158
 
159
/* Liste des taxons */
159
/* Liste des taxons */
160
#taxon-liste optgroup + optgroup {
160
#taxon-liste optgroup + optgroup {
161
	border-top: 1px solid black;
161
	border-top: 1px solid black;
162
}
162
}
163
 
163
 
164
/* certitude */
164
/* certitude */
165
#certitude-controls input[type="radio"] {
165
#certitude-controls input[type="radio"] {
166
	vertical-align: text-bottom;
166
	vertical-align: text-bottom;
167
}
167
}
168
 
168
 
169
/* milieux */
169
/* milieux */
170
#milieux-controls, #taxon-liste-controls {
170
#milieux-controls, #taxon-liste-controls {
171
	margin-left: 0;
171
	margin-left: 0;
172
}
172
}
173
 
173
 
174
/*-------------------------------------------------------*/
174
/*-------------------------------------------------------*/
175
/* Géolocalisation */
175
/* Géolocalisation */
176
#map-canvas {
176
#map-canvas {
177
	height: 340px;
177
	height: 340px;
178
	margin-bottom: 5px;
178
	margin-bottom: 5px;
179
	margin-top: -10px;
179
	margin-top: -10px;
180
}
180
}
181
 
181
 
182
#map-container {
182
#map-container {
183
	margin-left: 0;
183
	margin-left: 0;
184
}
184
}
185
 
185
 
186
#map-canvas img {
186
#map-canvas img {
187
	max-width: none;
187
	max-width: none;
188
}
188
}
189
 
189
 
190
.coordonnees-geo, .lat-lon-info {
190
.coordonnees-geo, .lat-lon-info {
191
	font-size: 10px;
191
	font-size: 10px;
192
}
192
}
193
 
193
 
194
#info-commune {
194
#info-commune {
195
	text-align: right;
195
	text-align: right;
-
 
196
	padding-right: 20px;
196
}
197
}
197
 
198
 
198
.afficher-coord {
199
.afficher-coord {
199
	font-size: 10px;
200
	font-size: 10px;
200
}
201
}
201
 
202
 
202
.indication_geolocalisation {
203
.indication_geolocalisation {
203
	color: #118811;
204
	color: #118811;
204
	font-style: italic;
205
	font-style: italic;
205
	font-weight: bold;
206
	font-weight: bold;
206
	font-weight: 0.9em;
207
	font-weight: 0.9em;
207
	height: 50px;
208
	height: 50px;
208
}
209
}
209
 
210
 
210
/*+--------------------------------------------------------------------------------------------------------+*/
211
/*+--------------------------------------------------------------------------------------------------------+*/
211
/* Gestion des photos */
212
/* Gestion des photos */
212
 
213
 
213
/* Form d'ajout des photos */
214
/* Form d'ajout des photos */
214
#form-upload .miniature {
215
#form-upload .miniature {
215
	float: left;
216
	float: left;
216
	height: 130px;
217
	height: 130px;
217
	margin: 5px;
218
	margin: 5px;
218
}
219
}
219
 
220
 
220
#form-upload .miniature-img {
221
#form-upload .miniature-img {
221
	display: block;
222
	display: block;
222
	height: 100px;
223
	height: 100px;
223
}
224
}
224
 
225
 
225
#form-upload .miniature-chargement {
226
#form-upload .miniature-chargement {
226
	height: 100px;
227
	height: 100px;
227
	width: 100px;	
228
	width: 100px;	
228
}
229
}
229
 
230
 
230
#photos-conteneur {
231
#photos-conteneur {
231
	height: 120px;
232
	height: 120px;
232
}
233
}
233
 
234
 
234
/* Images d'une observation */
235
/* Images d'une observation */
235
.obs .obs-miniatures {
236
.obs .obs-miniatures {
236
	min-width: 150px;
237
	min-width: 150px;
237
	margin-right: 5px;
238
	margin-right: 5px;
238
	background-color: #524C47;
239
	background-color: #524C47;
239
	padding: 4px 0;
240
	padding: 4px 0;
240
}
241
}
241
 
242
 
242
.obs .miniature {
243
.obs .miniature {
243
	display: block;
244
	display: block;
244
	height: 100px;
245
	height: 100px;
245
	margin: 0 auto;
246
	margin: 0 auto;
246
}
247
}
247
 
248
 
248
.defilement {
249
.defilement {
249
	position: relative;
250
	position: relative;
250
	padding: 8px 0;
251
	padding: 8px 0;
251
}
252
}
252
 
253
 
253
.defilement-control-zone {
254
.defilement-control-zone {
254
	display: block;
255
	display: block;
255
	z-index: 2;
256
	z-index: 2;
256
	position: absolute;
257
	position: absolute;
257
	top: 0;
258
	top: 0;
258
	width: 50%;
259
	width: 50%;
259
	height: 116px;
260
	height: 116px;
260
}
261
}
261
 
262
 
262
.defilement-control-zone.gauche {
263
.defilement-control-zone.gauche {
263
	left: 0;
264
	left: 0;
264
}
265
}
265
 
266
 
266
.defilement-control-zone.droite {
267
.defilement-control-zone.droite {
267
	right: 0;
268
	right: 0;
268
}
269
}
269
 
270
 
270
.defilement-control {
271
.defilement-control {
271
	display: block;
272
	display: block;
272
	position: absolute;
273
	position: absolute;
273
	top: 35%;
274
	top: 35%;
274
	width: 20px;
275
	width: 20px;
275
	height: 20px;
276
	height: 20px;
276
	line-height: 20px;
277
	line-height: 20px;
277
	font-size: 17px;
278
	font-size: 17px;
278
	font-weight: 100;
279
	font-weight: 100;
279
	text-align: center;
280
	text-align: center;
280
	vertical-align: middle;
281
	vertical-align: middle;
281
	border: 3px solid white;
282
	border: 3px solid white;
282
	border-radius: 20px;
283
	border-radius: 20px;
283
	color: white;
284
	color: white;
284
	opacity: 1;
285
	opacity: 1;
285
	background: none repeat scroll 0 0 #524C47;
286
	background: none repeat scroll 0 0 #524C47;
286
	cursor: pointer;
287
	cursor: pointer;
287
}
288
}
288
 
289
 
289
.defilement-control.gauche {
290
.defilement-control.gauche {
290
	left: 3%;
291
	left: 3%;
291
}
292
}
292
 
293
 
293
.defilement-control.droite {
294
.defilement-control.droite {
294
	right: 3%;
295
	right: 3%;
295
}
296
}
296
 
297
 
297
.defilement-miniatures-cache {
298
.defilement-miniatures-cache {
298
	visibility: hidden;
299
	visibility: hidden;
299
}
300
}
300
 
301
 
301
.obs .miniature-cachee {
302
.obs .miniature-cachee {
302
	display: none;
303
	display: none;
303
}
304
}
304
 
305
 
305
.defilement-indicateurs {
306
.defilement-indicateurs {
306
	list-style: none outside none;
307
	list-style: none outside none;
307
	margin: 0;
308
	margin: 0;
308
	position: absolute;
309
	position: absolute;
309
	left: 0;
310
	left: 0;
310
	bottom: 2px;
311
	bottom: 2px;
311
	z-index: 5;
312
	z-index: 5;
312
}
313
}
313
 
314
 
314
.defilement-indicateurs li {
315
.defilement-indicateurs li {
315
	background-color: rgba(255, 255, 255, 0.25);
316
	background-color: rgba(255, 255, 255, 0.25);
316
	border-radius: 2px;
317
	border-radius: 2px;
317
	border: 1px solid lightgrey;
318
	border: 1px solid lightgrey;
318
	display: block;
319
	display: block;
319
	float: left;
320
	float: left;
320
	height: 4px;
321
	height: 4px;
321
	margin-left: 2px;
322
	margin-left: 2px;
322
	text-indent: -999px;
323
	text-indent: -999px;
323
	width: 4px;
324
	width: 4px;
324
}
325
}
325
 
326
 
326
.defilement-indicateurs .active {
327
.defilement-indicateurs .active {
327
	background-color: #FFFFFF;
328
	background-color: #FFFFFF;
328
}
329
}
329
 
330
 
330
/*-------------------------------------------------------*/
331
/*-------------------------------------------------------*/
331
/* Observations */
332
/* Observations */
332
#titre-liste-obs {
333
#titre-liste-obs {
333
	margin-top: 0;
334
	margin-top: 0;
334
	padding-top: 0;
335
	padding-top: 0;
335
}
336
}
336
 
337
 
337
#zone-liste-obs {
338
#zone-liste-obs {
338
	background-color: #A1CA10;
339
	background-color: #A1CA10;
339
	padding: 5px;
340
	padding: 5px;
340
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
341
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
341
}
342
}
342
 
343
 
343
#zone-liste-obs .well {
344
#zone-liste-obs .well {
344
	background-color: #A1CA10;
345
	background-color: #A1CA10;
345
	margin: 0 5px 5px 5px;
346
	margin: 0 5px 5px 5px;
346
}
347
}
347
 
348
 
348
#liste-obs .well{
349
#liste-obs .well{
349
	background-color: #E0DFDE;
350
	background-color: #E0DFDE;
350
}
351
}
351
 
352
 
352
#obs-titre {
353
#obs-titre {
353
	margin-right: 20px;
354
	margin-right: 20px;
354
}
355
}
355
 
356
 
356
#form-date {
357
#form-date {
357
	margin: 10px 0;
358
	margin: 10px 0;
358
	line-height: 40px;
359
	line-height: 40px;
359
}
360
}
360
 
361
 
361
.ns-retenu {
362
.ns-retenu {
362
	font-weight: bold;	
363
	font-weight: bold;	
363
}
364
}
364
 
365
 
365
.nn {
366
.nn {
366
	color: #3B9D3B;
367
	color: #3B9D3B;
367
}
368
}
368
 
369
 
369
.obs .nom-sci {
370
.obs .nom-sci {
370
	font-size:1.5em;
371
	font-size:1.5em;
371
	font-weight:bold;
372
	font-weight:bold;
372
}
373
}
373
 
374
 
374
.commune, 
375
.commune, 
375
.date {
376
.date {
376
	font-size: 1.3em;
377
	font-size: 1.3em;
377
	font-weight: bold;
378
	font-weight: bold;
378
}
379
}
379
 
380
 
380
.obs-action {
381
.obs-action {
381
	opacity: 1;
382
	opacity: 1;
382
}
383
}
383
 
384
 
384
#ajouter-obs {
385
#ajouter-obs {
385
	margin-left: 407px;
386
	margin-left: 407px;
386
	font-size: 20px;
387
	font-size: 20px;
387
	background: #181;
388
	background: #181;
388
	color: #FFF;
389
	color: #FFF;
389
	width: 137px;
390
	width: 137px;
390
}
391
}
391
 
392
 
392
#transmettre-obs {
393
#transmettre-obs {
393
	font-size: 20px;
394
	font-size: 20px;
394
	background: #811;
395
	background: #811;
395
	color: #FFF;
396
	color: #FFF;
396
}
397
}
397
 
398
 
398
#barre-progression-upload span {
399
#barre-progression-upload span {
399
	color : #333333;
400
	color : #333333;
400
}
401
}
401
 
402
 
402
#liste-obs .obs-erreur {
403
#liste-obs .obs-erreur {
403
	background-color: #DD6E6E;
404
	background-color: #DD6E6E;
404
}
405
}
405
 
406
 
406
#lien-tuto-photo {
407
#lien-tuto-photo {
407
	color:#118811;
408
	color:#118811;
408
}
409
}
409
 
410
 
410
#indication-nom-rue {
411
#indication-nom-rue {
411
    -moz-user-select: none;
412
    -moz-user-select: none;
412
    background-clip: padding-box;
413
    background-clip: padding-box;
413
    background-color: #fff;
414
    background-color: #fff;
414
    border: 4px solid #118811;
415
    border: 4px solid #118811;
415
    border-bottom-left-radius: 2px;
416
    border-bottom-left-radius: 2px;
416
    border-top-left-radius: 2px;
417
    border-top-left-radius: 2px;
417
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
418
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
418
    color: #565656;
419
    color: #565656;
419
    direction: ltr;
420
    direction: ltr;
420
    font-family: Roboto,Arial,sans-serif;
421
    font-family: Roboto,Arial,sans-serif;
421
    font-size: 11px;
422
    font-size: 11px;
422
    left: 40px;
423
    left: 40px;
423
    min-width: 25px;
424
    min-width: 25px;
424
    overflow: hidden;
425
    overflow: hidden;
425
    padding: 1px 6px;
426
    padding: 1px 6px;
426
    position: relative;
427
    position: relative;
427
    text-align: center;
428
    text-align: center;
428
    top: -8px;
429
    top: -8px;
429
    visibility: hidden;
430
    visibility: hidden;
430
    width: 370px;
431
    width: 370px;
431
    z-index: 10;
432
    z-index: 10;
432
}
433
}
433
 
434
 
434
#indication-nom-rue-nom {
435
#indication-nom-rue-nom {
435
	display: inline-block;
436
	display: inline-block;
436
	height: 14px;
437
	height: 14px;
437
    max-width: 322px;
438
    max-width: 322px;
438
    overflow: hidden;
439
    overflow: hidden;
439
    text-overflow: ellipsis;
440
    text-overflow: ellipsis;
440
}
441
}
441
 
442
 
442
.navigation-rue, .navigation-rue:active {
443
.navigation-rue, .navigation-rue:active {
443
	display: inline-block;
444
	display: inline-block;
444
	color: black;
445
	color: black;
445
	font-size: 20px;
446
	font-size: 20px;
446
    margin-top: -4px;
447
    margin-top: -4px;
447
}
448
}
448
 
449
 
449
#indication-nom-rue-precedent {
450
#indication-nom-rue-precedent {
450
	float: left;
451
	float: left;
451
}
452
}
452
 
453
 
453
#indication-nom-rue-suivant {
454
#indication-nom-rue-suivant {
454
	float: right;
455
	float: right;
455
}
456
}
456
 
457
 
457
#indication-nom-rue img {
458
#indication-nom-rue img {
458
    height: 15px;
459
    height: 15px;
459
    margin-bottom: 2px;
460
    margin-bottom: 2px;
460
}
461
}
461
 
462
 
462
#logo-titre{
463
#logo-titre{
463
	width: 50%;
464
	width: 50%;
464
	height: 50%;
465
	height: 50%;
465
}
466
}
466
 
467
 
467
/*-------------------------------------------------------*/
468
/*-------------------------------------------------------*/
468
/* Autocomplete */
469
/* Autocomplete */
469
.valeur-defaut-recherche {
470
.valeur-defaut-recherche {
470
	color: #848484;
471
	color: #848484;
471
	font-style: italic;	
472
	font-style: italic;	
472
	font-weight: 0.9em;
473
	font-weight: 0.9em;
473
}
474
}
474
 
475
 
475
 
476
 
476
/*-------------------------------------------------------*/
477
/*-------------------------------------------------------*/
477
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
478
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
478
.row-fluid .span3 {
479
.row-fluid .span3 {
479
    width: 23.0769%;
480
    width: 23.0769%;
480
    float: left;
481
    float: left;
481
}
482
}
482
 
483