Subversion Repositories eFlore/Applications.cel

Rev

Rev 3089 | Details | Compare with Previous | Last modification | View Log | RSS feed

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