Subversion Repositories eFlore/Applications.cel

Rev

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