Subversion Repositories eFlore/Applications.cel

Rev

Rev 1346 | Go to most recent revision | Details | 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 
 
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 
 
144 
#partie-observation, #partie-preview{
145 
	margin-top:10px;
146 
}
147 
#partie-station, #partie-observation, #partie-photo{
148 
	width:550px;
149 
	margin-left:10px;
150 
	background:#E5E5E5;
151 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
152 
}
153 
#partie-station legend, #partie-observation legend, #partie-photo legend{
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 {
189 
	width:75px;
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 
}
210 
#adresse{
211 
	width:290px;
212 
}
213 
#partie-station #partie-lat-lon label.error{
214 
	float:left;
215 
	width:80px;
216 
}
217 
#partie-observation li li{
218 
	width :150px;
219 
	float:left;
220 
	margin :5px;
221 
}
222 
#partie-observation li li label.error{
223 
	position: relative;
224 
	margin-top: -38px;
225 
	margin-left:50px;
226 
	float:left;
227 
}
228 
label[for=milieu]{
229 
	display:block;
230 
	width:100%;
231 
}
232 
ul#liste-milieux{
233 
	padding-top:5px;
234 
}
235 
#liste-milieux li{
236 
	display:inline;
237 
}
238 
/*-------------------------------------------------------*/
239 
/* Photo */
240 
#resultat,.resultat {
241 
	width:20%;
242 
}
243 
.resultat {
244 
	width:30px;
245 
}
246 
#form-upload{
247 
	margin-top:10px;
248 
}
249 
/*-------------------------------------------------------*/
250 
/* Partie-preview */
251 
#partie-preview legend, #partie-preview{
252 
	background:#A1CA10;
253 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
254 
}
255 
#partie-preview {
256 
	width:582px;
257 
	border:none;
258 
}
259 
.supprimer-obs{
260 
	background-color:transparent;
261 
	border:none;
262 
    cursor:pointer;
263 
}
264 
.obligatoire {
265 
	color:red;
266 
}
267 
label.error {
268 
	display:inline;
269 
	float:none;
270 
	padding-left:.5em;
271 
	color:red;
272 
}
273 
#partie-observation label.error,#partie-station label.error {
274 
	width:150px;
275 
	float:right;
276 
}
277 
#ajouter-obs{
278 
	margin-left:407px;
279 
	margin-top:10px;
280 
	font-size:20px;
281 
	background:#181;
282 
	color:#FFF;
283 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
284 
	height:35px;
285 
	width:137px;
286 
}
287 
#transmettre-obs{
288 
	margin-left:400px;
289 
	margin-top:5px;
290 
	font-size:20px;
291 
	background:#811;
292 
	color:#FFF;
293 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
294 
	height:35px;
295 
}
296 
/*-------------------------------------------------------*/
297 
/* Autocomplete */
298 
.ui-autocomplete {
299 
	background-color: white;
300 
	width: 300px;
301 
	border: 1px solid #cfcfcf;
302 
	list-style-type: none;
303 
	padding-left: 0px;
304 
}