Subversion Repositories eFlore/Applications.cel

Rev

Rev 1054 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1054 Rev 1346
Line 91... Line 91...
91
	text-transform:uppercase;
91
	text-transform:uppercase;
92
	letter-spacing:0.2em;
92
	letter-spacing:0.2em;
93
	padding:5px 10px;
93
	padding:5px 10px;
94
}
94
}
Line -... Line 95...
-
 
95
 
-
 
96
.colonne_milieu {
-
 
97
	
-
 
98
}
95
 
99
 
96
/*+--------------------------------------------------------------------------------------------------------+*/
100
/*+--------------------------------------------------------------------------------------------------------+*/
-
 
101
/* Générique */
-
 
102
.discretion {
-
 
103
	color:grey;
-
 
104
	font-family:arial;
-
 
105
	font-size:11px;
97
/* Générique */
106
}
98
.nettoyage{
107
.nettoyage{
99
	clear:both;
108
	clear:both;
100
}
109
}
101
hr.nettoyage{
110
hr.nettoyage{
Line 104... Line 113...
104
label[title]:after, th[title]:after, span[title]:after {
113
label[title]:after, th[title]:after, span[title]:after {
105
    content: " " url("../images/icones/aide.png");
114
    content: " " url("../images/icones/aide.png");
106
}
115
}
Line 107... Line 116...
107
 
116
 
-
 
117
/*+--------------------------------------------------------------------------------------------------------+*/
-
 
118
/* Positionnement général */
-
 
119
#zone-appli {
-
 
120
	margin:0 auto;
-
 
121
	width:600px;
-
 
122
}
-
 
123
 
108
/*+--------------------------------------------------------------------------------------------------------+*/
124
/*+--------------------------------------------------------------------------------------------------------+*/
109
/* Formulaire générique */
125
/* Formulaire générique */
110
fieldset {
126
fieldset {
111
	background-color:#fff;
127
	background-color:#fff;
112
}
128
}
Line 139... Line 155...
139
}
155
}
140
#saisie-obs label{
156
#saisie-obs label{
141
	font-weight:bold;
157
	font-weight:bold;
142
}
158
}
Line 143... Line 159...
143
 
159
 
144
#partie-observation, #partie-preview{	
160
#partie-observation, #partie-preview, #partie-station{	
145
	margin-top:10px;
161
	margin-top:10px;
-
 
162
}
-
 
163
#partie-date * {
-
 
164
	position: relative;
-
 
165
	z-index:50;
146
}
166
}
147
#partie-station, #partie-observation, #partie-photo{
167
#partie-station, #partie-observation, #partie-photo, #partie-date{
148
	width:550px;
168
	width:550px;
149
	margin-left:10px;
169
	margin-left:10px;
150
	background:#E5E5E5;
170
	background:#E5E5E5;
151
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
171
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
152
}
172
}
153
#partie-station legend, #partie-observation legend, #partie-photo legend{
173
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
154
	background:#E5E5E5;
174
	background:#E5E5E5;
155
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
175
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
156
}
176
}
157
#saisie-obs ul {
177
#saisie-obs ul {
Line 184... Line 204...
184
/* Partie-station */
204
/* Partie-station */
185
#partie-station fieldset{
205
#partie-station fieldset{
186
	margin-top:0;
206
	margin-top:0;
187
}
207
}
188
#partie-station label {
208
#partie-station label {
189
	width:75px;
209
    width: 120px;
190
	display:block;
210
	display:block;
191
	float:left;
211
	float:left;
192
}
212
}
193
#latitude, #longitude {
213
#latitude, #longitude {
194
	width:70px;
214
	width:70px;
Line 205... Line 225...
205
	float:left;	
225
	float:left;	
206
}
226
}
207
#partie-observation li{
227
#partie-observation li{
208
	margin :10px;
228
	margin :10px;
209
}
229
}
210
#adresse{
230
#partie-station #label_map_canvas {
211
	width:290px;
231
	width: 100%;
212
}
232
}
-
 
233
#map-canvas {
-
 
234
	width:525px;
-
 
235
	height: 340px;
-
 
236
} 
213
#partie-station #partie-lat-lon label.error{
237
#partie-station #partie-lat-lon label.error{
214
	float:left;
238
	float:left;
215
	width:80px;
239
	width:80px;
216
}
240
}
217
#partie-observation li li{
241
#partie-observation li li, #rue_numeros li{
218
	width :150px;
242
	width :150px;
219
	float:left;
243
	float:left;
220
	margin :5px;
244
	margin :5px;
221
}
245
}
-
 
246
#rue_numeros li{
-
 
247
	width :265px;
-
 
248
	float:left;
-
 
249
	margin:0;
-
 
250
}
-
 
251
#rue_numeros li label{
-
 
252
	width:80px;
-
 
253
	float:left;	
-
 
254
}
-
 
255
#rue_numeros li input{
-
 
256
	width:175px;
-
 
257
}
222
#partie-observation li li label.error{
258
#partie-observation li li label.error{
223
	position: relative;
259
	position: relative;
224
	margin-top: -38px;
260
    margin-top: -42px;
225
	margin-left:50px;
261
	margin-left:50px;
226
	float:left;
262
	float:left;
227
}
263
}
228
label[for=milieu]{
264
label[for=milieu]{
229
	display:block;
265
	display:block;
230
	width:100%;
266
	width:100%;
231
}
267
}
-
 
268
label[for=coordonnees-geo] {
-
 
269
	display:block;
-
 
270
	width:100% !important;
-
 
271
}
-
 
272
ul#coordonnees-geo {
-
 
273
	list-style-type:none;
-
 
274
	float:left;
-
 
275
	width: 100%;
-
 
276
}
-
 
277
ul#coordonnees-geo li {
-
 
278
	float: left;
-
 
279
    margin: 5px;
-
 
280
   	width: 201px;
-
 
281
}
-
 
282
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
-
 
283
	width: 70px;
-
 
284
}
-
 
285
ul#coordonnees-geo #info-commune{
-
 
286
	width: 150px;
-
 
287
}
232
ul#liste-milieux{
288
ul#liste-milieux{
233
	padding-top:5px;
289
	float:left;
234
}
290
}
235
#liste-milieux li{
291
ul#liste-milieux li{
236
	display:inline;
292
	display:inline;
-
 
293
	width:100px;
-
 
294
}
-
 
295
#notes{
-
 
296
	width:400px;
-
 
297
}
-
 
298
#rue{
-
 
299
	/**width:440px;**/
-
 
300
    left: 35px;
-
 
301
    position: relative;
-
 
302
    top: 35px;
-
 
303
    width: 320px;
-
 
304
    z-index: 45;
-
 
305
}
-
 
306
.indication_geolocalisation {
-
 
307
	color:#118811;
-
 
308
    font-style: italic;
-
 
309
    font-weight: bold;
-
 
310
	font-weight:0.9em;
-
 
311
}
-
 
312
.indication_geolocalisation {
-
 
313
    height: 30px;
-
 
314
    position: relative;
-
 
315
    top: 15px;
237
}
316
}
238
/*-------------------------------------------------------*/
317
/*-------------------------------------------------------*/
239
/* Photo */
318
/* Photo */
240
#resultat,.resultat {
319
#resultat,.resultat {
241
	width:20%;
320
	width:20%;
Line 244... Line 323...
244
	width:30px;
323
	width:30px;
245
}
324
}
246
#form-upload{
325
#form-upload{
247
	margin-top:10px;
326
	margin-top:10px;
248
}
327
}
-
 
328
#miniature-info{
-
 
329
	margin:0;
-
 
330
}
-
 
331
.b64{
-
 
332
	max-width:100px;
-
 
333
	max-height:100px;
-
 
334
}
249
/*-------------------------------------------------------*/
335
/*-------------------------------------------------------*/
250
/* Partie-preview */
336
/* Partie-preview */
251
#partie-preview legend, #partie-preview{
337
#partie-preview legend, #partie-preview{
252
	background:#A1CA10;
338
	background:#A1CA10;
253
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
339
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
Line 257... Line 343...
257
	border:none;
343
	border:none;
258
}
344
}
259
.supprimer-obs{
345
.supprimer-obs{
260
	background-color:transparent;
346
	background-color:transparent;
261
	border:none;
347
	border:none;
-
 
348
	padding:0;
262
    cursor:pointer;
349
    cursor:pointer;
263
}
350
}
-
 
351
.obs-miniature {
-
 
352
	text-align:center;
-
 
353
}
264
.obligatoire {
354
.obligatoire {
265
	color:red;
355
	color:red;
266
}
356
}
267
label.error {
357
label.error {
268
	display:inline;
358
	display:inline;
Line 293... Line 383...
293
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
383
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
294
	height:35px;
384
	height:35px;
295
}
385
}
296
/*-------------------------------------------------------*/
386
/*-------------------------------------------------------*/
297
/* Autocomplete */
387
/* Autocomplete */
298
.ui-autocomplete {
-
 
299
	background-color: white;
-
 
300
	width: 300px;
-
 
301
	border: 1px solid #cfcfcf;
-
 
302
	list-style-type: none;
-
 
303
	padding-left: 0px;
-
 
304
}
-
 
305
388
.valeur-defaut-recherche {
-
 
389
	color:#848484;
-
 
390
	font-style:italic;	
-
 
391
	font-weight:0.9em;
-
 
392
}
-
 
393