Subversion Repositories eFlore/Applications.cel

Rev

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