Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1056 Rev 1070
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
.nettoyage{
98
.nettoyage{
99
	clear:both;
99
	clear:both;
100
}
100
}
101
hr.nettoyage{
101
hr.nettoyage{
102
	visibility:hidden;
102
	visibility:hidden;
103
}
103
}
104
label[title]:after, th[title]:after, span[title]:after {
104
label[title]:after, th[title]:after, span[title]:after {
105
    content: " " url("../images/icones/aide.png");
105
    content: " " url("../images/icones/aide.png");
106
}
106
}
107
 
107
 
108
/*+--------------------------------------------------------------------------------------------------------+*/
108
/*+--------------------------------------------------------------------------------------------------------+*/
109
/* Formulaire générique */
109
/* Formulaire générique */
110
fieldset {
110
fieldset {
111
	background-color:#fff;
111
	background-color:#fff;
112
}
112
}
113
input[type="text"], select, textarea {
113
input[type="text"], select, textarea {
114
	width:240px;
114
	width:240px;
115
}
115
}
116
 
116
 
117
/*+--------------------------------------------------------------------------------------------------------+*/
117
/*+--------------------------------------------------------------------------------------------------------+*/
118
/* Formulaire spécifique */
118
/* Formulaire spécifique */
119
#zone-fiche-terrain, #zone-fiche-terrain-photo{
119
#zone-fiche-terrain, #zone-fiche-terrain-photo{
120
	background:#A1CA10;
120
	background:#A1CA10;
121
	width:600px;
121
	width:600px;
122
	margin-left:2px;
122
	margin-left:2px;
123
	padding-bottom:10px;
123
	padding-bottom:10px;
124
}
124
}
125
#zone-fiche-terrain{
125
#zone-fiche-terrain{
126
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
126
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
127
}
127
}
128
#zone-fiche-terrain-photo{
128
#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;
129
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
130
	margin-top:-10px;
130
	margin-top:-10px;
131
}
131
}
132
#zone-liste-obs{
132
#zone-liste-obs{
133
	padding-bottom:25px;
133
	padding-bottom:25px;
134
	margin-top:15px;	
134
	margin-top:15px;	
135
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
135
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
136
}
136
}
137
#saisie-obs fieldset{
137
#saisie-obs fieldset{
138
	display:block;
138
	display:block;
139
}
139
}
140
#saisie-obs label{
140
#saisie-obs label{
141
	font-weight:bold;
141
	font-weight:bold;
142
}
142
}
143
 
143
 
144
#partie-observation, #partie-preview{	
144
#partie-observation, #partie-preview, #partie-station{	
145
	margin-top:10px;
145
	margin-top:10px;
146
}
146
}
147
#partie-station, #partie-observation, #partie-photo{
147
#partie-station, #partie-observation, #partie-photo, #partie-date{
148
	width:550px;
148
	width:550px;
149
	margin-left:10px;
149
	margin-left:10px;
150
	background:#E5E5E5;
150
	background:#E5E5E5;
151
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
151
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
152
}
152
}
153
#partie-station legend, #partie-observation legend, #partie-photo legend{
153
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
154
	background:#E5E5E5;
154
	background:#E5E5E5;
155
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
155
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
156
}
156
}
157
#saisie-obs ul {
157
#saisie-obs ul {
158
	list-style-type:none;
158
	list-style-type:none;
159
	margin:0;
159
	margin:0;
160
	padding:0;
160
	padding:0;
161
}
161
}
162
#saisie-obs li {
162
#saisie-obs li {
163
	margin:5px;
163
	margin:5px;
164
}
164
}
165
/*-------------------------------------------------------*/
165
/*-------------------------------------------------------*/
166
/* Partie-identification */
166
/* Partie-identification */
167
#partie-identification, #partie-identification legend{
167
#partie-identification, #partie-identification legend{
168
	background:#A1CA10;
168
	background:#A1CA10;
169
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
169
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
170
}
170
}
171
#partie-identification{
171
#partie-identification{
172
	width:582px;
172
	width:582px;
173
}
173
}
174
#partie-identification li{
174
#partie-identification li{
175
	float: left;
175
	float: left;
176
    margin-left: 20px;
176
    margin-left: 20px;
177
	display:inline;
177
	display:inline;
178
	width:250px;
178
	width:250px;
179
}
179
}
180
#partie-identification label{
180
#partie-identification label{
181
	/*display:block;*/
181
	/*display:block;*/
182
}
182
}
183
/*-------------------------------------------------------*/
183
/*-------------------------------------------------------*/
184
/* Partie-station */
184
/* Partie-station */
185
#partie-station fieldset{
185
#partie-station fieldset{
186
	margin-top:0;
186
	margin-top:0;
187
}
187
}
188
#partie-station label {
188
#partie-station label {
189
	width:75px;
189
	width:75px;
190
	display:block;
190
	display:block;
191
	float:left;
191
	float:left;
192
}
192
}
193
#latitude, #longitude {
193
#latitude, #longitude {
194
	width:70px;
194
	width:70px;
195
	float:left;
195
	float:left;
196
}
196
}
197
#latitude {
197
#latitude {
198
	margin-right:5px;
198
	margin-right:5px;
199
}
199
}
200
#lat-lon-info {
200
#lat-lon-info {
201
	margin-left:5px;
201
	margin-left:5px;
202
}
202
}
203
#partie-observation label{
203
#partie-observation label{
204
	width:120px;
204
	width:120px;
205
	float:left;	
205
	float:left;	
206
}
206
}
207
#partie-observation li{
207
#partie-observation li{
208
	margin :10px;
208
	margin :10px;
209
}
209
}
210
#adresse{
210
#adresse{
211
	width:290px;
211
	width:290px;
212
}
212
}
213
#partie-station #partie-lat-lon label.error{
213
#partie-station #partie-lat-lon label.error{
214
	float:left;
214
	float:left;
215
	width:80px;
215
	width:80px;
216
}
216
}
217
#partie-observation li li{
217
#partie-observation li li{
218
	width :150px;
218
	width :150px;
219
	float:left;
219
	float:left;
220
	margin :5px;
220
	margin :5px;
221
}
221
}
222
#partie-observation li li label.error{
222
#partie-observation li li label.error{
223
	position: relative;
223
	position: relative;
224
	margin-top: -38px;
224
	margin-top: -38px;
225
	margin-left:50px;
225
	margin-left:50px;
226
	float:left;
226
	float:left;
227
}
227
}
228
label[for=milieu]{
228
label[for=milieu]{
229
	display:block;
229
	display:block;
230
	width:100%;
230
	width:100%;
231
}
231
}
232
ul#liste-milieux{
232
ul#liste-milieux{
233
	padding-top:5px;
233
	padding-top:5px;
234
}
234
}
235
#liste-milieux li{
235
#liste-milieux li{
236
	display:inline;
236
	display:inline;
237
}
237
}
238
/*-------------------------------------------------------*/
238
/*-------------------------------------------------------*/
239
/* Photo */
239
/* Photo */
240
#resultat,.resultat {
240
#resultat,.resultat {
241
	width:20%;
241
	width:20%;
242
}
242
}
243
.resultat {
243
.resultat {
244
	width:30px;
244
	width:30px;
245
}
245
}
246
#form-upload{
246
#form-upload{
247
	margin-top:10px;
247
	margin-top:10px;
248
}
248
}
249
/*-------------------------------------------------------*/
249
/*-------------------------------------------------------*/
250
/* Partie-preview */
250
/* Partie-preview */
251
#partie-preview legend, #partie-preview{
251
#partie-preview legend, #partie-preview{
252
	background:#A1CA10;
252
	background:#A1CA10;
253
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
253
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
254
}
254
}
255
#partie-preview {
255
#partie-preview {
256
	width:582px;
256
	width:582px;
257
	border:none;
257
	border:none;
258
}
258
}
259
.supprimer-obs{
259
.supprimer-obs{
260
	background-color:transparent;
260
	background-color:transparent;
261
	border:none;
261
	border:none;
262
    cursor:pointer;
262
    cursor:pointer;
263
}
263
}
264
.obligatoire {
264
.obligatoire {
265
	color:red;
265
	color:red;
266
}
266
}
267
label.error {
267
label.error {
268
	display:inline;
268
	display:inline;
269
	float:none;
269
	float:none;
270
	padding-left:.5em;
270
	padding-left:.5em;
271
	color:red;
271
	color:red;
272
}
272
}
273
#partie-observation label.error,#partie-station label.error {
273
#partie-observation label.error,#partie-station label.error {
274
	width:150px;
274
	width:150px;
275
	float:right;
275
	float:right;
276
}
276
}
277
#ajouter-obs{
277
#ajouter-obs{
278
	margin-left:407px;
278
	margin-left:407px;
279
	margin-top:10px;
279
	margin-top:10px;
280
	font-size:20px;
280
	font-size:20px;
281
	background:#181;
281
	background:#181;
282
	color:#FFF;
282
	color:#FFF;
283
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
283
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
284
	height:35px;
284
	height:35px;
285
	width:137px;
285
	width:137px;
286
}
286
}
287
#transmettre-obs{
287
#transmettre-obs{
288
	margin-left:400px;
288
	margin-left:400px;
289
	margin-top:5px;
289
	margin-top:5px;
290
	font-size:20px;
290
	font-size:20px;
291
	background:#811;
291
	background:#811;
292
	color:#FFF;
292
	color:#FFF;
293
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
293
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
294
	height:35px;
294
	height:35px;
295
}
295
}
296
/*-------------------------------------------------------*/
296
/*-------------------------------------------------------*/
297
/* Autocomplete */
297
/* Autocomplete */
298
.ui-autocomplete {
298
.ui-autocomplete {
299
	background-color: white;
299
	background-color: white;
300
	width: 300px;
300
	width: 300px;
301
	border: 1px solid #cfcfcf;
301
	border: 1px solid #cfcfcf;
302
	list-style-type: none;
302
	list-style-type: none;
303
	padding-left: 0px;
303
	padding-left: 0px;
304
}
304
}