Subversion Repositories eFlore/Applications.cel

Rev

Rev 1123 | 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 
}
1070 jpm 159 
#partie-station, #partie-observation, #partie-photo, #partie-date{
1056 jpm 160 
	width:550px;
161 
	margin-left:10px;
162 
	background:#E5E5E5;
163 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
164 
}
1070 jpm 165 
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
1056 jpm 166 
	background:#E5E5E5;
167 
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
168 
}
169 
#saisie-obs ul {
170 
	list-style-type:none;
171 
	margin:0;
172 
	padding:0;
173 
}
174 
#saisie-obs li {
175 
	margin:5px;
176 
}
177 
/*-------------------------------------------------------*/
178 
/* Partie-identification */
179 
#partie-identification, #partie-identification legend{
180 
	background:#A1CA10;
181 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
182 
}
183 
#partie-identification{
184 
	width:582px;
185 
}
186 
#partie-identification li{
187 
	float: left;
188 
    margin-left: 20px;
189 
	display:inline;
190 
	width:250px;
191 
}
192 
#partie-identification label{
193 
	/*display:block;*/
194 
}
195 
/*-------------------------------------------------------*/
196 
/* Partie-station */
197 
#partie-station fieldset{
198 
	margin-top:0;
199 
}
200 
#partie-station label {
1093 jpm 201 
	width:80px;
1056 jpm 202 
	display:block;
203 
	float:left;
204 
}
205 
#latitude, #longitude {
206 
	width:70px;
207 
	float:left;
208 
}
209 
#latitude {
210 
	margin-right:5px;
211 
}
212 
#lat-lon-info {
213 
	margin-left:5px;
214 
}
215 
#partie-observation label{
216 
	width:120px;
217 
	float:left;
218 
}
219 
#partie-observation li{
220 
	margin :10px;
221 
}
1093 jpm 222 
#map-canvas {
223 
	width:525px;
224 
	height:240px;
225 
}
1056 jpm 226 
#partie-station #partie-lat-lon label.error{
227 
	float:left;
228 
	width:80px;
229 
}
1093 jpm 230 
#partie-observation li li, #rue_numeros li{
1056 jpm 231 
	width :150px;
232 
	float:left;
233 
	margin :5px;
234 
}
1093 jpm 235 
#rue_numeros li{
236 
	width :265px;
237 
	float:left;
238 
	margin:0;
239 
}
240 
#rue_numeros li label{
241 
	width:80px;
242 
	float:left;
243 
}
244 
#rue_numeros li input{
245 
	width:175px;
246 
}
1056 jpm 247 
#partie-observation li li label.error{
248 
	position: relative;
249 
	margin-top: -38px;
250 
	margin-left:50px;
251 
	float:left;
252 
}
253 
label[for=milieu]{
254 
	display:block;
255 
	width:100%;
256 
}
1093 jpm 257 
label[for=coordonnees-geo] {
258 
	display:block;
259 
	width:100% !important;
260 
}
261 
ul#coordonnees-geo {
262 
	list-style-type:none;
263 
	float:left;
264 
}
265 
ul#coordonnees-geo li {
266 
	float: left;
267 
    margin: 5px;
268 
    width: 120px;
269 
}
270 
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
271 
	width: 70px;
272 
}
273 
ul#coordonnees-geo #info-commune{
274 
	width: 150px;
275 
}
1056 jpm 276 
ul#liste-milieux{
1123 jpm 277 
	float:left;
1056 jpm 278 
}
1093 jpm 279 
ul#liste-milieux li{
1056 jpm 280 
	display:inline;
1123 jpm 281 
	width:100px;
1056 jpm 282 
}
1105 jpm 283 
#notes{
1093 jpm 284 
	width:400px;
285 
}
286 
#rue{
287 
	width:440px;
288 
}
1056 jpm 289 
/*-------------------------------------------------------*/
290 
/* Photo */
291 
#resultat,.resultat {
292 
	width:20%;
293 
}
294 
.resultat {
295 
	width:30px;
296 
}
297 
#form-upload{
298 
	margin-top:10px;
299 
}
1123 jpm 300 
#miniature-info{
301 
	margin:0;
302 
}
303 
.b64{
304 
	max-width:100px;
305 
	max-height:100px;
306 
}
1056 jpm 307 
/*-------------------------------------------------------*/
308 
/* Partie-preview */
309 
#partie-preview legend, #partie-preview{
310 
	background:#A1CA10;
311 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
312 
}
313 
#partie-preview {
314 
	width:582px;
315 
	border:none;
316 
}
317 
.supprimer-obs{
318 
	background-color:transparent;
319 
	border:none;
1093 jpm 320 
	padding:0;
1056 jpm 321 
    cursor:pointer;
322 
}
1093 jpm 323 
.obs-miniature {
324 
	text-align:center;
325 
}
1056 jpm 326 
.obligatoire {
327 
	color:red;
328 
}
329 
label.error {
330 
	display:inline;
331 
	float:none;
332 
	padding-left:.5em;
333 
	color:red;
334 
}
335 
#partie-observation label.error,#partie-station label.error {
336 
	width:150px;
337 
	float:right;
338 
}
339 
#ajouter-obs{
340 
	margin-left:407px;
341 
	margin-top:10px;
342 
	font-size:20px;
343 
	background:#181;
344 
	color:#FFF;
345 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
346 
	height:35px;
347 
	width:137px;
348 
}
349 
#transmettre-obs{
350 
	margin-left:400px;
351 
	margin-top:5px;
352 
	font-size:20px;
353 
	background:#811;
354 
	color:#FFF;
355 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
356 
	height:35px;
357 
}
358 
/*-------------------------------------------------------*/
359 
/* Autocomplete */