Subversion Repositories eFlore/Applications.cel

Rev

Rev 1346 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1346 Rev 1922
Line 1... Line 1...
1 
@CHARSET "UTF-8";
 1 
@CHARSET "UTF-8";
- 
 
 2 
/*+--------------------------------------------------------------------------------------------------------+*/
- 
 
 3 
/* Balises */
2 
body {
 4 
body {
3 
	padding:0;
 - 
 
4 
	margin:0;
 - 
 
5 
	width:100%;
 - 
 
6 
	height:100%;
 - 
 
7 
	font-family:Arial;
 5 
	font-family:Arial;
8 
	font-size:12px;
 6 
	font-size:12px;
9 
	background-color:#FFF;
 - 
 
10 
	color:#000;
 - 
 
11 
}
 7 
}
12 
h1 {
 8 
h1 {
13 
	font-size:1.6em;
 9 
	font-size:1.6em;
14 
}
 10 
}
15 
h2 {
 11 
h2 {
Line 23... Line 19...
23 
	margin-left:2px;
 19 
	margin-left:2px;
24 
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
 20 
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
25 
	line-height:2em;
 21 
	line-height:2em;
26 
}
 22 
}
27 
a, a:active, a:visited {
 23 
a, a:active, a:visited {
28 
	border-bottom:1px dotted #666;
 24 
	border-bottom:1px dotted;
29 
	color:#181;
 - 
 
30 
	text-decoration:none;
 25 
	text-decoration:none;
31 
}
 26 
}
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;
 27 
a:active, a:focus, a:hover{
78 
}
 - 
 
79 
table td {
 - 
 
80 
	font-family:arial;
 - 
 
81 
	border:1px dotted gray;
 28 
	border-bottom:none;
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 
}
 29 
}
Line 95... Line -...
95 
 
 - 
 
96 
.colonne_milieu {
 - 
 
97
- 
 
Line 98... Line 30...
98 
}
 30 
 
99 
 
 31 
 
100 
/*+--------------------------------------------------------------------------------------------------------+*/
 32 
/*+--------------------------------------------------------------------------------------------------------+*/
101 
/* Générique */
 33 
/* Générique */
102 
.discretion {
 34 
.discretion {
103 
	color:grey;
 35 
	color:grey;
104 
	font-family:arial;
 36 
	font-family:arial;
105 
	font-size:11px;
 - 
 
106 
}
 - 
 
107 
.nettoyage{
 - 
 
108 
	clear:both;
 - 
 
109 
}
 - 
 
110 
hr.nettoyage{
 - 
 
111 
	visibility:hidden;
 - 
 
112 
}
 - 
 
113 
label[title]:after, th[title]:after, span[title]:after {
 - 
 
Line 114... Line 37...
114 
    content: " " url("../images/icones/aide.png");
 37 
	font-size:11px;
115 
}
 38 
}
116 
 
 39 
 
117 
/*+--------------------------------------------------------------------------------------------------------+*/
 40 
/*+--------------------------------------------------------------------------------------------------------+*/
Line 122... Line 45...
122 
}
 45 
}
Line 123... Line 46...
123 
 
 46 
 
124 
/*+--------------------------------------------------------------------------------------------------------+*/
 47 
/*+--------------------------------------------------------------------------------------------------------+*/
125 
/* Formulaire générique */
 48 
/* Formulaire générique */
126 
fieldset {
 49 
fieldset {
- 
 
 50 
	background-color:#A1CA10;
- 
 
 51 
}
- 
 
 52 
 
- 
 
 53 
/* Validation du formulaire */
- 
 
 54 
label.error {
- 
 
 55 
	display:inline-block;
- 
 
 56 
	float:left;
- 
 
 57 
	color:red;
- 
 
 58 
	width:150px;
- 
 
 59 
}
- 
 
 60 
label.error[for="date"] {
- 
 
 61 
	display:block;
- 
 
 62 
	float:none;
- 
 
 63 
	padding-left:5px;
- 
 
 64 
	width:100%;
- 
 
 65 
}
- 
 
 66 
label.error.valid {
- 
 
 67 
	text-indent: -9999px;
- 
 
 68 
	color: #468847;
- 
 
 69 
	float:none;
- 
 
 70 
	width:0;
127 
	background-color:#fff;
 71 
	height:0;
- 
 
 72 
}
- 
 
 73 
 
- 
 
 74 
/*-------------------------------------------------------*/
128 
}
 75 
/* Formulaire observateur */
129 
input[type="text"], select, textarea {
 76 
#partie-identification, #partie-identification legend{
- 
 
 77 
	background:#A1CA10;
130 
	width:240px;
 78 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
Line 131... Line 79...
131 
}
 79 
}
132 
 
 80 
 
133 
/*+--------------------------------------------------------------------------------------------------------+*/
 81 
/*+--------------------------------------------------------------------------------------------------------+*/
134 
/* Formulaire spécifique */
 82 
/* Formulaire obs */
135 
#zone-fiche-terrain, #zone-fiche-terrain-photo{
 83 
#zone-fiche-terrain, #zone-fiche-terrain-photo{
136 
	background:#A1CA10;
 84 
	background:#A1CA10;
137 
	width:600px;
 85 
	width:600px;
Line 141... Line 89...
141 
#zone-fiche-terrain{
 89 
#zone-fiche-terrain{
142 
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
 90 
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
143 
}
 91 
}
144 
#zone-fiche-terrain-photo{
 92 
#zone-fiche-terrain-photo{
145 
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
 93 
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
146 
	margin-top:-10px;
 94 
	margin-top:-20px;
147 
}
 - 
 
148 
#zone-liste-obs{
 - 
 
149 
	padding-bottom:25px;
 - 
 
150 
	margin-top:15px;
- 
 
151 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
 - 
 
152 
}
 - 
 
153 
#saisie-obs fieldset{
 - 
 
154 
	display:block;
 - 
 
155 
}
 - 
 
156 
#saisie-obs label{
 - 
 
157 
	font-weight:bold;
 - 
 
158 
}
 - 
 
159 
 
 - 
 
160 
#partie-observation, #partie-preview, #partie-station{
- 
 
161 
	margin-top:10px;
 - 
 
162 
}
 - 
 
163 
#partie-date * {
 - 
 
164 
	position: relative;
 - 
 
165 
	z-index:50;
 - 
 
166 
}
 95 
}
167 
#partie-station, #partie-observation, #partie-photo, #partie-date{
 96 
#partie-station, #partie-observation, #partie-photo, #partie-date{
168 
	width:550px;
 97 
	width:550px;
169 
	margin-left:10px;
 98 
	margin-left:10px;
170 
	background:#E5E5E5;
 99 
	background:#E5E5E5;
Line 172... Line 101...
172 
}
 101 
}
173 
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
 102 
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
174 
	background:#E5E5E5;
 103 
	background:#E5E5E5;
175 
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
 104 
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
176 
}
 105 
}
177 
#saisie-obs ul {
 - 
 
178 
	list-style-type:none;
 - 
 
179 
	margin:0;
 - 
 
180 
	padding:0;
 - 
 
181 
}
 106 
 
182 
#saisie-obs li {
 - 
 
183 
	margin:5px;
 - 
 
184 
}
 - 
 
185 
/*-------------------------------------------------------*/
 - 
 
186 
/* Partie-identification */
 - 
 
187 
#partie-identification, #partie-identification legend{
 - 
 
188 
	background:#A1CA10;
 - 
 
189 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
 - 
 
190 
}
 - 
 
191 
#partie-identification{
 - 
 
192 
	width:582px;
 - 
 
193 
}
 - 
 
194 
#partie-identification li{
 - 
 
195 
	float: left;
 - 
 
196 
    margin-left: 20px;
 - 
 
197 
	display:inline;
 - 
 
198 
	width:250px;
 - 
 
199 
}
 - 
 
200 
#partie-identification label{
 - 
 
201 
	/*display:block;*/
 - 
 
202 
}
 - 
 
203 
/*-------------------------------------------------------*/
 107 
/*-------------------------------------------------------*/
204 
/* Partie-station */
 108 
/* Géolocalisation */
205 
#partie-station fieldset{
 - 
 
206 
	margin-top:0;
 - 
 
207 
}
 - 
 
208 
#partie-station label {
 109 
#map-canvas {
209 
    width: 120px;
 - 
 
210 
	display:block;
 - 
 
211 
	float:left;
 - 
 
212 
}
 - 
 
213 
#latitude, #longitude {
 - 
 
214 
	width:70px;
 110 
	height: 280px;
215 
	float:left;
 - 
 
216 
}
 - 
 
217 
#latitude {
 - 
 
218 
	margin-right:5px;
 - 
 
219 
}
 - 
 
220 
#lat-lon-info {
 - 
 
221 
	margin-left:5px;
 111 
	margin-bottom:5px;
222 
}
 112 
}
223 
#partie-observation label{
 113 
.coordonnees-geo, .lat-lon-info {
224 
	width:120px;
 114 
	font-size: 10px;
225 
	float:left;
- 
 
226 
}
 115 
}
227 
#partie-observation li{
 116 
#info-commune {
- 
 
 117 
	text-align:right;
228 
	margin :10px;
 118 
	font-size:10px;
229 
}
 119 
}
230 
#partie-station #label_map_canvas {
 120 
.afficher-coord {
231 
	width: 100%;
 121 
	font-size:10px;
232 
}
 122 
}
233 
#map-canvas {
 123 
.indication_geolocalisation {
234 
	width:525px;
 124 
	color:#118811;
235 
	height: 340px;
 125 
    font-style: italic;
236 
}
- 
 
237 
#partie-station #partie-lat-lon label.error{
 - 
 
238 
	float:left;
 126 
    font-weight: bold;
239 
	width:80px;
 127 
	font-weight:0.9em;
240 
}
 128 
}
- 
 
 129 
 
- 
 
 130 
/*+--------------------------------------------------------------------------------------------------------+*/
241 
#partie-observation li li, #rue_numeros li{
 131 
/* Gestion des photos */
- 
 
 132 
 
242 
	width :150px;
 133 
/* Form d'ajout des photos */
- 
 
 134 
#form-upload .miniature {
243 
	float:left;
 135 
	float: left;
- 
 
 136 
	height: 130px;
244 
	margin :5px;
 137 
	margin: 5px;
245 
}
 138 
}
- 
 
 139 
#form-upload .miniature-img {
246 
#rue_numeros li{
 140 
	display: block;
247 
	width :265px;
 141 
	height: 100px;
- 
 
 142 
}
- 
 
 143 
#form-upload .miniature-chargement {
248 
	float:left;
 144 
	height:100px;
249 
	margin:0;
 145 
	width: 100px;
250 
}
 146 
}
- 
 
 147 
 
251 
#rue_numeros li label{
 148 
#photos-conteneur {
252 
	width:80px;
 149 
	height: 120px;
253 
	float:left;
- 
 
254 
}
 150 
}
- 
 
 151 
 
- 
 
 152 
/* Images d'une observation */
255 
#rue_numeros li input{
 153 
.obs .obs-miniatures {
256 
	width:175px;
 154 
	min-width: 150px;
- 
 
 155 
	margin-right: 5px;
- 
 
 156 
	background-color:#524C47;
- 
 
 157 
	padding: 4px 0;
- 
 
 158 
}
- 
 
 159 
.obs .miniature {
- 
 
 160 
	display: block;
- 
 
 161 
	height: 100px;
- 
 
 162 
	margin: 0 auto;
257 
}
 163 
}
258 
#partie-observation li li label.error{
 164 
.defilement {
259 
	position: relative;
 165 
	position: relative;
260 
    margin-top: -42px;
 - 
 
261 
	margin-left:50px;
 166 
	padding: 8px 0;
262 
	float:left;
 - 
 
263 
}
 167 
}
264 
label[for=milieu]{
 168 
.defilement-control-zone {
265 
	display:block;
 169 
	display: block;
- 
 
 170 
	z-index:2;
- 
 
 171 
	position: absolute;
- 
 
 172 
	top: 0;
266 
	width:100%;
 173 
	width: 50%;
- 
 
 174 
	height: 116px;
267 
}
 175 
}
268 
label[for=coordonnees-geo] {
 176 
.defilement-control-zone.gauche{
269 
	display:block;
 177 
	left: 0;
- 
 
 178 
}
- 
 
 179 
.defilement-control-zone.droite {
270 
	width:100% !important;
 180 
	right: 0;
271 
}
 181 
}
272 
ul#coordonnees-geo {
 182 
.defilement-control {
273 
	list-style-type:none;
 183 
	display: block;
- 
 
 184 
	position: absolute;
274 
	float:left;
 185 
	top: 35%;
275 
	width: 100%;
 186 
	width:20px;
276 
}
 187 
	height: 20px;
277 
ul#coordonnees-geo li {
 188 
	line-height: 20px;
278 
	float: left;
 189 
	font-size: 17px;
- 
 
 190 
	font-weight: 100;
- 
 
 191 
	text-align: center;
- 
 
 192 
	vertical-align: middle;
- 
 
 193 
	border: 3px solid white;
279 
    margin: 5px;
 194 
	border-radius: 20px;
- 
 
 195 
	color: white;
280 
   	width: 201px;
 196 
	opacity: 1;
- 
 
 197 
	background: none repeat scroll 0 0 #524C47;
281 
}
 198 
}
282 
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
 199 
.defilement-control.gauche {
283 
	width: 70px;
 200 
	left: 3%;
284 
}
 201 
}
285 
ul#coordonnees-geo #info-commune{
 202 
.defilement-control.droite {
286 
	width: 150px;
 203 
	right: 3%;
287 
}
 204 
}
- 
 
 205 
 
288 
ul#liste-milieux{
 206 
.defilement-miniatures-cache {
289 
	float:left;
 207 
	visibility: hidden;
290 
}
 208 
}
291 
ul#liste-milieux li{
 209 
.obs .miniature-cachee {
292 
	display:inline;
 210 
	display: none;
293 
	width:100px;
 - 
 
294 
}
 - 
 
295 
#notes{
 - 
 
296 
	width:400px;
 - 
 
297 
}
 - 
 
298 
#rue{
 - 
 
299 
	/**width:440px;**/
 - 
 
300 
    left: 35px;
 - 
 
301 
    position: relative;
 - 
 
302 
    top: 35px;
 - 
 
303 
    width: 320px;
 - 
 
304 
    z-index: 45;
 - 
 
305 
}
 211 
}
- 
 
 212 
 
306 
.indication_geolocalisation {
 213 
.defilement-indicateurs {
- 
 
 214 
    list-style: none outside none;
- 
 
 215 
    margin: 0;
- 
 
 216 
    position: absolute;
- 
 
 217 
    left: 0;
307 
	color:#118811;
 218 
    bottom: 2px;
- 
 
 219 
    z-index: 5;
- 
 
 220 
}
- 
 
 221 
.defilement-indicateurs li {
- 
 
 222 
    background-color: rgba(255, 255, 255, 0.25);
- 
 
 223 
    border-radius: 2px;
- 
 
 224 
    border: 1px solid lightgrey;
308 
    font-style: italic;
 225 
    display: block;
309 
    font-weight: bold;
 226 
    float: left;
310 
	font-weight:0.9em;
 227 
    height: 4px;
- 
 
 228 
    margin-left: 2px;
- 
 
 229 
    text-indent: -999px;
- 
 
 230 
    width: 4px;
311 
}
 231 
}
312 
.indication_geolocalisation {
 232 
.defilement-indicateurs .active {
313 
    height: 30px;
 - 
 
314 
    position: relative;
 233 
	background-color: #FFFFFF;
315 
    top: 15px;
 - 
 
316 
}
 234 
}
- 
 
 235 
 
317 
/*-------------------------------------------------------*/
 236 
/*-------------------------------------------------------*/
318 
/* Photo */
 237 
/* Observations */
319 
#resultat,.resultat {
 238 
#obs-titre {
320 
	width:20%;
 239 
	margin-right: 20px;
- 
 
 240 
}
- 
 
 241 
#form-date {
- 
 
 242 
	margin: 10px 0;
- 
 
 243 
	line-height: 40px;
321 
}
 244 
}
322 
.resultat {
 245 
.ns-retenu {
323 
	width:30px;
 246 
	font-weight:bold;
324 
}
 247 
}
- 
 
 248 
.nn{
325 
#form-upload{
 249 
	color:#3B9D3B;
- 
 
 250 
}
- 
 
 251 
.obs .nom-sci{
326 
	margin-top:10px;
 252 
	font-size:1.5em;
- 
 
 253 
	font-weight:bold;
327 
}
 254 
}
328 
#miniature-info{
 255 
.commune, .date{
329 
	margin:0;
 256 
	font-size:1.3em;
- 
 
 257 
	font-weight:bold;
330 
}
 258 
}
331 
.b64{
 259 
.obs-action{
332 
	max-width:100px;
 260 
	opacity:1;
333 
	max-height:100px;
 - 
 
334 
}
 261 
}
- 
 
 262 
 
335 
/*-------------------------------------------------------*/
 263 
/*-------------------------------------------------------*/
336 
/* Partie-preview */
 264 
/* Partie-preview */
337 
#partie-preview legend, #partie-preview{
 265 
#partie-preview legend, #partie-preview{
338 
	background:#A1CA10;
 266 
	background:#A1CA10;
339 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
 267 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
340 
}
 268 
}
341 
#partie-preview {
 269 
#partie-preview {
342 
	width:582px;
 270 
	width:582px;
343 
	border:none;
 271 
	border:none;
344 
}
 272 
}
345 
.supprimer-obs{
 - 
 
346 
	background-color:transparent;
 - 
 
347 
	border:none;
 - 
 
348 
	padding:0;
 - 
 
349 
    cursor:pointer;
 - 
 
350 
}
 - 
 
351 
.obs-miniature {
 - 
 
352 
	text-align:center;
 - 
 
353 
}
 - 
 
354 
.obligatoire {
 - 
 
355 
	color:red;
 - 
 
356 
}
 - 
 
357 
label.error {
 - 
 
358 
	display:inline;
 - 
 
359 
	float:none;
 - 
 
360 
	padding-left:.5em;
 - 
 
361 
	color:red;
 - 
 
362 
}
 - 
 
363 
#partie-observation label.error,#partie-station label.error {
 - 
 
364 
	width:150px;
 - 
 
365 
	float:right;
 - 
 
366 
}
 - 
 
367 
#ajouter-obs{
 273 
#ajouter-obs{
368 
	margin-left:407px;
 274 
	margin-left:407px;
369 
	margin-top:10px;
 275 
	margin-top:10px;
370 
	font-size:20px;
 276 
	font-size:20px;
371 
	background:#181;
 277 
	background:#181;
Line 381... Line 287...
381 
	background:#811;
 287 
	background:#811;
382 
	color:#FFF;
 288 
	color:#FFF;
383 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
 289 
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
384 
	height:35px;
 290 
	height:35px;
385 
}
 291 
}
- 
 
 292 
 
- 
 
 293 
 
- 
 
 294 
 
- 
 
 295 
 
- 
 
 296 
 
386 
/*-------------------------------------------------------*/
 297 
/*-------------------------------------------------------*/
387 
/* Autocomplete */
 298 
/* Autocomplete */
388 
.valeur-defaut-recherche {
 299 
.valeur-defaut-recherche {
389 
	color:#848484;
 300 
	color:#848484;
390 
	font-style:italic;
301 
	font-style:italic;