Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2687 Rev 2712
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
}
166
}
167
 
167
 
168
#map-canvas img {
168
#map-canvas img {
169
	max-width: none;
169
	max-width: none;
170
}
170
}
171
 
171
 
172
.coordonnees-geo, .lat-lon-info {
172
.coordonnees-geo, .lat-lon-info {
173
	font-size: 10px;
173
	font-size: 10px;
174
}
174
}
175
 
175
 
176
#info-commune {
176
#info-commune {
177
	text-align: right;
177
	text-align: right;
178
	font-size: 10px;
178
	font-size: 10px;
179
}
179
}
180
 
180
 
181
.afficher-coord {
181
.afficher-coord {
182
	font-size: 10px;
182
	font-size: 10px;
183
}
183
}
184
 
184
 
185
.indication_geolocalisation {
185
.indication_geolocalisation {
186
	color: #118811;
186
	color: #118811;
187
	font-style: italic;
187
	font-style: italic;
188
	font-weight: bold;
188
	font-weight: bold;
189
	font-weight: 0.9em;
189
	font-weight: 0.9em;
190
}
190
}
191
 
191
 
192
/*+--------------------------------------------------------------------------------------------------------+*/
192
/*+--------------------------------------------------------------------------------------------------------+*/
193
/* Gestion des photos */
193
/* Gestion des photos */
194
 
194
 
195
/* Form d'ajout des photos */
195
/* Form d'ajout des photos */
196
#form-upload .miniature {
196
#form-upload .miniature {
197
	float: left;
197
	float: left;
198
	height: 130px;
198
	height: 130px;
199
	margin: 5px;
199
	margin: 5px;
200
}
200
}
201
 
201
 
202
#form-upload .miniature-img {
202
#form-upload .miniature-img {
203
	display: block;
203
	display: block;
204
	height: 100px;
204
	height: 100px;
205
}
205
}
206
 
206
 
207
#form-upload .miniature-chargement {
207
#form-upload .miniature-chargement {
208
	height: 100px;
208
	height: 100px;
209
	width: 100px;	
209
	width: 100px;	
210
}
210
}
211
 
211
 
212
#photos-conteneur {
212
#photos-conteneur {
213
	height: 120px;
213
	height: 120px;
214
}
214
}
215
 
215
 
216
/* Images d'une observation */
216
/* Images d'une observation */
217
.obs .obs-miniatures {
217
.obs .obs-miniatures {
218
	min-width: 150px;
218
	min-width: 150px;
219
	margin-right: 5px;
219
	margin-right: 5px;
220
	background-color: #524C47;
220
	background-color: #524C47;
221
	padding: 4px 0;
221
	padding: 4px 0;
222
}
222
}
223
 
223
 
224
.obs .miniature {
224
.obs .miniature {
225
	display: block;
225
	display: block;
226
	height: 100px;
226
	height: 100px;
227
	margin: 0 auto;
227
	margin: 0 auto;
228
}
228
}
229
 
229
 
230
.defilement {
230
.defilement {
231
	position: relative;
231
	position: relative;
232
	padding: 8px 0;
232
	padding: 8px 0;
233
}
233
}
234
 
234
 
235
.defilement-control-zone {
235
.defilement-control-zone {
236
	display: block;
236
	display: block;
237
	z-index: 2;
237
	z-index: 2;
238
	position: absolute;
238
	position: absolute;
239
	top: 0;
239
	top: 0;
240
	width: 50%;
240
	width: 50%;
241
	height: 116px;
241
	height: 116px;
242
}
242
}
243
 
243
 
244
.defilement-control-zone.gauche {
244
.defilement-control-zone.gauche {
245
	left: 0;
245
	left: 0;
246
}
246
}
247
 
247
 
248
.defilement-control-zone.droite {
248
.defilement-control-zone.droite {
249
	right: 0;
249
	right: 0;
250
}
250
}
251
 
251
 
252
.defilement-control {
252
.defilement-control {
253
	display: block;
253
	display: block;
254
	position: absolute;
254
	position: absolute;
255
	top: 35%;
255
	top: 35%;
256
	width: 20px;
256
	width: 20px;
257
	height: 20px;
257
	height: 20px;
258
	line-height: 20px;
258
	line-height: 20px;
259
	font-size: 17px;
259
	font-size: 17px;
260
	font-weight: 100;
260
	font-weight: 100;
261
	text-align: center;
261
	text-align: center;
262
	vertical-align: middle;
262
	vertical-align: middle;
263
	border: 3px solid white;
263
	border: 3px solid white;
264
	border-radius: 20px;
264
	border-radius: 20px;
265
	color: white;
265
	color: white;
266
	opacity: 1;
266
	opacity: 1;
267
	background: none repeat scroll 0 0 #524C47;
267
	background: none repeat scroll 0 0 #524C47;
-
 
268
	cursor: pointer;
268
}
269
}
269
 
270
 
270
.defilement-control.gauche {
271
.defilement-control.gauche {
271
	left: 3%;
272
	left: 3%;
272
}
273
}
273
 
274
 
274
.defilement-control.droite {
275
.defilement-control.droite {
275
	right: 3%;
276
	right: 3%;
276
}
277
}
277
 
278
 
278
.defilement-miniatures-cache {
279
.defilement-miniatures-cache {
279
	visibility: hidden;
280
	visibility: hidden;
280
}
281
}
281
 
282
 
282
.obs .miniature-cachee {
283
.obs .miniature-cachee {
283
	display: none;
284
	display: none;
284
}
285
}
285
 
286
 
286
.defilement-indicateurs {
287
.defilement-indicateurs {
287
	list-style: none outside none;
288
	list-style: none outside none;
288
	margin: 0;
289
	margin: 0;
289
	position: absolute;
290
	position: absolute;
290
	left: 0;
291
	left: 0;
291
	bottom: 2px;
292
	bottom: 2px;
292
	z-index: 5;
293
	z-index: 5;
293
}
294
}
294
 
295
 
295
.defilement-indicateurs li {
296
.defilement-indicateurs li {
296
	background-color: rgba(255, 255, 255, 0.25);
297
	background-color: rgba(255, 255, 255, 0.25);
297
	border-radius: 2px;
298
	border-radius: 2px;
298
	border: 1px solid lightgrey;
299
	border: 1px solid lightgrey;
299
	display: block;
300
	display: block;
300
	float: left;
301
	float: left;
301
	height: 4px;
302
	height: 4px;
302
	margin-left: 2px;
303
	margin-left: 2px;
303
	text-indent: -999px;
304
	text-indent: -999px;
304
	width: 4px;
305
	width: 4px;
305
}
306
}
306
 
307
 
307
.defilement-indicateurs .active {
308
.defilement-indicateurs .active {
308
	background-color: #FFFFFF;
309
	background-color: #FFFFFF;
309
}
310
}
310
 
311
 
311
/*-------------------------------------------------------*/
312
/*-------------------------------------------------------*/
312
/* Observations */
313
/* Observations */
313
#titre-liste-obs {
314
#titre-liste-obs {
314
	margin-top: 0;
315
	margin-top: 0;
315
	padding-top: 0;
316
	padding-top: 0;
316
}
317
}
317
 
318
 
318
#zone-liste-obs {
319
#zone-liste-obs {
319
	background-color: #A1CA10;
320
	background-color: #A1CA10;
320
	padding: 5px;
321
	padding: 5px;
321
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
322
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
322
}
323
}
323
 
324
 
324
#zone-liste-obs .well {
325
#zone-liste-obs .well {
325
	background-color: #A1CA10;
326
	background-color: #A1CA10;
326
	margin: 0 5px 5px 5px;
327
	margin: 0 5px 5px 5px;
327
}
328
}
328
 
329
 
329
#liste-obs .well{
330
#liste-obs .well{
330
	background-color: #E0DFDE;
331
	background-color: #E0DFDE;
331
}
332
}
332
 
333
 
333
#obs-titre {
334
#obs-titre {
334
	margin-right: 20px;
335
	margin-right: 20px;
335
}
336
}
336
 
337
 
337
#form-date {
338
#form-date {
338
	margin: 10px 0;
339
	margin: 10px 0;
339
	line-height: 40px;
340
	line-height: 40px;
340
}
341
}
341
 
342
 
342
.ns-retenu {
343
.ns-retenu {
343
	font-weight: bold;	
344
	font-weight: bold;	
344
}
345
}
345
 
346
 
346
.nn {
347
.nn {
347
	color: #3B9D3B;
348
	color: #3B9D3B;
348
}
349
}
349
 
350
 
350
.obs .nom-sci {
351
.obs .nom-sci {
351
	font-size:1.5em;
352
	font-size:1.5em;
352
	font-weight:bold;
353
	font-weight:bold;
353
}
354
}
354
 
355
 
355
.commune, 
356
.commune, 
356
.date {
357
.date {
357
	font-size: 1.3em;
358
	font-size: 1.3em;
358
	font-weight: bold;
359
	font-weight: bold;
359
}
360
}
360
 
361
 
361
.obs-action {
362
.obs-action {
362
	opacity: 1;
363
	opacity: 1;
363
}
364
}
364
 
365
 
365
#ajouter-obs {
366
#ajouter-obs {
366
	margin-left: 407px;
367
	margin-left: 407px;
367
	font-size: 20px;
368
	font-size: 20px;
368
	background: #181;
369
	background: #181;
369
	color: #FFF;
370
	color: #FFF;
370
	width: 137px;
371
	width: 137px;
371
}
372
}
372
 
373
 
373
#transmettre-obs {
374
#transmettre-obs {
374
	font-size: 20px;
375
	font-size: 20px;
375
	background: #811;
376
	background: #811;
376
	color: #FFF;
377
	color: #FFF;
377
}
378
}
378
 
379
 
379
#barre-progression-upload span {
380
#barre-progression-upload span {
380
	color : #333333;
381
	color : #333333;
381
}
382
}
382
 
383
 
383
#liste-obs .obs-erreur {
384
#liste-obs .obs-erreur {
384
	background-color: #DD6E6E;
385
	background-color: #DD6E6E;
385
}
386
}
386
 
387
 
387
#lien-tuto-photo {
388
#lien-tuto-photo {
388
	color:#118811;
389
	color:#118811;
389
}
390
}
390
 
391
 
391
/*-------------------------------------------------------*/
392
/*-------------------------------------------------------*/
392
/* Autocomplete */
393
/* Autocomplete */
393
.valeur-defaut-recherche {
394
.valeur-defaut-recherche {
394
	color: #848484;
395
	color: #848484;
395
	font-style: italic;	
396
	font-style: italic;	
396
	font-weight: 0.9em;
397
	font-weight: 0.9em;
397
}
398
}
398
 
399
 
399
 
400
 
400
/*-------------------------------------------------------*/
401
/*-------------------------------------------------------*/
401
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
402
/* Correction bug boostrap sur les span3 qui reviennent à la ligne */
402
.row-fluid .span3 {
403
.row-fluid .span3 {
403
    width: 23.0769%;
404
    width: 23.0769%;
404
    float: left;
405
    float: left;
405
}
406
}
406
 
407