Subversion Repositories eFlore/Applications.cel

Rev

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