Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
1054 jpm 1
@CHARSET "UTF-8";
2
body {
3
	padding:0;
4
	margin:0;
5
	width:100%;
6
	height:100%;
7
	font-family:Arial;
8
	font-size:12px;
9
	background-color:#FFF;
10
	color:#000;
11
}
12
h1 {
13
	font-size:1.6em;
14
}
15
h2 {
16
	font-size:1.4em;
17
	text-transform:uppercase;
18
	letter-spacing:0.3em;
19
	padding:5px 10px;
20
	background:#A1CA10;
21
	width:250px;
22
	margin-bottom:0;
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;
25
	line-height:2em;
26
}
27
a, a:active, a:visited {
28
	border-bottom:1px dotted #666;
29
	color:#181;
30
	text-decoration:none;
31
}
32
a:active {
33
	outline:none;
34
}
35
a:focus {
36
	outline:thin dotted;
37
}
38
a:hover {
39
	color:#56B80E;
40
	border-bottom:1px dotted #56B80E;
41
}
42
 
43
/*+-----------------------------------------------------------------------------------------------------------------+*/
44
/* Présentation des listes de définitions */
45
dl {
46
	width:100%;
47
}
48
dt {
49
	float:left;
50
	font-weight:bold;
51
	text-align:top left;
52
	margin-right:0.3em;
53
}
54
dd {
55
	width:auto;
56
	margin:0.5em 0;
57
}
58
 
59
/*+-----------------------------------------------------------------------------------------------------------------+*/
60
/* Tableau : */
61
table {
62
	border:1px solid gray;
63
	border-collapse:collapse;
64
}
65
table thead, table tfoot, table tbody {
66
	background-color:Gainsboro;
67
	border:1px solid gray;
68
	color:black;
69
}
70
table tbody {
71
	background-color:#FFF;
72
}
73
table th {
74
	font-family:monospace;
75
	border:1px dotted gray;
76
	padding:5px;
77
	background-color:Gainsboro;
78
}
79
table td {
80
	font-family:arial;
81
	border:1px dotted gray;
82
	padding:5px;
83
	text-align:left;
84
}
85
table caption {
86
	font-family:sans-serif;
87
}
88
legend {
89
	font-size:1.2em;
90
	color:#000;
91
	text-transform:uppercase;
92
	letter-spacing:0.2em;
93
	padding:5px 10px;
94
}
95
 
1346 aurelien 96
.colonne_milieu {
97
 
98
}
99
 
1054 jpm 100
/*+--------------------------------------------------------------------------------------------------------+*/
101
/* Générique */
1346 aurelien 102
.discretion {
103
	color:grey;
104
	font-family:arial;
105
	font-size:11px;
106
}
1054 jpm 107
.nettoyage{
108
	clear:both;
109
}
110
hr.nettoyage{
111
	visibility:hidden;
112
}
113
label[title]:after, th[title]:after, span[title]:after {
114
    content: " " url("../images/icones/aide.png");
115
}
116
 
117
/*+--------------------------------------------------------------------------------------------------------+*/
1346 aurelien 118
/* Positionnement général */
119
#zone-appli {
120
	margin:0 auto;
121
	width:600px;
122
}
123
 
124
/*+--------------------------------------------------------------------------------------------------------+*/
1054 jpm 125
/* Formulaire générique */
126
fieldset {
127
	background-color:#fff;
128
}
129
input[type="text"], select, textarea {
130
	width:240px;
131
}
132
 
133
/*+--------------------------------------------------------------------------------------------------------+*/
134
/* Formulaire spécifique */
135
#zone-fiche-terrain, #zone-fiche-terrain-photo{
136
	background:#A1CA10;
137
	width:600px;
138
	margin-left:2px;
139
	padding-bottom:10px;
140
}
141
#zone-fiche-terrain{
142
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
143
}
144
#zone-fiche-terrain-photo{
145
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
146
	margin-top:-10px;
147
}
148
#zone-liste-obs{
149
	padding-bottom:25px;
150
	margin-top:15px;
151
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
152
}
153
#saisie-obs fieldset{
154
	display:block;
155
}
156
#saisie-obs label{
157
	font-weight:bold;
158
}
159
 
1346 aurelien 160
#partie-observation, #partie-preview, #partie-station{
1054 jpm 161
	margin-top:10px;
162
}
1346 aurelien 163
#partie-date * {
164
	position: relative;
165
	z-index:50;
166
}
167
#partie-station, #partie-observation, #partie-photo, #partie-date{
1054 jpm 168
	width:550px;
169
	margin-left:10px;
170
	background:#E5E5E5;
171
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
172
}
1346 aurelien 173
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
1054 jpm 174
	background:#E5E5E5;
175
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
176
}
177
#saisie-obs ul {
178
	list-style-type:none;
179
	margin:0;
180
	padding:0;
181
}
182
#saisie-obs li {
183
	margin:5px;
184
}
185
/*-------------------------------------------------------*/
186
/* Partie-identification */
187
#partie-identification, #partie-identification legend{
188
	background:#A1CA10;
189
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
190
}
191
#partie-identification{
192
	width:582px;
193
}
194
#partie-identification li{
195
	float: left;
196
    margin-left: 20px;
197
	display:inline;
198
	width:250px;
199
}
200
#partie-identification label{
201
	/*display:block;*/
202
}
203
/*-------------------------------------------------------*/
204
/* Partie-station */
205
#partie-station fieldset{
206
	margin-top:0;
207
}
208
#partie-station label {
1346 aurelien 209
    width: 120px;
1054 jpm 210
	display:block;
211
	float:left;
212
}
213
#latitude, #longitude {
214
	width:70px;
215
	float:left;
216
}
217
#latitude {
218
	margin-right:5px;
219
}
220
#lat-lon-info {
221
	margin-left:5px;
222
}
223
#partie-observation label{
224
	width:120px;
225
	float:left;
226
}
227
#partie-observation li{
228
	margin :10px;
229
}
1346 aurelien 230
#partie-station #label_map_canvas {
231
	width: 100%;
1054 jpm 232
}
1346 aurelien 233
#map-canvas {
234
	width:525px;
235
	height: 340px;
236
}
1054 jpm 237
#partie-station #partie-lat-lon label.error{
238
	float:left;
239
	width:80px;
240
}
1346 aurelien 241
#partie-observation li li, #rue_numeros li{
1054 jpm 242
	width :150px;
243
	float:left;
244
	margin :5px;
245
}
1346 aurelien 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
}
1054 jpm 258
#partie-observation li li label.error{
259
	position: relative;
1346 aurelien 260
    margin-top: -42px;
1054 jpm 261
	margin-left:50px;
262
	float:left;
263
}
264
label[for=milieu]{
265
	display:block;
266
	width:100%;
267
}
1346 aurelien 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
}
1054 jpm 288
ul#liste-milieux{
1346 aurelien 289
	float:left;
1054 jpm 290
}
1346 aurelien 291
ul#liste-milieux li{
1054 jpm 292
	display:inline;
1346 aurelien 293
	width:100px;
1054 jpm 294
}
1346 aurelien 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;
316
}
1054 jpm 317
/*-------------------------------------------------------*/
318
/* Photo */
319
#resultat,.resultat {
320
	width:20%;
321
}
322
.resultat {
323
	width:30px;
324
}
325
#form-upload{
326
	margin-top:10px;
327
}
1346 aurelien 328
#miniature-info{
329
	margin:0;
330
}
331
.b64{
332
	max-width:100px;
333
	max-height:100px;
334
}
1054 jpm 335
/*-------------------------------------------------------*/
336
/* Partie-preview */
337
#partie-preview legend, #partie-preview{
338
	background:#A1CA10;
339
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
340
}
341
#partie-preview {
342
	width:582px;
343
	border:none;
344
}
345
.supprimer-obs{
346
	background-color:transparent;
347
	border:none;
1346 aurelien 348
	padding:0;
1054 jpm 349
    cursor:pointer;
350
}
1346 aurelien 351
.obs-miniature {
352
	text-align:center;
353
}
1054 jpm 354
.obligatoire {
355
	color:red;
356
}
357
label.error {
358
	display:inline;
359
	float:none;
360
	padding-left:.5em;
361
	color:red;
362
}
363
#partie-observation label.error,#partie-station label.error {
364
	width:150px;
365
	float:right;
366
}
367
#ajouter-obs{
368
	margin-left:407px;
369
	margin-top:10px;
370
	font-size:20px;
371
	background:#181;
372
	color:#FFF;
373
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
374
	height:35px;
375
	width:137px;
376
}
377
#transmettre-obs{
378
	margin-left:400px;
379
	margin-top:5px;
380
	font-size:20px;
381
	background:#811;
382
	color:#FFF;
383
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
384
	height:35px;
385
}
386
/*-------------------------------------------------------*/
387
/* Autocomplete */
1346 aurelien 388
.valeur-defaut-recherche {
389
	color:#848484;
390
	font-style:italic;
391
	font-weight:0.9em;
392
}