Subversion Repositories eFlore/Applications.cel

Rev

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