Subversion Repositories eFlore/Applications.cel

Rev

Rev 3269 | Rev 3274 | 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;
3120 delphine 26 
}
27 
 
28 
form {
3208 idir 29 
  font-family: Muli,sans-serif;
30 
  float: none;
3120 delphine 31 
}
32 
 
33 
h1 {
3208 idir 34 
  font-weight: 700;
35 
  font-size: 2rem;
3120 delphine 36 
}
37 
 
3208 idir 38 
#zone-appli .form-block {
39 
  margin-bottom: 2rem;
40 
}
41 
 
3120 delphine 42 
h2 {
3208 idir 43 
  font-weight: 700;
44 
  line-height: 1.15;
45 
  font-size: 1.5rem;
3120 delphine 46 
}
47 
 
3208 idir 48 
h3 {
49 
  font-size: 1.2rem;
50 
}
51 
 
52 
#zone-appli .obligatoire::before {
53 
  content: '*';
54 
  position: absolute;
55 
  left: 0;
56 
}
57 
 
58 
.btn.focus,
59 
.btn:focus {
60 
  box-shadow: none;
61 
}
62 
 
63 
.btn.btn-primary,
64 
.btn.btn-info,
65 
.btn.btn-success,
66 
.btn.btn-danger,
67 
.btn.btn-inverse {
68 
  color: #fff !important;
69 
}
70 
 
3120 delphine 71 
button {
3208 idir 72 
  -moz-border-bottom-colors: none;
73 
  -moz-border-left-colors: none;
74 
  -moz-border-right-colors: none;
75 
  -moz-border-top-colors: none;
76 
  background-color: #a2b93b;
77 
  border-bottom-color: currentcolor;
78 
  border-bottom-left-radius: 0.2rem;
79 
  border-bottom-right-radius: 0.2rem;
80 
  border-bottom-style: none;
81 
  border-bottom-width: 0;
82 
  border-image-outset: 0 0 0 0;
83 
  border-image-repeat: stretch stretch;
84 
  border-image-slice: 100% 100% 100% 100%;
85 
  border-image-source: none;
86 
  border-image-width: 1 1 1 1;
87 
  border-left-color: currentcolor;
88 
  border-left-style: none;
89 
  border-left-width: 0;
90 
  border-right-color: currentcolor;
91 
  border-right-style: none;
92 
  border-right-width: 0;
93 
  border-top-color: currentcolor;
94 
  border-top-left-radius: 0.2rem;
95 
  border-top-right-radius: 0.2rem;
96 
  border-top-style: none;
97 
  border-top-width: 0;
98 
  color: #fff;
99 
  cursor: pointer;
100 
  display: inline-block;
101 
  font-family: Ubuntu,sans-serif;
102 
  font-size: 1.3rem;
103 
  font-weight: 500;
104 
  letter-spacing: 0.1rem;
105 
  line-height: 1.5rem;
106 
  padding-bottom: 1.25rem;
107 
  padding-left: 2rem;
108 
  padding-right: 2rem;
109 
  padding-top: 1.25rem;
110 
  text-align: center;
111 
  text-decoration-color: currentcolor;
112 
  text-decoration-line: none;
113 
  text-decoration-style: solid;
114 
  text-transform: uppercase;
115 
  transition-delay: 0s;
116 
  transition-duration: 0.2s;
117 
  transition-property: background;
118 
  transition-timing-function: ease;
3120 delphine 119 
}
120 
 
3208 idir 121 
.mb2,
122 
.mb-3 {
123 
  align-self: start;
3120 delphine 124 
}
125 
 
3208 idir 126 
label,
127 
#zone-appli  .list-label {
128 
  color: #606060;
129 
  display: block;
130 
  font-size: 0.9rem;
131 
  font-weight: 700;
132 
}
133 
 
134 
#zone-appli .form-inline label,
135 
#zone-appli .form-inline .list-label {
136 
  align-items: start;
137 
  align-self: start;
138 
  justify-content: left;
139 
  align-content: flex-start;
140 
}
141 
 
3120 delphine 142 
h1#widget-titre::before {
3208 idir 143 
  content: "";
144 
  display: block;
145 
  height: 100%;
146 
  left: -5rem;
147 
  position: absolute;
148 
  width: 0.4rem;
3120 delphine 149 
}
150 
 
151 
h1#widget-titre {
3208 idir 152 
  font-size: 2.6rem;
153 
  font-weight: 700;
154 
  line-height: 3.2rem;
155 
  margin-bottom: 0;
156 
  margin-left: 0;
157 
  margin-right: 0;
158 
  margin-top: 0;
159 
  position: relative;
160 
  color: #232323;
161 
  font-family: Ubuntu,sans-serif;
3120 delphine 162 
}
163 
 
3208 idir 164 
#zone-appli .hidden {
165 
  display: none !important;
3120 delphine 166 
}
167 
 
3208 idir 168 
#zone-appli .warning {
169 
  color: #ff5d55;
170 
  font-weight: 700;
171 
}
172 
 
3270 idir 173 
#photos-conteneur label.label-file.error,
3208 idir 174 
.control-group.error input,
175 
.control-group.error select,
176 
.control-group.error textarea {
177 
  box-shadow: 0 0 1.5px 1px red;
178 
  border-color: #b94a48;
179 
  color: #b94a48;
180 
}
181 
 
182 
.control-group.error {
183 
  color: #b94a48;
184 
}
185 
 
186 
#zone-appli .centre {
187 
  margin: 0 auto !important;
188 
  justify-content: center !important;
189 
}
190 
 
191 
#zone-appli .droite {
192 
  float: right;
193 
}
194 
 
195 
#zone-appli .info {
196 
  padding: 1rem;
197 
  background-color: #ccecf1;
198 
  border-color: #7ccedb;
199 
  color: #006979;
200 
  fill: #006979;
201 
  border-radius: 0.2rem;
202 
}
203 
 
204 
#zone-appli .clear {
3120 delphine 205 
  clear: both;
206 
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
207 
}
208 
 
3208 idir 209 
#zone-appli .ui-widget{
210 
  font-family: Muli,sans-serif;
211 
}
212 
 
213 
#zone-appli .form-inline .form-control {
214 
  width: 100%;
215 
}
216 
 
217 
#zone-appli #logo_hires {
218 
  display: none;
219 
}
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;
238 
}
239 
 
240 
#zone-appli #formulaire form {
241 
  margin-bottom: 1.5rem;
242 
}
243 
 
244 
input[type="checkbox"],
245 
input[type="radio"],
246 
input.radio,
247 
input.checkbox {
248 
  vertical-align:text-top;
249 
  padding: 0;
250 
  margin-right: 10px;
251 
  position:relative;
252 
  overflow:hidden;
253 
  top:2px;
254 
}
255 
 
256 
#zone-appli #formulaire #form-supp #zone-supp .checkbox label,
257 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,
258 
#zone-appli #formulaire #form-supp #zone-supp .radio label {
259 
  align-items: center;
260 
  display: flex;
261 
  font-weight: 400;
262 
}
263 
 
264 
/*************************************************************************/
265 
 
266 
form#form-observateur,
267 
form#form-observation,
268 
form#form-supp,
269 
#tb-navigation,
270 
#tb-navbar{
271 
  min-width: 100%;
272 
  margin-left: 0;
273 
  margin-right: 0;
274 
}
275 
 
276 
.navbar-nav,
277 
.nav {
278 
  display: -ms-flexbox;
279 
  display: flex;
280 
  -ms-flex-wrap: wrap;
281 
  flex-wrap: wrap;
282 
  margin-right: -15px;
283 
  margin-left: -15px;
284 
  flex-direction: row;
285 
}
286 
 
287 
.navbar.navbar-default {
288 
  margin-bottom: 0;
289 
}
290 
 
3239 idir 291 
.volet {
3208 idir 292 
  height: 5rem;
293 
}
294 
 
295 
#anonyme {
296 
  height: auto;
297 
}
298 
 
299 
#bouton-connexion,
300 
#creation-compte {
301 
  display: -ms-flexbox;
302 
  display: flex;
303 
  height: 5rem;
304 
  -webkit-box-flex: 1;
305 
  -webkit-flex: 0 0 50%;
306 
  -ms-flex: 0 0 50%;
307 
  flex: 0 0 50%;
308 
  max-width: 50%;
309 
  -ms-flex-flow: row wrap;
310 
  flex-flow: row wrap;
311 
  min-height: 1px;
312 
  padding-right: 15px;
313 
  padding-left: 15px;
314 
  justify-content: left;
315 
  align-items: flex-start;
316 
  align-content: flex-middle;
317 
}
318 
 
319 
#bouton-connexion label,
320 
#creation-compte label {
321 
  width: 100%;
322 
}
323 
 
3239 idir 324 
.navbar-default .navbar-nav > .volet #bouton-anonyme,
325 
.navbar-default .navbar-nav > .volet #bouton-inscription {
3208 idir 326 
  width: auto;
327 
}
328 
 
3239 idir 329 
.navbar-default .navbar-nav > .volet > a  {
3208 idir 330 
  margin-left: 0.2rem;
331 
}
332 
 
3269 idir 333 
.navbar-default .navbar-nav #bouton-connexion a,
334 
#ajouter-obs,
335 
#transmettre-obs {
3208 idir 336 
  color: #fff;
337 
  background-color: #b2cb43;
338 
  border-color: #a1b92e;;
339 
}
340 
 
341 
.navbar-default .navbar-nav #bouton-connexion a:focus,
3269 idir 342 
.navbar-default .navbar-nav #bouton-connexion a:hover,
343 
#transmettre-obs:focus,
344 
#transmettre-obs:hover,
345 
#ajouter-obs:focus,
346 
#ajouter-obs:hover {
3208 idir 347 
  background-color: #a2b93b;
348 
  border-color: #9ab227;
349 
}
350 
 
3239 idir 351 
.navbar-default .navbar-nav #utilisateur-connecte.volet {
3208 idir 352 
  padding-left: 2rem;
353 
}
354 
 
3239 idir 355 
.navbar-default .navbar-nav #utilisateur-connecte.volet > a {
3208 idir 356 
  margin-left: 0;
357 
}
358 
 
3239 idir 359 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,
360 
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {
361 
  padding: 0 0.75rem;
362 
  margin: 0.2rem 0;
363 
}
364 
 
365 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a {
3208 idir 366 
  font-size: 0.8rem;
367 
  font-weight: 400;
368 
  color: #606060;
369 
  background: inherit;
370 
  text-decoration: none;
371 
  display: block;
372 
  width: 100%;
373 
  padding-left: 5px;
374 
  line-height: 25px;
3239 idir 375 
  outline: 0;
3208 idir 376 
}
377 
 
3239 idir 378 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,
379 
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,
380 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,
381 
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {
3208 idir 382 
  background: #1e90ff;
383 
}
384 
 
3239 idir 385 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,
386 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {
387 
  color: #fff;
3208 idir 388 
}
389 
 
3239 idir 390 
.navbar-nav .volet-menu {
3208 idir 391 
  position: absolute;
392 
  z-index: 1000;
393 
  min-width: auto;
394 
  list-style: none;
395 
  background-color: #fff;
396 
  border: 1px solid #ccc;
397 
  border: 1px solid rgba(0, 0, 0, 0.15);
398 
  border-radius: 4px;
399 
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
400 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
401 
}
402 
 
3239 idir 403 
.volet-menu div a {
3208 idir 404 
  color: #222;
405 
}
406 
 
3239 idir 407 
.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {
408 
  font-family: "Font Awesome 5 Free";
409 
  font-size: 0.8rem;
410 
  font-weight: 900;
411 
  content: '\f0d7'
412 
}
413 
 
3208 idir 414 
/*************************************************************************/
415 
 
416 
#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {
417 
  padding: 0;
418 
  margin: 0;
419 
}
420 
 
421 
#zone-appli #formulaire #form-supp #zone-supp select,
422 
#zone-appli #formulaire #form-supp #zone-supp .selectBox select {
423 
  background-color: #fff;
424 
  border: 1px solid #ced4da;
425 
}
426 
 
427 
#form-supp select,
428 
#form-supp .selectBox select{
429 
  border-radius: 0.3rem;
430 
}
431 
 
432 
#form-supp .select-wrapper,
433 
#zone-appli #formulaire #form-supp #zone-supp .selectBox {
434 
  position: relative;
435 
  z-index: 1000;
436 
  border-radius: 0.3rem;
437 
}
438 
 
439 
#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {
440 
  border-color: #80bdff;
441 
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
442 
}
443 
 
444 
#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {
445 
  border:none;
446 
}
447 
 
448 
#zone-appli #formulaire #form-supp #zone-supp .overSelect {
449 
  position: absolute;
450 
  z-index: 999;
451 
  left: 0;
452 
  right: 0;
453 
  top: 0;
454 
  bottom: 0;
455 
}
456 
 
457 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes {
458 
  position: absolute;
3240 idir 459 
  z-index: 1001;
460 
  top: 120%;
3208 idir 461 
  left: 1rem;
462 
  right: 1rem;
463 
  background-color: #fff;
464 
  border: 1px solid #ced4da;
3240 idir 465 
  border-top: 0;
3208 idir 466 
  border-radius: 0 0 0.3rem 0.3rem;
467 
  margin-top: -0.3rem;
468 
}
469 
 
470 
#zone-appli #formulaire #form-supp #zone-supp .label label,
471 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {
472 
  display: block;
473 
  padding: 0.5rem;
474 
  font-weight: 400;
475 
  margin:0;
476 
}
477 
 
478 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {
479 
  background: #1e90ff;
480 
  color: #fff;
481 
}
482 
 
483 
#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {
484 
  padding-block-start: 0;
485 
  padding-block-end: 0;
486 
  padding-inline-start: 0;
487 
  padding-inline-end: 0;
488 
}
489 
 
490 
#zone-appli #formulaire #form-supp #zone-supp .collect-other {
491 
  margin: 0.5rem;
3242 idir 492 
  width: 90%;
3208 idir 493 
}
494 
 
495 
/*************************************************************************/
496 
 
3240 idir 497 
.range-values {
3239 idir 498 
  color: #606060;
499 
}
500 
 
501 
.range-live-value {
502 
  padding-top: 1rem;
503 
  font-size: 1rem;
504 
}
505 
 
3208 idir 506 
/*******************************************/
507 
 
508 
.label-file {
509 
  overflow: hidden;
510 
  position: relative;
511 
  cursor: pointer;
512 
  border-radius: 0.25rem;
513 
  font-weight: 400;
514 
  font-size: 0.9rem;
515 
  text-align: center;
516 
  white-space: nowrap;
517 
  vertical-align: middle;
518 
  -webkit-user-select: none;
519 
  -moz-user-select: none;
520 
  -ms-user-select: none;
521 
  user-select: none;
522 
  border: 1px solid transparent;
523 
  padding: .375rem .75rem;
524 
  line-height: 1.5;
525 
  transition:
526 
    color .15s ease-in-out,
527 
    background-color .15s ease-in-out,
528 
    border-color .15s ease-in-out,
529 
    box-shadow .15s ease-in-out;
530 
  margin: 0;
531 
}
532 
 
533 
.label-file [type=file] {
534 
  cursor: inherit;
535 
  display: block;
536 
  font-size: 999px;
537 
  filter: alpha(opacity=0);
538 
  min-height: 100%;
539 
  min-width: 100%;
540 
  opacity: 0;
541 
  position: absolute;
542 
  right: 0;
543 
  text-align: right;
544 
  top: 0;
545 
}
546 
 
547 
.label-file [type=file] {
548 
  cursor: pointer;
549 
}
550 
 
551 
/*************************************/
552 
 
553 
#miniatures .miniature {
554 
  position: relative;
555 
  display: inline-block;
556 
 
557 
}
558 
 
559 
#miniatures .miniature .miniature-img {
560 
  vertical-align: top;
561 
  width: 10rem;
562 
  height: 100%;
563 
}
564 
 
565 
#miniatures .miniature .effacer-miniature {
566 
  display: flex;
567 
  position: absolute;
568 
  left: 0;
569 
  right: 0;
570 
  top: 0;
571 
  bottom: 0;
572 
  font-size: 2rem;
573 
  background-color: rgba(0, 0, 0, 0.3);
574 
  opacity: 0;
575 
  color: #fff;
576 
  padding: 0;
577 
  margin: 0;
578 
  height: 100%;
579 
  width: 100%;
580 
  align-items:center;
581 
  justify-content: center;
582 
  cursor: pointer;
583 
}
584 
 
585 
#miniatures .miniature .effacer-miniature:hover,
586 
#miniatures .miniature .effacer-miniature:focus {
587 
  opacity: 1;
588 
}
589 
 
590 
.obs {
591 
  height: 10rem;
592 
  padding: 1rem;
593 
  border-radius: 0.25rem;
594 
  background-color: #fbfbfb;
595 
  border: 1px solid #eee;
596 
}
597 
 
598 
.obs .nom-sci {
599 
  font-size: 1rem;
600 
}
601 
 
602 
.defilement-miniatures .defilement-miniatures-cache,
603 
.defilement-miniatures .miniature-cachee {
604 
  display: none;
605 
}
606 
 
607 
.defilement-miniatures {
608 
  display: flex;
609 
  align-items:center;
610 
  justify-content: center;
611 
  height: 8rem;
612 
}
613 
.defilement-miniatures figure {
614 
  display: inline-block;
615 
  min-height: 8rem;
616 
  line-height: 8rem;
617 
  text-align: center;
618 
  min-width: 80%;
619 
  width: 80%;
620 
  margin:0 auto;
621 
  padding: 0;
622 
}
623 
 
624 
.miniature-selectionnee {
625 
  vertical-align: middle;
626 
  max-height: 8rem;
627 
  max-width: 80%;
628 
}
629 
 
630 
.defilement-miniatures-gauche,
631 
.defilement-miniatures-droite {
632 
  display: inline-block;
633 
  color: #5bc0de;
634 
  vertical-align: middle;
635 
  outline-style: none;
636 
}
637 
 
638 
.defilement-miniatures-gauche:active,
639 
.defilement-miniatures-droite:active,
640 
.defilement-miniatures-gauche:focus,
641 
.defilement-miniatures-droite:focus {
642 
  color: #499fb7;
643 
}
644 
 
645 
.defilement-miniatures-gauche:hover,
646 
.defilement-miniatures-droite:hover {
647 
  color: #499fb7;
648 
}
649 
 
3239 idir 650 
#zone-prenom-nom #prenom,
651 
#zone-prenom-nom #nom {
652 
  z-index: 0;
653 
}
3208 idir 654 
 
655 
#transmettre-obs{
656 
  text-align: right;
657 
}
658 
 
659 
#zone-liste-obs h2.transmission-title {
660 
  display: inline-block;
661 
}
662 
 
663 
footer a {
664 
  display: inline-block;
665 
}
666 
 
3217 idir 667 
.help-button {
668 
  float: right;
669 
}
670 
 
3239 idir 671 
#image-fond {
672 
  position: fixed;
673 
  top:0;
674 
  bottom: 0;
675 
  left: 0;
676 
  right: 0;
677 
  z-index: -1;
678 
  min-width: 100%;
679 
  background-attachment: fixed;
680 
  margin: 0;
681 
  padding: 0;
682 
}
683 
 
684 
.modal-open, body.modal-open {
685 
  overflow: inherit !important;
686 
}
3260 idir 687 
 
3242 idir 688 
.custom-range {
689 
  border: none;
690 
}
3239 idir 691 
 
3208 idir 692 
/*************************************/
693 
 
3240 idir 694 
@media screen and ( max-width: 768px ) {
695 
 
3260 idir 696 
  #titre-projet {
697 
    font-size: 1.5rem;
698 
  }
699 
 
700 
  h2 {
701 
    font-size: 1.3rem;
702 
  }
703 
 
704 
  #logo {
705 
    max-width: 80%;
706 
  }
707 
 
3208 idir 708 
  #bouton-connexion, #creation-compte {
709 
    display: block;
710 
    width: 100%;
3240 idir 711 
    position: static;
3208 idir 712 
  }
3240 idir 713 
 
714 
  .navbar-nav, .nav {
715 
    flex-direction: column;
716 
  }
717 
 
718 
  #transmettre-obs.droite {
719 
    float: none;
720 
  }
721 
 
722 
  .obs {
723 
    height: auto;
724 
  }
725 
 
726 
  .obs .unstyled {
727 
    font-size: 0.6rem;
728 
  }
729 
 
730 
  .obs .nom-sci {
731 
    font-size: 0.8rem;
732 
  }
733 
 
734 
  .supprimer-obs {
735 
    overflow: hidden;
736 
  }
737 
 
738 
  #image-fond {
739 
    display: none;
740 
  }
3208 idir 741 
}
742 
 
3240 idir 743