Subversion Repositories eFlore/Applications.cel

Rev

Rev 1206 | Rev 1266 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1056 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 
 
96 
/*+--------------------------------------------------------------------------------------------------------+*/
97 
/* Générique */
1123 jpm 98 
.discretion {
99 
	color:grey;
100 
	font-family:arial;
101 
	font-size:11px;
102 
}
1056 jpm 103 
.nettoyage{
104 
	clear:both;
105 
}
106 
hr.nettoyage{
107 
	visibility:hidden;
108 
}
109 
label[title]:after, th[title]:after, span[title]:after {
110 
    content: " " url("../images/icones/aide.png");
111 
}
112 
 
113 
/*+--------------------------------------------------------------------------------------------------------+*/
1206 jpm 114 
/* Positionnement général */
115 
#zone-appli {
116 
	margin:0 auto;
117 
	width:600px;
118 
}
119 
 
120 
/*+--------------------------------------------------------------------------------------------------------+*/
1056 jpm 121 
/* Formulaire générique */
122 
fieldset {
123 
	background-color:#fff;
124 
}
125 
input[type="text"], select, textarea {
126 
	width:240px;
127 
}
128 
 
129 
/*+--------------------------------------------------------------------------------------------------------+*/
130 
/* Formulaire spécifique */
131 
#zone-fiche-terrain, #zone-fiche-terrain-photo{
132 
	background:#A1CA10;
133 
	width:600px;
134 
	margin-left:2px;
135 
	padding-bottom:10px;
136 
}
137 
#zone-fiche-terrain{
138 
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
139 
}
140 
#zone-fiche-terrain-photo{
141 
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
142 
	margin-top:-10px;
143 
}
144 
#zone-liste-obs{
145 
	padding-bottom:25px;
146 
	margin-top:15px;
147 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
148 
}
149 
#saisie-obs fieldset{
150 
	display:block;
151 
}
152 
#saisie-obs label{
153 
	font-weight:bold;
154 
}
155 
 
1070 jpm 156 
#partie-observation, #partie-preview, #partie-station{
1056 jpm 157 
	margin-top:10px;
158 
}
1258 aurelien 159 
#partie-date * {
160 
	position: relative;
161 
	z-index:50;
162 
}
1070 jpm 163 
#partie-station, #partie-observation, #partie-photo, #partie-date{
1056 jpm 164 
	width:550px;
165 
	margin-left:10px;
166 
	background:#E5E5E5;
167 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
168 
}
1070 jpm 169 
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
1056 jpm 170 
	background:#E5E5E5;
171 
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
172 
}
173 
#saisie-obs ul {
174 
	list-style-type:none;
175 
	margin:0;
176 
	padding:0;
177 
}
178 
#saisie-obs li {
179 
	margin:5px;
180 
}
181 
/*-------------------------------------------------------*/
182 
/* Partie-identification */
183 
#partie-identification, #partie-identification legend{
184 
	background:#A1CA10;
185 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
186 
}
187 
#partie-identification{
188 
	width:582px;
189 
}
190 
#partie-identification li{
191 
	float: left;
192 
    margin-left: 20px;
193 
	display:inline;
194 
	width:250px;
195 
}
196 
#partie-identification label{
197 
	/*display:block;*/
198 
}
199 
/*-------------------------------------------------------*/
200 
/* Partie-station */
201 
#partie-station fieldset{
202 
	margin-top:0;
203 
}
204 
#partie-station label {
1258 aurelien 205 
    width: 120px;
1056 jpm 206 
	display:block;
207 
	float:left;
208 
}
209 
#latitude, #longitude {
210 
	width:70px;
211 
	float:left;
212 
}
213 
#latitude {
214 
	margin-right:5px;
215 
}
216 
#lat-lon-info {
217 
	margin-left:5px;
218 
}
219 
#partie-observation label{
220 
	width:120px;
221 
	float:left;
222 
}
223 
#partie-observation li{
224 
	margin :10px;
225 
}
1258 aurelien 226 
#partie-station #label_map_canvas {
227 
	width: 100%;
228 
}
1093 jpm 229 
#map-canvas {
230 
	width:525px;
231 
	height:240px;
232 
}
1056 jpm 233 
#partie-station #partie-lat-lon label.error{
234 
	float:left;
235 
	width:80px;
236 
}
1093 jpm 237 
#partie-observation li li, #rue_numeros li{
1056 jpm 238 
	width :150px;
239 
	float:left;
240 
	margin :5px;
241 
}
1093 jpm 242 
#rue_numeros li{
243 
	width :265px;
244 
	float:left;
245 
	margin:0;
246 
}
247 
#rue_numeros li label{
248 
	width:80px;
249 
	float:left;
250 
}
251 
#rue_numeros li input{
252 
	width:175px;
253 
}
1056 jpm 254 
#partie-observation li li label.error{
255 
	position: relative;
1258 aurelien 256 
    margin-top: -42px;
1056 jpm 257 
	margin-left:50px;
258 
	float:left;
259 
}
260 
label[for=milieu]{
261 
	display:block;
262 
	width:100%;
263 
}
1093 jpm 264 
label[for=coordonnees-geo] {
265 
	display:block;
266 
	width:100% !important;
267 
}
268 
ul#coordonnees-geo {
269 
	list-style-type:none;
270 
	float:left;
1258 aurelien 271 
	width: 100%;
1093 jpm 272 
}
273 
ul#coordonnees-geo li {
274 
	float: left;
275 
    margin: 5px;
1258 aurelien 276 
   	width: 201px;
1093 jpm 277 
}
278 
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
279 
	width: 70px;
280 
}
281 
ul#coordonnees-geo #info-commune{
282 
	width: 150px;
283 
}
1056 jpm 284 
ul#liste-milieux{
1123 jpm 285 
	float:left;
1056 jpm 286 
}
1093 jpm 287 
ul#liste-milieux li{
1056 jpm 288 
	display:inline;
1123 jpm 289 
	width:100px;
1056 jpm 290 
}
1105 jpm 291 
#notes{
1093 jpm 292 
	width:400px;
293 
}
294 
#rue{
1258 aurelien 295 
	/**width:440px;**/
296 
    left: 35px;
297 
    position: relative;
298 
    top: 35px;
299 
    width: 320px;
300 
    z-index: 45;
1093 jpm 301 
}
1258 aurelien 302 
.indication_geolocalisation {
303 
	color:#118811;
304 
    font-style: italic;
305 
    font-weight: bold;
306 
	font-weight:0.9em;
307 
}
308 
.indication_geolocalisation {
309 
    height: 30px;
310 
    position: relative;
311 
    top: 15px;
312 
}
1056 jpm 313 
/*-------------------------------------------------------*/
314 
/* Photo */
315 
#resultat,.resultat {
316 
	width:20%;
317 
}
318 
.resultat {
319 
	width:30px;
320 
}
321 
#form-upload{
322 
	margin-top:10px;
323 
}
1123 jpm 324 
#miniature-info{
325 
	margin:0;
326 
}
327 
.b64{
328 
	max-width:100px;
329 
	max-height:100px;
330 
}
1056 jpm 331 
/*-------------------------------------------------------*/
332 
/* Partie-preview */
333 
#partie-preview legend, #partie-preview{
334 
	background:#A1CA10;
335 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
336 
}
337 
#partie-preview {
338 
	width:582px;
339 
	border:none;
340 
}
341 
.supprimer-obs{
342 
	background-color:transparent;
343 
	border:none;
1093 jpm 344 
	padding:0;
1056 jpm 345 
    cursor:pointer;
346 
}
1093 jpm 347 
.obs-miniature {
348 
	text-align:center;
349 
}
1056 jpm 350 
.obligatoire {
351 
	color:red;
352 
}
353 
label.error {
354 
	display:inline;
355 
	float:none;
356 
	padding-left:.5em;
357 
	color:red;
358 
}
359 
#partie-observation label.error,#partie-station label.error {
360 
	width:150px;
361 
	float:right;
362 
}
363 
#ajouter-obs{
364 
	margin-left:407px;
365 
	margin-top:10px;
366 
	font-size:20px;
367 
	background:#181;
368 
	color:#FFF;
369 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
370 
	height:35px;
371 
	width:137px;
372 
}
373 
#transmettre-obs{
374 
	margin-left:400px;
375 
	margin-top:5px;
376 
	font-size:20px;
377 
	background:#811;
378 
	color:#FFF;
379 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
380 
	height:35px;
381 
}
382 
/*-------------------------------------------------------*/
383 
/* Autocomplete */
1258 aurelien 384 
.valeur-defaut-recherche {
385 
	color:#848484;
386 
	font-style:italic;
387 
	font-weight:0.9em;
388 
}