Subversion Repositories eFlore/Applications.cel

Rev

Rev 3425 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3120 delphine 1 
@CHARSET "UTF-8";
2 
 
3 
body {
3208 idir 4 
  font-family: Muli,sans-serif;
5 
  font-size: 0.8rem;
6 
  font-weight: 300;
3120 delphine 7 
}
3208 idir 8 
 
3239 idir 9 
#zone-appli {
10 
  padding: 2rem;
11 
  border-radius: 0.3rem;
12 
  background-color: rgba(255, 255, 255, 0.9);
13 
  margin-top: 2rem;
14 
}
15 
 
3240 idir 16 
#zone-appli .zone-alerte{
17 
  width: 100%;
18 
}
19 
 
3260 idir 20 
#logo {
21 
  max-width: 100%;
22 
}
23 
 
3120 delphine 24 
h1, h2, h3, h4, h5 {
3208 idir 25 
  font-family: Muli,sans-serif;
3425 idir 26 
  color: #606060;
27 
  font-weight: 700;
3120 delphine 28 
}
29 
 
30 
form {
3208 idir 31 
  font-family: Muli,sans-serif;
32 
  float: none;
3120 delphine 33 
}
34 
 
35 
h1 {
3208 idir 36 
  font-weight: 700;
37 
  font-size: 2rem;
3120 delphine 38 
}
39 
 
40 
h2 {
3208 idir 41 
  font-weight: 700;
42 
  line-height: 1.15;
43 
  font-size: 1.5rem;
3120 delphine 44 
}
45 
 
3208 idir 46 
h3 {
47 
  font-size: 1.2rem;
48 
}
49 
 
3425 idir 50 
ul {
51 
  padding-inline-start: 0;
52 
}
53 
 
3208 idir 54 
#zone-appli .obligatoire::before {
55 
  content: '*';
56 
  position: absolute;
57 
  left: 0;
58 
}
59 
 
60 
.btn.focus,
61 
.btn:focus {
62 
  box-shadow: none;
63 
}
64 
 
65 
.btn.btn-primary,
66 
.btn.btn-info,
67 
.btn.btn-success,
68 
.btn.btn-danger,
69 
.btn.btn-inverse {
70 
  color: #fff !important;
71 
}
72 
 
3425 idir 73 
.btn.btn-primary,
74 
.btn.btn-info,
75 
.btn.btn-success,
76 
.btn.btn-danger,
77 
.btn.btn-inverse,
78 
.btn.btn-outline-primary,
79 
.btn.btn-outline-info,
80 
.btn.btn-outline-success,
81 
.btn.btn-outline-danger,
82 
.btn.btn-outline-inverse {
83 
  border-radius: 0.15rem;
84 
}
85 
 
3120 delphine 86 
button {
3208 idir 87 
  -moz-border-bottom-colors: none;
88 
  -moz-border-left-colors: none;
89 
  -moz-border-right-colors: none;
90 
  -moz-border-top-colors: none;
91 
  background-color: #a2b93b;
92 
  border-bottom-color: currentcolor;
93 
  border-bottom-left-radius: 0.2rem;
94 
  border-bottom-right-radius: 0.2rem;
95 
  border-bottom-style: none;
96 
  border-bottom-width: 0;
97 
  border-image-outset: 0 0 0 0;
98 
  border-image-repeat: stretch stretch;
99 
  border-image-slice: 100% 100% 100% 100%;
100 
  border-image-source: none;
101 
  border-image-width: 1 1 1 1;
102 
  border-left-color: currentcolor;
103 
  border-left-style: none;
104 
  border-left-width: 0;
105 
  border-right-color: currentcolor;
106 
  border-right-style: none;
107 
  border-right-width: 0;
108 
  border-top-color: currentcolor;
109 
  border-top-left-radius: 0.2rem;
110 
  border-top-right-radius: 0.2rem;
111 
  border-top-style: none;
112 
  border-top-width: 0;
113 
  color: #fff;
114 
  cursor: pointer;
115 
  display: inline-block;
116 
  font-family: Ubuntu,sans-serif;
117 
  font-size: 1.3rem;
118 
  font-weight: 500;
119 
  letter-spacing: 0.1rem;
120 
  line-height: 1.5rem;
121 
  padding-bottom: 1.25rem;
122 
  padding-left: 2rem;
123 
  padding-right: 2rem;
124 
  padding-top: 1.25rem;
125 
  text-align: center;
126 
  text-decoration-color: currentcolor;
127 
  text-decoration-line: none;
128 
  text-decoration-style: solid;
129 
  text-transform: uppercase;
130 
  transition-delay: 0s;
131 
  transition-duration: 0.2s;
132 
  transition-property: background;
133 
  transition-timing-function: ease;
3120 delphine 134 
}
135 
 
3208 idir 136 
.mb2,
137 
.mb-3 {
138 
  align-self: start;
3120 delphine 139 
}
140 
 
3208 idir 141 
label,
3425 idir 142 
#zone-appli .list-label {
3208 idir 143 
  color: #606060;
144 
  display: block;
145 
  font-size: 0.9rem;
146 
  font-weight: 700;
147 
}
148 
 
149 
#zone-appli .form-inline label,
150 
#zone-appli .form-inline .list-label {
151 
  align-items: start;
152 
  align-self: start;
153 
  justify-content: left;
154 
  align-content: flex-start;
155 
}
156 
 
157 
#zone-appli .hidden {
158 
  display: none !important;
3120 delphine 159 
}
160 
 
3208 idir 161 
#zone-appli .warning {
162 
  color: #ff5d55;
163 
  font-weight: 700;
164 
}
165 
 
3270 idir 166 
#photos-conteneur label.label-file.error,
3274 idir 167 
.control-group.error #connexion,
3425 idir 168 
.control-group.error #inscription,
3274 idir 169 
.control-group.error #bouton-anonyme,
3425 idir 170 
.control-group.error .geoloc,
3208 idir 171 
.control-group.error input,
172 
.control-group.error select,
173 
.control-group.error textarea {
174 
  box-shadow: 0 0 1.5px 1px red;
175 
  border-color: #b94a48;
176 
  color: #b94a48;
177 
}
178 
 
3425 idir 179 
.control-group .erreur,
180 
.control-group.error,
181 
span.error {
182 
  color: #b94a48 !important;
3208 idir 183 
}
184 
 
185 
#zone-appli .centre {
186 
  margin: 0 auto !important;
187 
  justify-content: center !important;
188 
}
189 
 
190 
#zone-appli .droite {
191 
  float: right;
192 
}
193 
 
194 
#zone-appli .info {
195 
  padding: 1rem;
196 
  background-color: #ccecf1;
197 
  border-color: #7ccedb;
198 
  color: #006979;
199 
  fill: #006979;
200 
  border-radius: 0.2rem;
201 
}
202 
 
203 
#zone-appli .clear {
3120 delphine 204 
  clear: both;
205 
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
206 
}
207 
 
3208 idir 208 
#zone-appli .ui-widget{
209 
  font-family: Muli,sans-serif;
210 
}
211 
 
212 
#zone-appli .form-inline .form-control {
213 
  width: 100%;
214 
}
215 
 
216 
#zone-appli #logo_hires {
217 
  display: none;
218 
}
3425 idir 219 
 
3208 idir 220 
#zone-appli .logo-tb {
221 
  position:absolute;
222 
  left: 10px;
223 
  top: 10px;
224 
}
225 
 
226 
#zone-appli .bloc-top {
227 
  border-top: 1px solid rgba(0,0,0,.1);
228 
  padding-top: 1rem;
229 
}
230 
 
231 
#zone-appli .bloc-bottom {
232 
  border-bottom: 1px solid rgba(0,0,0,.1);
233 
  padding-bottom: 1rem;
234 
}
235 
 
236 
.unstyled {
237 
  list-style-type: none;
3425 idir 238 
  overflow-y: auto;
239 
  overflow-x: initial;
240 
  height: 8rem;
241 
  padding: 1rem;
3208 idir 242 
}
243 
 
244 
#zone-appli #formulaire form {
245 
  margin-bottom: 1.5rem;
246 
}
247 
 
248 
input[type="checkbox"],
249 
input[type="radio"],
250 
input.radio,
251 
input.checkbox {
252 
  vertical-align:text-top;
253 
  padding: 0;
254 
  margin-right: 10px;
255 
  position:relative;
256 
  overflow:hidden;
257 
  top:2px;
258 
}
259 
 
260 
/*************************************************************************/
261 
 
262 
form#form-observateur,
3425 idir 263 
form#form-observation {
3208 idir 264 
  min-width: 100%;
265 
  margin-left: 0;
266 
  margin-right: 0;
267 
}
268 
 
3239 idir 269 
.volet {
3208 idir 270 
  height: 5rem;
271 
}
272 
 
3425 idir 273 
#identite {
3208 idir 274 
  height: auto;
275 
}
276 
 
277 
#bouton-connexion,
278 
#creation-compte {
279 
  display: -ms-flexbox;
280 
  display: flex;
281 
  height: 5rem;
282 
  -webkit-box-flex: 1;
283 
  -webkit-flex: 0 0 50%;
284 
  -ms-flex: 0 0 50%;
285 
  flex: 0 0 50%;
286 
  max-width: 50%;
287 
  -ms-flex-flow: row wrap;
288 
  flex-flow: row wrap;
289 
  min-height: 1px;
290 
  padding-right: 15px;
291 
  padding-left: 15px;
292 
  justify-content: left;
293 
  align-items: flex-start;
294 
  align-content: flex-middle;
295 
}
296 
 
3269 idir 297 
#ajouter-obs,
298 
#transmettre-obs {
3208 idir 299 
  color: #fff;
300 
  background-color: #b2cb43;
3425 idir 301 
  border: none;
302 
  border-radius: 0.1rem;
3208 idir 303 
}
304 
 
3269 idir 305 
#transmettre-obs:focus,
306 
#transmettre-obs:hover,
307 
#ajouter-obs:focus,
308 
#ajouter-obs:hover {
3208 idir 309 
  background-color: #a2b93b;
3425 idir 310 
  border: none;
3208 idir 311 
}
312 
 
3425 idir 313 
#utilisateur-connecte.volet {
3208 idir 314 
  padding-left: 2rem;
315 
}
316 
 
3425 idir 317 
#utilisateur-connecte.volet > a {
3208 idir 318 
  margin-left: 0;
319 
}
320 
 
3425 idir 321 
#utilisateur-connecte.volet #profil-utilisateur,
322 
#utilisateur-connecte.volet #deconnexion {
3239 idir 323 
  padding: 0 0.75rem;
324 
  margin: 0.2rem 0;
325 
}
326 
 
3425 idir 327 
#utilisateur-connecte.volet .volet-menu a {
3208 idir 328 
  font-size: 0.8rem;
329 
  font-weight: 400;
330 
  color: #606060;
331 
  background: inherit;
332 
  text-decoration: none;
333 
  display: block;
334 
  width: 100%;
335 
  padding-left: 5px;
336 
  line-height: 25px;
3239 idir 337 
  outline: 0;
3208 idir 338 
}
339 
 
3425 idir 340 
#utilisateur-connecte.volet #profil-utilisateur:hover,
341 
#utilisateur-connecte.volet #deconnexion:hover,
342 
#utilisateur-connecte.volet #profil-utilisateur:focus,
343 
#utilisateur-connecte.volet #deconnexion:focus {
344 
  background: #b2cb43;
3208 idir 345 
}
346 
 
3425 idir 347 
#utilisateur-connecte.volet .volet-menu a:hover,
348 
#utilisateur-connecte.volet .volet-menu a:focus {
3239 idir 349 
  color: #fff;
3208 idir 350 
}
351 
 
3425 idir 352 
#utilisateur-connecte .volet-menu {
3208 idir 353 
  position: absolute;
354 
  z-index: 1000;
355 
  min-width: auto;
356 
  list-style: none;
357 
  background-color: #fff;
358 
  border: 1px solid #ccc;
359 
  border: 1px solid rgba(0, 0, 0, 0.15);
360 
  border-radius: 4px;
361 
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
362 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
363 
}
364 
 
3239 idir 365 
.volet-menu div a {
3208 idir 366 
  color: #222;
367 
}
368 
 
3425 idir 369 
#utilisateur-connecte .volet-toggle::after {
3239 idir 370 
  font-family: "Font Awesome 5 Free";
371 
  font-size: 0.8rem;
372 
  font-weight: 900;
373 
  content: '\f0d7'
374 
}
375 
 
3208 idir 376 
/*******************************************/
377 
 
378 
.label-file {
379 
  overflow: hidden;
380 
  position: relative;
381 
  cursor: pointer;
382 
  border-radius: 0.25rem;
383 
  font-weight: 400;
384 
  font-size: 0.9rem;
385 
  text-align: center;
386 
  white-space: nowrap;
387 
  vertical-align: middle;
388 
  -webkit-user-select: none;
389 
  -moz-user-select: none;
390 
  -ms-user-select: none;
391 
  user-select: none;
392 
  border: 1px solid transparent;
393 
  padding: .375rem .75rem;
394 
  line-height: 1.5;
395 
  transition:
396 
    color .15s ease-in-out,
397 
    background-color .15s ease-in-out,
398 
    border-color .15s ease-in-out,
399 
    box-shadow .15s ease-in-out;
400 
  margin: 0;
401 
}
402 
 
403 
.label-file [type=file] {
404 
  cursor: inherit;
405 
  display: block;
406 
  font-size: 999px;
407 
  filter: alpha(opacity=0);
408 
  min-height: 100%;
409 
  min-width: 100%;
410 
  opacity: 0;
411 
  position: absolute;
412 
  right: 0;
413 
  text-align: right;
414 
  top: 0;
415 
}
416 
 
417 
.label-file [type=file] {
418 
  cursor: pointer;
419 
}
420 
 
421 
/*************************************/
422 
 
423 
#miniatures .miniature {
424 
  position: relative;
425 
  display: inline-block;
3427 idir 426 
  margin-bottom: 3rem;
3208 idir 427 
}
428 
 
429 
#miniatures .miniature .miniature-img {
3427 idir 430 
  width: 10vw;
3208 idir 431 
  vertical-align: top;
432 
}
433 
 
434 
#miniatures .miniature .effacer-miniature {
435 
  display: flex;
436 
  position: absolute;
437 
  left: 0;
438 
  right: 0;
3427 idir 439 
  bottom: -1.9rem;
440 
  font-size: 1rem;
441 
  background-color: #ff5d55;
442 
  opacity: 1;
443 
  color: #ffffff;
3208 idir 444 
  padding: 0;
445 
  margin: 0;
446 
  width: 100%;
3427 idir 447 
  height: 2rem;
3208 idir 448 
  align-items:center;
449 
  justify-content: center;
450 
  cursor: pointer;
3427 idir 451 
  border-bottom-right-radius: 0.2rem;
452 
  border-bottom-left-radius: 0.2rem;
3208 idir 453 
}
454 
 
3427 idir 455 
#miniatures .miniature .effacer-miniature:hover {
456 
  background-color: #ff847e;
3208 idir 457 
}
458 
.obs {
459 
  height: 10rem;
460 
  padding: 1rem;
461 
  border-radius: 0.25rem;
462 
  background-color: #fbfbfb;
463 
  border: 1px solid #eee;
3425 idir 464 
  overflow: hidden;
3208 idir 465 
}
466 
 
467 
.obs .nom-sci {
468 
  font-size: 1rem;
469 
}
470 
 
471 
.defilement-miniatures .defilement-miniatures-cache,
472 
.defilement-miniatures .miniature-cachee {
473 
  display: none;
474 
}
475 
 
476 
.defilement-miniatures {
477 
  display: flex;
478 
  align-items:center;
479 
  justify-content: center;
480 
  height: 8rem;
481 
}
482 
.defilement-miniatures figure {
483 
  display: inline-block;
484 
  min-height: 8rem;
485 
  line-height: 8rem;
486 
  text-align: center;
487 
  min-width: 80%;
488 
  width: 80%;
489 
  margin:0 auto;
490 
  padding: 0;
491 
}
492 
 
493 
.miniature-selectionnee {
494 
  vertical-align: middle;
495 
  max-height: 8rem;
496 
  max-width: 80%;
497 
}
498 
 
499 
.defilement-miniatures-gauche,
500 
.defilement-miniatures-droite {
501 
  display: inline-block;
502 
  color: #5bc0de;
503 
  vertical-align: middle;
504 
  outline-style: none;
505 
}
506 
 
507 
.defilement-miniatures-gauche:active,
508 
.defilement-miniatures-droite:active,
509 
.defilement-miniatures-gauche:focus,
510 
.defilement-miniatures-droite:focus {
511 
  color: #499fb7;
512 
}
513 
 
514 
.defilement-miniatures-gauche:hover,
515 
.defilement-miniatures-droite:hover {
516 
  color: #499fb7;
517 
}
518 
 
3239 idir 519 
#zone-prenom-nom #prenom,
520 
#zone-prenom-nom #nom {
521 
  z-index: 0;
522 
}
3208 idir 523 
 
524 
#transmettre-obs{
525 
  text-align: right;
526 
}
527 
 
528 
#zone-liste-obs h2.transmission-title {
529 
  display: inline-block;
530 
}
531 
 
532 
footer a {
533 
  display: inline-block;
534 
}
535 
 
3217 idir 536 
.help-button {
537 
  float: right;
538 
}
539 
 
3239 idir 540 
#image-fond {
541 
  position: fixed;
542 
  top:0;
543 
  bottom: 0;
544 
  left: 0;
545 
  right: 0;
546 
  z-index: -1;
547 
  min-width: 100%;
548 
  background-attachment: fixed;
549 
  margin: 0;
550 
  padding: 0;
551 
}
552 
 
3425 idir 553 
.modal-open,
554 
body.modal-open {
3239 idir 555 
  overflow: inherit !important;
556 
}
3260 idir 557 
 
3425 idir 558 
.modal-footer,
559 
.modal-header {
560 
  border-top: none;
561 
  border-bottom: none;
3242 idir 562 
}
3239 idir 563 
 
3208 idir 564 
/*************************************/
565 
 
3240 idir 566 
@media screen and ( max-width: 768px ) {
567 
 
3260 idir 568 
  #titre-projet {
569 
    font-size: 1.5rem;
570 
  }
571 
 
572 
  h2 {
573 
    font-size: 1.3rem;
574 
  }
575 
 
576 
  #logo {
577 
    max-width: 80%;
578 
  }
579 
 
3425 idir 580 
  #bouton-connexion,
581 
  #creation-compte {
3208 idir 582 
    display: block;
583 
    width: 100%;
3240 idir 584 
    position: static;
3208 idir 585 
  }
3427 idir 586 
  #miniatures .miniature .miniature-img {
587 
    width: 22.9vw;
588 
  }
589 
  #miniatures .miniature .effacer-miniature {
590 
    font-size: 0.8rem;
591 
  }
3240 idir 592 
 
593 
  #transmettre-obs.droite {
594 
    float: none;
595 
  }
596 
 
597 
  .obs {
598 
    height: auto;
599 
  }
600 
 
601 
  .obs .unstyled {
602 
    font-size: 0.6rem;
603 
  }
604 
 
605 
  .obs .nom-sci {
606 
    font-size: 0.8rem;
607 
  }
608 
 
609 
  .supprimer-obs {
610 
    overflow: hidden;
611 
  }
612 
 
613 
  #image-fond {
614 
    display: none;
615 
  }
3208 idir 616 
}