Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1105 Rev 1123
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
body {
2
body {
3
	padding:0;
3
	padding:0;
4
	margin:0;
4
	margin:0;
5
	width:100%;
5
	width:100%;
6
	height:100%;
6
	height:100%;
7
	font-family:Arial;
7
	font-family:Arial;
8
	font-size:12px;
8
	font-size:12px;
9
	background-color:#FFF;
9
	background-color:#FFF;
10
	color:#000;
10
	color:#000;
11
}
11
}
12
h1 {
12
h1 {
13
	font-size:1.6em;
13
	font-size:1.6em;
14
}
14
}
15
h2 {
15
h2 {
16
	font-size:1.4em;
16
	font-size:1.4em;
17
	text-transform:uppercase;
17
	text-transform:uppercase;
18
	letter-spacing:0.3em;
18
	letter-spacing:0.3em;
19
	padding:5px 10px;
19
	padding:5px 10px;
20
	background:#A1CA10;
20
	background:#A1CA10;
21
	width:250px;
21
	width:250px;
22
	margin-bottom:0;
22
	margin-bottom:0;
23
	margin-left:2px;
23
	margin-left:2px;
24
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
24
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
25
	line-height:2em;
25
	line-height:2em;
26
}
26
}
27
a, a:active, a:visited {
27
a, a:active, a:visited {
28
	border-bottom:1px dotted #666;
28
	border-bottom:1px dotted #666;
29
	color:#181;
29
	color:#181;
30
	text-decoration:none;
30
	text-decoration:none;
31
}
31
}
32
a:active {
32
a:active {
33
	outline:none;
33
	outline:none;
34
}
34
}
35
a:focus {
35
a:focus {
36
	outline:thin dotted;
36
	outline:thin dotted;
37
}
37
}
38
a:hover {
38
a:hover {
39
	color:#56B80E;
39
	color:#56B80E;
40
	border-bottom:1px dotted #56B80E;
40
	border-bottom:1px dotted #56B80E;
41
}
41
}
42
 
42
 
43
/*+-----------------------------------------------------------------------------------------------------------------+*/
43
/*+-----------------------------------------------------------------------------------------------------------------+*/
44
/* Présentation des listes de définitions */
44
/* Présentation des listes de définitions */
45
dl {
45
dl {
46
	width:100%;
46
	width:100%;
47
}
47
}
48
dt {
48
dt {
49
	float:left;
49
	float:left;
50
	font-weight:bold;
50
	font-weight:bold;
51
	text-align:top left;
51
	text-align:top left;
52
	margin-right:0.3em;
52
	margin-right:0.3em;
53
}
53
}
54
dd {
54
dd {
55
	width:auto;
55
	width:auto;
56
	margin:0.5em 0;
56
	margin:0.5em 0;
57
}
57
}
58
 
58
 
59
/*+-----------------------------------------------------------------------------------------------------------------+*/
59
/*+-----------------------------------------------------------------------------------------------------------------+*/
60
/* Tableau : */
60
/* Tableau : */
61
table {
61
table {
62
	border:1px solid gray;
62
	border:1px solid gray;
63
	border-collapse:collapse;
63
	border-collapse:collapse;
64
}
64
}
65
table thead, table tfoot, table tbody {
65
table thead, table tfoot, table tbody {
66
	background-color:Gainsboro;
66
	background-color:Gainsboro;
67
	border:1px solid gray;
67
	border:1px solid gray;
68
	color:black;
68
	color:black;
69
}
69
}
70
table tbody {
70
table tbody {
71
	background-color:#FFF;
71
	background-color:#FFF;
72
}
72
}
73
table th {
73
table th {
74
	font-family:monospace;
74
	font-family:monospace;
75
	border:1px dotted gray;
75
	border:1px dotted gray;
76
	padding:5px;
76
	padding:5px;
77
	background-color:Gainsboro;
77
	background-color:Gainsboro;
78
}
78
}
79
table td {
79
table td {
80
	font-family:arial;
80
	font-family:arial;
81
	border:1px dotted gray;
81
	border:1px dotted gray;
82
	padding:5px;
82
	padding:5px;
83
	text-align:left;
83
	text-align:left;
84
}
84
}
85
table caption {
85
table caption {
86
	font-family:sans-serif;
86
	font-family:sans-serif;
87
}
87
}
88
legend {
88
legend {
89
	font-size:1.2em;
89
	font-size:1.2em;
90
	color:#000;
90
	color:#000;
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
}
95
 
95
 
96
/*+--------------------------------------------------------------------------------------------------------+*/
96
/*+--------------------------------------------------------------------------------------------------------+*/
97
/* Générique */
97
/* Générique */
-
 
98
.discretion {
-
 
99
	color:grey;
-
 
100
	font-family:arial;
-
 
101
	font-size:11px;
-
 
102
}
98
.nettoyage{
103
.nettoyage{
99
	clear:both;
104
	clear:both;
100
}
105
}
101
hr.nettoyage{
106
hr.nettoyage{
102
	visibility:hidden;
107
	visibility:hidden;
103
}
108
}
104
label[title]:after, th[title]:after, span[title]:after {
109
label[title]:after, th[title]:after, span[title]:after {
105
    content: " " url("../images/icones/aide.png");
110
    content: " " url("../images/icones/aide.png");
106
}
111
}
107
 
112
 
108
/*+--------------------------------------------------------------------------------------------------------+*/
113
/*+--------------------------------------------------------------------------------------------------------+*/
109
/* Formulaire générique */
114
/* Formulaire générique */
110
fieldset {
115
fieldset {
111
	background-color:#fff;
116
	background-color:#fff;
112
}
117
}
113
input[type="text"], select, textarea {
118
input[type="text"], select, textarea {
114
	width:240px;
119
	width:240px;
115
}
120
}
116
 
121
 
117
/*+--------------------------------------------------------------------------------------------------------+*/
122
/*+--------------------------------------------------------------------------------------------------------+*/
118
/* Formulaire spécifique */
123
/* Formulaire spécifique */
119
#zone-fiche-terrain, #zone-fiche-terrain-photo{
124
#zone-fiche-terrain, #zone-fiche-terrain-photo{
120
	background:#A1CA10;
125
	background:#A1CA10;
121
	width:600px;
126
	width:600px;
122
	margin-left:2px;
127
	margin-left:2px;
123
	padding-bottom:10px;
128
	padding-bottom:10px;
124
}
129
}
125
#zone-fiche-terrain{
130
#zone-fiche-terrain{
126
	-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;
127
}
132
}
128
#zone-fiche-terrain-photo{
133
#zone-fiche-terrain-photo{
129
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
134
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
130
	margin-top:-10px;
135
	margin-top:-10px;
131
}
136
}
132
#zone-liste-obs{
137
#zone-liste-obs{
133
	padding-bottom:25px;
138
	padding-bottom:25px;
134
	margin-top:15px;	
139
	margin-top:15px;	
135
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
140
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
136
}
141
}
137
#saisie-obs fieldset{
142
#saisie-obs fieldset{
138
	display:block;
143
	display:block;
139
}
144
}
140
#saisie-obs label{
145
#saisie-obs label{
141
	font-weight:bold;
146
	font-weight:bold;
142
}
147
}
143
 
148
 
144
#partie-observation, #partie-preview, #partie-station{	
149
#partie-observation, #partie-preview, #partie-station{	
145
	margin-top:10px;
150
	margin-top:10px;
146
}
151
}
147
#partie-station, #partie-observation, #partie-photo, #partie-date{
152
#partie-station, #partie-observation, #partie-photo, #partie-date{
148
	width:550px;
153
	width:550px;
149
	margin-left:10px;
154
	margin-left:10px;
150
	background:#E5E5E5;
155
	background:#E5E5E5;
151
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
156
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
152
}
157
}
153
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
158
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
154
	background:#E5E5E5;
159
	background:#E5E5E5;
155
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
160
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
156
}
161
}
157
#saisie-obs ul {
162
#saisie-obs ul {
158
	list-style-type:none;
163
	list-style-type:none;
159
	margin:0;
164
	margin:0;
160
	padding:0;
165
	padding:0;
161
}
166
}
162
#saisie-obs li {
167
#saisie-obs li {
163
	margin:5px;
168
	margin:5px;
164
}
169
}
165
/*-------------------------------------------------------*/
170
/*-------------------------------------------------------*/
166
/* Partie-identification */
171
/* Partie-identification */
167
#partie-identification, #partie-identification legend{
172
#partie-identification, #partie-identification legend{
168
	background:#A1CA10;
173
	background:#A1CA10;
169
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
174
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
170
}
175
}
171
#partie-identification{
176
#partie-identification{
172
	width:582px;
177
	width:582px;
173
}
178
}
174
#partie-identification li{
179
#partie-identification li{
175
	float: left;
180
	float: left;
176
    margin-left: 20px;
181
    margin-left: 20px;
177
	display:inline;
182
	display:inline;
178
	width:250px;
183
	width:250px;
179
}
184
}
180
#partie-identification label{
185
#partie-identification label{
181
	/*display:block;*/
186
	/*display:block;*/
182
}
187
}
183
/*-------------------------------------------------------*/
188
/*-------------------------------------------------------*/
184
/* Partie-station */
189
/* Partie-station */
185
#partie-station fieldset{
190
#partie-station fieldset{
186
	margin-top:0;
191
	margin-top:0;
187
}
192
}
188
#partie-station label {
193
#partie-station label {
189
	width:80px;
194
	width:80px;
190
	display:block;
195
	display:block;
191
	float:left;
196
	float:left;
192
}
197
}
193
#latitude, #longitude {
198
#latitude, #longitude {
194
	width:70px;
199
	width:70px;
195
	float:left;
200
	float:left;
196
}
201
}
197
#latitude {
202
#latitude {
198
	margin-right:5px;
203
	margin-right:5px;
199
}
204
}
200
#lat-lon-info {
205
#lat-lon-info {
201
	margin-left:5px;
206
	margin-left:5px;
202
}
207
}
203
#partie-observation label{
208
#partie-observation label{
204
	width:120px;
209
	width:120px;
205
	float:left;	
210
	float:left;	
206
}
211
}
207
#partie-observation li{
212
#partie-observation li{
208
	margin :10px;
213
	margin :10px;
209
}
214
}
210
#map-canvas {
215
#map-canvas {
211
	width:525px;
216
	width:525px;
212
	height:240px;	
217
	height:240px;	
213
} 
218
} 
214
#partie-station #partie-lat-lon label.error{
219
#partie-station #partie-lat-lon label.error{
215
	float:left;
220
	float:left;
216
	width:80px;
221
	width:80px;
217
}
222
}
218
#partie-observation li li, #rue_numeros li{
223
#partie-observation li li, #rue_numeros li{
219
	width :150px;
224
	width :150px;
220
	float:left;
225
	float:left;
221
	margin :5px;
226
	margin :5px;
222
}
227
}
223
#rue_numeros li{
228
#rue_numeros li{
224
	width :265px;
229
	width :265px;
225
	float:left;
230
	float:left;
226
	margin:0;
231
	margin:0;
227
}
232
}
228
#rue_numeros li label{
233
#rue_numeros li label{
229
	width:80px;
234
	width:80px;
230
	float:left;	
235
	float:left;	
231
}
236
}
232
#rue_numeros li input{
237
#rue_numeros li input{
233
	width:175px;
238
	width:175px;
234
}
239
}
235
#partie-observation li li label.error{
240
#partie-observation li li label.error{
236
	position: relative;
241
	position: relative;
237
	margin-top: -38px;
242
	margin-top: -38px;
238
	margin-left:50px;
243
	margin-left:50px;
239
	float:left;
244
	float:left;
240
}
245
}
241
label[for=milieu]{
246
label[for=milieu]{
242
	display:block;
247
	display:block;
243
	width:100%;
248
	width:100%;
244
}
249
}
245
label[for=coordonnees-geo] {
250
label[for=coordonnees-geo] {
246
	display:block;
251
	display:block;
247
	width:100% !important;
252
	width:100% !important;
248
}
253
}
249
ul#coordonnees-geo {
254
ul#coordonnees-geo {
250
	list-style-type:none;
255
	list-style-type:none;
251
	float:left;
256
	float:left;
252
}
257
}
253
ul#coordonnees-geo li {
258
ul#coordonnees-geo li {
254
	float: left;
259
	float: left;
255
    margin: 5px;
260
    margin: 5px;
256
    width: 120px;
261
    width: 120px;
257
}
262
}
258
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
263
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
259
	width: 70px;
264
	width: 70px;
260
}
265
}
261
ul#coordonnees-geo #info-commune{
266
ul#coordonnees-geo #info-commune{
262
	width: 150px;
267
	width: 150px;
263
}
268
}
264
ul#liste-milieux{
269
ul#liste-milieux{
265
	padding-top:5px;
270
	float:left;
266
}
271
}
267
ul#liste-milieux li{
272
ul#liste-milieux li{
268
	display:inline;
273
	display:inline;
-
 
274
	width:100px;
269
}
275
}
270
#notes{
276
#notes{
271
	width:400px;
277
	width:400px;
272
}
278
}
273
#rue{
279
#rue{
274
	width:440px;
280
	width:440px;
275
}
281
}
276
/*-------------------------------------------------------*/
282
/*-------------------------------------------------------*/
277
/* Photo */
283
/* Photo */
278
#resultat,.resultat {
284
#resultat,.resultat {
279
	width:20%;
285
	width:20%;
280
}
286
}
281
.resultat {
287
.resultat {
282
	width:30px;
288
	width:30px;
283
}
289
}
284
#form-upload{
290
#form-upload{
285
	margin-top:10px;
291
	margin-top:10px;
286
}
292
}
-
 
293
#miniature-info{
-
 
294
	margin:0;
-
 
295
}
-
 
296
.b64{
-
 
297
	max-width:100px;
-
 
298
	max-height:100px;
-
 
299
}
287
/*-------------------------------------------------------*/
300
/*-------------------------------------------------------*/
288
/* Partie-preview */
301
/* Partie-preview */
289
#partie-preview legend, #partie-preview{
302
#partie-preview legend, #partie-preview{
290
	background:#A1CA10;
303
	background:#A1CA10;
291
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
304
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
292
}
305
}
293
#partie-preview {
306
#partie-preview {
294
	width:582px;
307
	width:582px;
295
	border:none;
308
	border:none;
296
}
309
}
297
.supprimer-obs{
310
.supprimer-obs{
298
	background-color:transparent;
311
	background-color:transparent;
299
	border:none;
312
	border:none;
300
	padding:0;
313
	padding:0;
301
    cursor:pointer;
314
    cursor:pointer;
302
}
315
}
303
.obs-miniature {
316
.obs-miniature {
304
	text-align:center;
317
	text-align:center;
305
}
318
}
306
.obligatoire {
319
.obligatoire {
307
	color:red;
320
	color:red;
308
}
321
}
309
label.error {
322
label.error {
310
	display:inline;
323
	display:inline;
311
	float:none;
324
	float:none;
312
	padding-left:.5em;
325
	padding-left:.5em;
313
	color:red;
326
	color:red;
314
}
327
}
315
#partie-observation label.error,#partie-station label.error {
328
#partie-observation label.error,#partie-station label.error {
316
	width:150px;
329
	width:150px;
317
	float:right;
330
	float:right;
318
}
331
}
319
#ajouter-obs{
332
#ajouter-obs{
320
	margin-left:407px;
333
	margin-left:407px;
321
	margin-top:10px;
334
	margin-top:10px;
322
	font-size:20px;
335
	font-size:20px;
323
	background:#181;
336
	background:#181;
324
	color:#FFF;
337
	color:#FFF;
325
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
338
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
326
	height:35px;
339
	height:35px;
327
	width:137px;
340
	width:137px;
328
}
341
}
329
#transmettre-obs{
342
#transmettre-obs{
330
	margin-left:400px;
343
	margin-left:400px;
331
	margin-top:5px;
344
	margin-top:5px;
332
	font-size:20px;
345
	font-size:20px;
333
	background:#811;
346
	background:#811;
334
	color:#FFF;
347
	color:#FFF;
335
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
348
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
336
	height:35px;
349
	height:35px;
337
}
350
}
338
/*-------------------------------------------------------*/
351
/*-------------------------------------------------------*/
339
/* Autocomplete */
352
/* Autocomplete */