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 
}