Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1946 Rev 1954
Line 1... Line 1...
1 
@CHARSET "UTF-8";
 1 
@CHARSET "UTF-8";
2 
/*+--------------------------------------------------------------------------------------------------------+*/
 2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Balises */
 3 
/* Balises */
4 
body {
 4 
body {
5 
	font-family:Arial;
 5 
	font-family: Arial;
6 
	font-size:12px;
 6 
	font-size: 12px;
7 
}
 7 
}
- 
 
 8 
 
8 
h1 {
 9 
h1 {
9 
	font-size:1.6em;
 10 
	font-size: 1.6em;
10 
}
 11 
}
- 
 
 12 
 
11 
h2 {
 13 
h2 {
12 
	font-size:1.4em;
 14 
	font-size: 1.4em;
13 
	text-transform:uppercase;
 15 
	text-transform: uppercase;
14 
	letter-spacing:0.3em;
 16 
	letter-spacing: 0.3em;
15 
	padding:5px 10px;
 17 
	padding: 5px 10px;
16 
	background:#A1CA10;
 18 
	background: #A1CA10;
17 
	margin-bottom:0;
 19 
	margin-bottom: 0;
18 
	margin-left:2px;
 20 
	margin-left: 2px;
19 
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
 21 
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
20 
	line-height:2em;
 22 
	line-height: 2em;
21 
}
 23 
}
Line 22... Line 24...
22 
 
 24 
 
23 
a {
 25 
a {
24 
	font-weight:bold;
 26 
	font-weight: bold;
Line 25... Line 27...
25 
}
 27 
}
26 
 
 28 
 
27 
/*+--------------------------------------------------------------------------------------------------------+*/
 29 
/*+--------------------------------------------------------------------------------------------------------+*/
28 
/* Générique */
 30 
/* Générique */
29 
.discretion {
 31 
.discretion {
30 
	color:grey;
 32 
	color: grey;
31 
	font-family:arial;
 33 
	font-family: arial;
32 
	font-size:11px;
 34 
	font-size: 11px;
33 
}
 35 
}
34 
.nom-sci {
 36 
.nom-sci {
35 
	font-style:italic;
 37 
	font-style: italic;
36 
}
 38 
}
37 
/*+--------------------------------------------------------------------------------------------------------+*/
 39 
/*+--------------------------------------------------------------------------------------------------------+*/
38 
/* Positionnement général */
 40 
/* Positionnement général */
39 
#zone-appli {
 41 
#zone-appli {
40 
	margin:0 auto;
 42 
	margin: 0 auto;
Line 41... Line 43...
41 
	width:600px;
 43 
	width: 600px;
42 
}
 44 
}
43 
 
 45 
 
44 
/*+--------------------------------------------------------------------------------------------------------+*/
 46 
/*+--------------------------------------------------------------------------------------------------------+*/
45 
/* Formulaire générique */
 47 
/* Formulaire générique */
46 
legend {
 48 
legend {
47 
    color: #000000;
 49 
	color: #000000;
48 
    font-size: 1.2em;
 50 
	font-size: 1.2em;
49 
    letter-spacing: 0.2em;
 51 
	letter-spacing: 0.2em;
50 
    padding: 5px 10px;
 52 
	padding: 5px 10px;
51 
    text-transform: uppercase;
 53 
	text-transform: uppercase;
52 
    line-height:1.2em;
 54 
	line-height: 1.2em;
- 
 
 55 
	margin: 2px 2px 0;
53 
    margin:2px 2px 0;
 56 
	width: inherit;
54 
    width:inherit;
 57 
}
55 
}
 58 
 
56 
fieldset {
 59 
fieldset {
Line 57... Line 60...
57 
	background-color:#A1CA10;
 60 
	background-color: #A1CA10;
58 
	padding:5px;
 61 
	padding: 5px;
59 
}
 62 
}
60 
 
 63 
 
61 
/* Validation du formulaire */
 64 
/* Validation du formulaire */
62 
label.error {
 - 
 
63 
	display:inline-block;
 - 
 
64 
	float:left;
 - 
 
65 
	color:red;
 - 
 
66 
	width:150px;
 - 
 
67 
}
 - 
 
68 
label.error[for="date"] {
 65 
label.error {
69 
	display:block;
 66 
	display: block;
- 
 
 67 
	float: none;
70 
	float:none;
 68 
	color: red;
71 
	padding-left:5px;
 69 
	width: 100%;
72 
	width:100%;
 70 
}
73 
}
 71 
 
74 
label.error.valid {
 72 
label.error.valid {
75 
	text-indent: -9999px;
 73 
	text-indent: -9999px;
76 
	color: #468847;
 74 
	color: #468847;
Line 77... Line 75...
77 
	float:none;
 75 
	float: none;
78 
	width:0;
 76 
	width: 0;
79 
	height:0;
 77 
	height: 0;
80 
}
 78 
}
81 
 
 79 
 
- 
 
 80 
/*-------------------------------------------------------*/
82 
/*-------------------------------------------------------*/
 81 
/* Formulaire observateur */
83 
/* Formulaire observateur */
 82 
#titre-form-observateur {
84 
#titre-form-observateur {
 83 
	width: 250px;
- 
 
 84 
}
85 
	width:250px;
 85 
 
86 
}
 86 
#zone-identification {
87 
#zone-identification {
 87 
	margin-left: 2px;
88 
	margin-left:2px;
 88 
}
Line 89... Line 89...
89 
}
 89 
 
90 
#partie-identification{
 90 
#partie-identification {
91 
	background:#A1CA10;
 91 
	background: #A1CA10;
92 
	-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
 92 
	-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
93 
}
 93 
}
- 
 
 94 
 
- 
 
 95 
/*+--------------------------------------------------------------------------------------------------------+*/
94 
 
 96 
/* Formulaire obs */
95 
/*+--------------------------------------------------------------------------------------------------------+*/
 97 
#titre-form-obs {
96 
/* Formulaire obs */
 98 
	width: 250px;
97 
#titre-form-obs{
 99 
}
98 
	width:250px;
 100 
 
99 
}
 101 
#zone-fiche-terrain,
- 
 
 102 
#zone-fiche-terrain-photo {
100 
#zone-fiche-terrain, #zone-fiche-terrain-photo{
 103 
	background: #A1CA10;
101 
	background:#A1CA10;
 104 
	width: 600px;
102 
	width:600px;
 105 
	margin-left: 2px;
- 
 
 106 
	padding-bottom: 10px;
103 
	margin-left:2px;
 107 
}
104 
	padding-bottom:10px;
 108 
 
105 
}
 109 
#zone-fiche-terrain {
106 
#zone-fiche-terrain{
 110 
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
- 
 
 111 
}
- 
 
 112 
 
107 
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
 113 
#zone-fiche-terrain-photo {
- 
 
 114 
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
- 
 
 115 
	margin-top: -20px;
108 
}
 116 
}
109 
#zone-fiche-terrain-photo{
 117 
 
110 
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
 118 
#partie-station,
111 
	margin-top:-20px;
 119 
#partie-observation,
- 
 
 120 
#partie-photo,
- 
 
 121 
#partie-date {
112 
}
 122 
	margin: 0 10px 10px;
- 
 
 123 
	background: #E5E5E5;
- 
 
 124 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
113 
#partie-station, #partie-observation, #partie-photo, #partie-date{
 125 
}
114 
	margin:0 10px 10px;
 126 
 
115 
	background:#E5E5E5;
 127 
#partie-station legend,
Line 116... Line 128...
116 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
 128 
#partie-observation legend,
117 
}
 129 
#partie-photo legend,
Line 126... Line 138...
126 
}
 138 
}
Line 127... Line 139...
127 
 
 139 
 
128 
/*-------------------------------------------------------*/
 140 
/*-------------------------------------------------------*/
129 
/* Géolocalisation */
 141 
/* Géolocalisation */
130 
#map-canvas {
 142 
#map-canvas {
131 
	height:280px;
 143 
	height: 280px;
132 
	margin-bottom:5px;
 144 
	margin-bottom: 5px;
- 
 
 145 
}
133 
}
 146 
 
134 
#map-canvas img {
 147 
#map-canvas img {
135 
	max-width:none;
 148 
	max-width: none;
- 
 
 149 
}
136 
}
 150 
 
137 
.coordonnees-geo, .lat-lon-info {
 151 
.coordonnees-geo, .lat-lon-info {
138 
	font-size:10px;
 152 
	font-size: 10px;
- 
 
 153 
}
139 
}
 154 
 
140 
#info-commune {
 155 
#info-commune {
141 
	text-align:right;
 156 
	text-align: right;
142 
	font-size:10px;
 157 
	font-size: 10px;
- 
 
 158 
}
143 
}
 159 
 
144 
.afficher-coord {
 160 
.afficher-coord {
145 
	font-size:10px;
 161 
	font-size: 10px;
- 
 
 162 
}
146 
}
 163 
 
147 
.indication_geolocalisation {
 164 
.indication_geolocalisation {
148 
	color:#118811;
 165 
	color: #118811;
149 
    font-style:italic;
 166 
	font-style: italic;
150 
    font-weight:bold;
 167 
	font-weight: bold;
151 
	font-weight:0.9em;
 168 
	font-weight: 0.9em;
Line 152... Line 169...
152 
}
 169 
}
153 
 
 170 
 
Line 158... Line 175...
158 
#form-upload .miniature {
 175 
#form-upload .miniature {
159 
	float: left;
 176 
	float: left;
160 
	height: 130px;
 177 
	height: 130px;
161 
	margin: 5px;
 178 
	margin: 5px;
162 
}
 179 
}
- 
 
 180 
 
163 
#form-upload .miniature-img {
 181 
#form-upload .miniature-img {
164 
	display: block;
 182 
	display: block;
165 
	height: 100px;
 183 
	height: 100px;
166 
}
 184 
}
- 
 
 185 
 
167 
#form-upload .miniature-chargement {
 186 
#form-upload .miniature-chargement {
168 
	height:100px;
 187 
	height: 100px;
169 
	width: 100px;
188 
	width: 100px;
170 
}
 189 
}
Line 171... Line 190...
171 
 
 190 
 
172 
#photos-conteneur {
 191 
#photos-conteneur {
Line 175... Line 194...
175 
 
 194 
 
176 
/* Images d'une observation */
 195 
/* Images d'une observation */
177 
.obs .obs-miniatures {
 196 
.obs .obs-miniatures {
178 
	min-width: 150px;
 197 
	min-width: 150px;
179 
	margin-right: 5px;
 198 
	margin-right: 5px;
180 
	background-color:#524C47;
 199 
	background-color: #524C47;
181 
	padding: 4px 0;
 200 
	padding: 4px 0;
- 
 
 201 
}
182 
}
 202 
 
183 
.obs .miniature {
 203 
.obs .miniature {
184 
	display: block;
 204 
	display: block;
185 
	height: 100px;
 205 
	height: 100px;
186 
	margin: 0 auto;
 206 
	margin: 0 auto;
- 
 
 207 
}
187 
}
 208 
 
188 
.defilement {
 209 
.defilement {
189 
	position: relative;
 210 
	position: relative;
190 
	padding: 8px 0;
 211 
	padding: 8px 0;
- 
 
 212 
}
191 
}
 213 
 
192 
.defilement-control-zone {
 214 
.defilement-control-zone {
193 
	display: block;
 215 
	display: block;
194 
	z-index:2;
 216 
	z-index: 2;
195 
	position: absolute;
 217 
	position: absolute;
196 
	top: 0;
 218 
	top: 0;
197 
	width: 50%;
 219 
	width: 50%;
198 
	height: 116px;
 220 
	height: 116px;
- 
 
 221 
}
199 
}
 222 
 
200 
.defilement-control-zone.gauche{
 223 
.defilement-control-zone.gauche {
201 
	left: 0;
 224 
	left: 0;
- 
 
 225 
}
202 
}
 226 
 
203 
.defilement-control-zone.droite {
 227 
.defilement-control-zone.droite {
204 
	right: 0;
 228 
	right: 0;
- 
 
 229 
}
205 
}
 230 
 
206 
.defilement-control {
 231 
.defilement-control {
207 
	display: block;
 232 
	display: block;
208 
	position: absolute;
 233 
	position: absolute;
209 
	top: 35%;
 234 
	top: 35%;
210 
	width:20px;
 235 
	width: 20px;
211 
	height: 20px;
 236 
	height: 20px;
212 
	line-height: 20px;
 237 
	line-height: 20px;
213 
	font-size: 17px;
 238 
	font-size: 17px;
214 
	font-weight: 100;
 239 
	font-weight: 100;
Line 218... Line 243...
218 
	border-radius: 20px;
 243 
	border-radius: 20px;
219 
	color: white;
 244 
	color: white;
220 
	opacity: 1;
 245 
	opacity: 1;
221 
	background: none repeat scroll 0 0 #524C47;
 246 
	background: none repeat scroll 0 0 #524C47;
222 
}
 247 
}
- 
 
 248 
 
223 
.defilement-control.gauche {
 249 
.defilement-control.gauche {
224 
	left: 3%;
 250 
	left: 3%;
225 
}
 251 
}
- 
 
 252 
 
226 
.defilement-control.droite {
 253 
.defilement-control.droite {
227 
	right: 3%;
 254 
	right: 3%;
228 
}
 255 
}
Line 229... Line 256...
229 
 
 256 
 
230 
.defilement-miniatures-cache {
 257 
.defilement-miniatures-cache {
231 
	visibility: hidden;
 258 
	visibility: hidden;
- 
 
 259 
}
232 
}
 260 
 
233 
.obs .miniature-cachee {
 261 
.obs .miniature-cachee {
234 
	display: none;
 262 
	display: none;
Line 235... Line 263...
235 
}
 263 
}
236 
 
 264 
 
237 
.defilement-indicateurs {
 265 
.defilement-indicateurs {
238 
    list-style: none outside none;
 266 
	list-style: none outside none;
239 
    margin: 0;
 267 
	margin: 0;
240 
    position: absolute;
 268 
	position: absolute;
241 
    left: 0;
 269 
	left: 0;
242 
    bottom: 2px;
 270 
	bottom: 2px;
- 
 
 271 
	z-index: 5;
243 
    z-index: 5;
 272 
}
244 
}
 273 
 
245 
.defilement-indicateurs li {
 274 
.defilement-indicateurs li {
246 
    background-color: rgba(255, 255, 255, 0.25);
 275 
	background-color: rgba(255, 255, 255, 0.25);
247 
    border-radius: 2px;
 276 
	border-radius: 2px;
248 
    border: 1px solid lightgrey;
 277 
	border: 1px solid lightgrey;
249 
    display: block;
 278 
	display: block;
250 
    float: left;
 279 
	float: left;
251 
    height: 4px;
 280 
	height: 4px;
252 
    margin-left: 2px;
 281 
	margin-left: 2px;
253 
    text-indent: -999px;
 282 
	text-indent: -999px;
- 
 
 283 
	width: 4px;
254 
    width: 4px;
 284 
}
255 
}
 285 
 
256 
.defilement-indicateurs .active {
 286 
.defilement-indicateurs .active {
Line 257... Line 287...
257 
	background-color: #FFFFFF;
 287 
	background-color: #FFFFFF;
258 
}
 288 
}
259 
 
 289 
 
260 
/*-------------------------------------------------------*/
 290 
/*-------------------------------------------------------*/
261 
/* Observations */
 291 
/* Observations */
262 
#titre-liste-obs{
 292 
#titre-liste-obs {
- 
 
 293 
	margin-top: 0;
263 
	margin-top:0;
 294 
	padding-top: 0;
264 
	padding-top:0;
 295 
}
265 
}
 296 
 
266 
#zone-liste-obs{
 297 
#zone-liste-obs {
267 
	background-color:#A1CA10;
 298 
	background-color: #A1CA10;
- 
 
 299 
	padding: 5px;
268 
	padding:5px;
 300 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
269 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
 301 
}
270 
}
 302 
 
271 
#zone-liste-obs .well{
 303 
#zone-liste-obs .well {
- 
 
 304 
	background-color: #A1CA10;
272 
	background-color:#A1CA10;
 305 
	margin: 0 5px 5px 5px;
273 
	margin:0 5px 5px 5px;
 306 
}
274 
}
 307 
 
- 
 
 308 
#liste-obs .well{
275 
#liste-obs .well{
 309 
	background-color: #E0DFDE;
276 
	background-color:#E0DFDE;
 310 
}
277 
}
 311 
 
- 
 
 312 
#obs-titre {
278 
#obs-titre {
 313 
	margin-right: 20px;
279 
	margin-right: 20px;
 314 
}
280 
}
 315 
 
281 
#form-date {
 316 
#form-date {
- 
 
 317 
	margin: 10px 0;
282 
	margin: 10px 0;
 318 
	line-height: 40px;
283 
	line-height: 40px;
 319 
}
284 
}
 320 
 
- 
 
 321 
.ns-retenu {
285 
.ns-retenu {
 322 
	font-weight: bold;
286 
	font-weight:bold;
323 
}
287 
}
 324 
 
- 
 
 325 
.nn {
288 
.nn{
 326 
	color: #3B9D3B;
289 
	color:#3B9D3B;
 327 
}
290 
}
 328 
 
291 
.obs .nom-sci{
 329 
.obs .nom-sci {
- 
 
 330 
	font-size:1.5em;
292 
	font-size:1.5em;
 331 
	font-weight:bold;
- 
 
 332 
}
293 
	font-weight:bold;
 333 
 
294 
}
 334 
.commune,
295 
.commune, .date{
 335 
.date {
- 
 
 336 
	font-size: 1.3em;
296 
	font-size:1.3em;
 337 
	font-weight: bold;
297 
	font-weight:bold;
 338 
}
298 
}
 339 
 
Line -... Line 340...
- 
 
 340 
.obs-action {
- 
 
 341 
	opacity: 1;
- 
 
 342 
}
- 
 
 343 
 
- 
 
 344 
#ajouter-obs {
- 
 
 345 
	margin-left: 407px;
- 
 
 346 
	font-size: 20px;
Line 299... Line -...
299 
.obs-action{
 - 
 
300 
	opacity:1;
 - 
 
301 
}
 - 
 
302 
 
 - 
 
303 
 
 - 
 
304 
#ajouter-obs{
 - 
 
305 
	margin-left:407px;
 - 
 
306 
	font-size:20px;
 347 
	background: #181;
307 
	background:#181;
 348 
	color: #FFF;
308 
	color:#FFF;
 349 
	width: 137px;
309 
	width:137px;
 350 
}
310 
}
 351 
 
Line 311... Line 352...
311 
#transmettre-obs{
 352 
#transmettre-obs {
312 
	font-size:20px;
 353 
	font-size: 20px;
313 
	background:#811;
 354 
	background: #811;
314 
	color:#FFF;
 355 
	color: #FFF;
315 
}
 356 
}
316 
 
 357 
 
317 
/*-------------------------------------------------------*/
 358 
/*-------------------------------------------------------*/