Subversion Repositories eFlore/Applications.cel

Rev

Rev 3242 | Rev 3269 | 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 
 
173 
.control-group.error input,
174 
.control-group.error select,
175 
.control-group.error textarea {
176 
  box-shadow: 0 0 1.5px 1px red;
177 
  border-color: #b94a48;
178 
  color: #b94a48;
179 
}
180 
 
181 
.control-group.error {
182 
  color: #b94a48;
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 
}
219 
#zone-appli .logo-tb {
220 
  position:absolute;
221 
  left: 10px;
222 
  top: 10px;
223 
}
224 
 
225 
#zone-appli .bloc-top {
226 
  border-top: 1px solid rgba(0,0,0,.1);
227 
  padding-top: 1rem;
228 
}
229 
 
230 
#zone-appli .bloc-bottom {
231 
  border-bottom: 1px solid rgba(0,0,0,.1);
232 
  padding-bottom: 1rem;
233 
}
234 
 
235 
.unstyled {
236 
  list-style-type: none;
237 
}
238 
 
239 
#zone-appli #formulaire form {
240 
  margin-bottom: 1.5rem;
241 
}
242 
 
243 
input[type="checkbox"],
244 
input[type="radio"],
245 
input.radio,
246 
input.checkbox {
247 
  vertical-align:text-top;
248 
  padding: 0;
249 
  margin-right: 10px;
250 
  position:relative;
251 
  overflow:hidden;
252 
  top:2px;
253 
}
254 
 
255 
#zone-appli #formulaire #form-supp #zone-supp .checkbox label,
256 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,
257 
#zone-appli #formulaire #form-supp #zone-supp .radio label {
258 
  align-items: center;
259 
  display: flex;
260 
  font-weight: 400;
261 
}
262 
 
263 
/*************************************************************************/
264 
 
265 
form#form-observateur,
266 
form#form-observation,
267 
form#form-supp,
268 
#tb-navigation,
269 
#tb-navbar{
270 
  min-width: 100%;
271 
  margin-left: 0;
272 
  margin-right: 0;
273 
}
274 
 
275 
.navbar-nav,
276 
.nav {
277 
  display: -ms-flexbox;
278 
  display: flex;
279 
  -ms-flex-wrap: wrap;
280 
  flex-wrap: wrap;
281 
  margin-right: -15px;
282 
  margin-left: -15px;
283 
  flex-direction: row;
284 
}
285 
 
286 
.navbar.navbar-default {
287 
  margin-bottom: 0;
288 
}
289 
 
3239 idir 290 
.volet {
3208 idir 291 
  height: 5rem;
292 
}
293 
 
294 
#anonyme {
295 
  height: auto;
296 
}
297 
 
298 
#bouton-connexion,
299 
#creation-compte {
300 
  display: -ms-flexbox;
301 
  display: flex;
302 
  height: 5rem;
303 
  -webkit-box-flex: 1;
304 
  -webkit-flex: 0 0 50%;
305 
  -ms-flex: 0 0 50%;
306 
  flex: 0 0 50%;
307 
  max-width: 50%;
308 
  -ms-flex-flow: row wrap;
309 
  flex-flow: row wrap;
310 
  min-height: 1px;
311 
  padding-right: 15px;
312 
  padding-left: 15px;
313 
  justify-content: left;
314 
  align-items: flex-start;
315 
  align-content: flex-middle;
316 
}
317 
 
318 
#bouton-connexion label,
319 
#creation-compte label {
320 
  width: 100%;
321 
}
322 
 
3239 idir 323 
.navbar-default .navbar-nav > .volet #bouton-anonyme,
324 
.navbar-default .navbar-nav > .volet #bouton-inscription {
3208 idir 325 
  width: auto;
326 
}
327 
 
3239 idir 328 
.navbar-default .navbar-nav > .volet > a  {
3208 idir 329 
  margin-left: 0.2rem;
330 
}
331 
 
332 
.navbar-default .navbar-nav #bouton-connexion a{
333 
  color: #fff;
334 
  background-color: #b2cb43;
335 
  border-color: #a1b92e;;
336 
}
337 
 
338 
.navbar-default .navbar-nav #bouton-connexion a:focus,
339 
.navbar-default .navbar-nav #bouton-connexion a:hover {
340 
  background-color: #a2b93b;
341 
  border-color: #9ab227;
342 
}
343 
 
3239 idir 344 
.navbar-default .navbar-nav #utilisateur-connecte.volet {
3208 idir 345 
  padding-left: 2rem;
346 
}
347 
 
3239 idir 348 
.navbar-default .navbar-nav #utilisateur-connecte.volet > a {
3208 idir 349 
  margin-left: 0;
350 
}
351 
 
3239 idir 352 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,
353 
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {
354 
  padding: 0 0.75rem;
355 
  margin: 0.2rem 0;
356 
}
357 
 
358 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a {
3208 idir 359 
  font-size: 0.8rem;
360 
  font-weight: 400;
361 
  color: #606060;
362 
  background: inherit;
363 
  text-decoration: none;
364 
  display: block;
365 
  width: 100%;
366 
  padding-left: 5px;
367 
  line-height: 25px;
3239 idir 368 
  outline: 0;
3208 idir 369 
}
370 
 
3239 idir 371 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,
372 
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,
373 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,
374 
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {
3208 idir 375 
  background: #1e90ff;
376 
}
377 
 
3239 idir 378 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,
379 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {
380 
  color: #fff;
3208 idir 381 
}
382 
 
3239 idir 383 
.navbar-nav .volet-menu {
3208 idir 384 
  position: absolute;
385 
  z-index: 1000;
386 
  min-width: auto;
387 
  list-style: none;
388 
  background-color: #fff;
389 
  border: 1px solid #ccc;
390 
  border: 1px solid rgba(0, 0, 0, 0.15);
391 
  border-radius: 4px;
392 
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
393 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
394 
}
395 
 
3239 idir 396 
.volet-menu div a {
3208 idir 397 
  color: #222;
398 
}
399 
 
3239 idir 400 
.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {
401 
  font-family: "Font Awesome 5 Free";
402 
  font-size: 0.8rem;
403 
  font-weight: 900;
404 
  content: '\f0d7'
405 
}
406 
 
3208 idir 407 
/*************************************************************************/
408 
 
409 
#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {
410 
  padding: 0;
411 
  margin: 0;
412 
}
413 
 
414 
#zone-appli #formulaire #form-supp #zone-supp select,
415 
#zone-appli #formulaire #form-supp #zone-supp .selectBox select {
416 
  background-color: #fff;
417 
  border: 1px solid #ced4da;
418 
}
419 
 
420 
#form-supp select,
421 
#form-supp .selectBox select{
422 
  border-radius: 0.3rem;
423 
}
424 
 
425 
#form-supp .select-wrapper,
426 
#zone-appli #formulaire #form-supp #zone-supp .selectBox {
427 
  position: relative;
428 
  z-index: 1000;
429 
  border-radius: 0.3rem;
430 
}
431 
 
432 
#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {
433 
  border-color: #80bdff;
434 
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
435 
}
436 
 
437 
#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {
438 
  border:none;
439 
}
440 
 
441 
#zone-appli #formulaire #form-supp #zone-supp .overSelect {
442 
  position: absolute;
443 
  z-index: 999;
444 
  left: 0;
445 
  right: 0;
446 
  top: 0;
447 
  bottom: 0;
448 
}
449 
 
450 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes {
451 
  position: absolute;
3240 idir 452 
  z-index: 1001;
453 
  top: 120%;
3208 idir 454 
  left: 1rem;
455 
  right: 1rem;
456 
  background-color: #fff;
457 
  border: 1px solid #ced4da;
3240 idir 458 
  border-top: 0;
3208 idir 459 
  border-radius: 0 0 0.3rem 0.3rem;
460 
  margin-top: -0.3rem;
461 
}
462 
 
463 
#zone-appli #formulaire #form-supp #zone-supp .label label,
464 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {
465 
  display: block;
466 
  padding: 0.5rem;
467 
  font-weight: 400;
468 
  margin:0;
469 
}
470 
 
471 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {
472 
  background: #1e90ff;
473 
  color: #fff;
474 
}
475 
 
476 
#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {
477 
  padding-block-start: 0;
478 
  padding-block-end: 0;
479 
  padding-inline-start: 0;
480 
  padding-inline-end: 0;
481 
}
482 
 
483 
#zone-appli #formulaire #form-supp #zone-supp .collect-other {
484 
  margin: 0.5rem;
3242 idir 485 
  width: 90%;
3208 idir 486 
}
487 
 
488 
/*************************************************************************/
489 
 
3240 idir 490 
.range-values {
3239 idir 491 
  color: #606060;
492 
}
493 
 
494 
.range-live-value {
495 
  padding-top: 1rem;
496 
  font-size: 1rem;
497 
}
498 
 
3208 idir 499 
/*******************************************/
500 
 
501 
.label-file {
502 
  overflow: hidden;
503 
  position: relative;
504 
  cursor: pointer;
505 
  border-radius: 0.25rem;
506 
  font-weight: 400;
507 
  font-size: 0.9rem;
508 
  text-align: center;
509 
  white-space: nowrap;
510 
  vertical-align: middle;
511 
  -webkit-user-select: none;
512 
  -moz-user-select: none;
513 
  -ms-user-select: none;
514 
  user-select: none;
515 
  border: 1px solid transparent;
516 
  padding: .375rem .75rem;
517 
  line-height: 1.5;
518 
  transition:
519 
    color .15s ease-in-out,
520 
    background-color .15s ease-in-out,
521 
    border-color .15s ease-in-out,
522 
    box-shadow .15s ease-in-out;
523 
  margin: 0;
524 
}
525 
 
526 
.label-file [type=file] {
527 
  cursor: inherit;
528 
  display: block;
529 
  font-size: 999px;
530 
  filter: alpha(opacity=0);
531 
  min-height: 100%;
532 
  min-width: 100%;
533 
  opacity: 0;
534 
  position: absolute;
535 
  right: 0;
536 
  text-align: right;
537 
  top: 0;
538 
}
539 
 
540 
.label-file [type=file] {
541 
  cursor: pointer;
542 
}
543 
 
544 
/*************************************/
545 
 
546 
#miniatures .miniature {
547 
  position: relative;
548 
  display: inline-block;
549 
 
550 
}
551 
 
552 
#miniatures .miniature .miniature-img {
553 
  vertical-align: top;
554 
  width: 10rem;
555 
  height: 100%;
556 
}
557 
 
558 
#miniatures .miniature .effacer-miniature {
559 
  display: flex;
560 
  position: absolute;
561 
  left: 0;
562 
  right: 0;
563 
  top: 0;
564 
  bottom: 0;
565 
  font-size: 2rem;
566 
  background-color: rgba(0, 0, 0, 0.3);
567 
  opacity: 0;
568 
  color: #fff;
569 
  padding: 0;
570 
  margin: 0;
571 
  height: 100%;
572 
  width: 100%;
573 
  align-items:center;
574 
  justify-content: center;
575 
  cursor: pointer;
576 
}
577 
 
578 
#miniatures .miniature .effacer-miniature:hover,
579 
#miniatures .miniature .effacer-miniature:focus {
580 
  opacity: 1;
581 
}
582 
 
583 
.obs {
584 
  height: 10rem;
585 
  padding: 1rem;
586 
  border-radius: 0.25rem;
587 
  background-color: #fbfbfb;
588 
  border: 1px solid #eee;
589 
}
590 
 
591 
.obs .nom-sci {
592 
  font-size: 1rem;
593 
}
594 
 
595 
.defilement-miniatures .defilement-miniatures-cache,
596 
.defilement-miniatures .miniature-cachee {
597 
  display: none;
598 
}
599 
 
600 
.defilement-miniatures {
601 
  display: flex;
602 
  align-items:center;
603 
  justify-content: center;
604 
  height: 8rem;
605 
}
606 
.defilement-miniatures figure {
607 
  display: inline-block;
608 
  min-height: 8rem;
609 
  line-height: 8rem;
610 
  text-align: center;
611 
  min-width: 80%;
612 
  width: 80%;
613 
  margin:0 auto;
614 
  padding: 0;
615 
}
616 
 
617 
.miniature-selectionnee {
618 
  vertical-align: middle;
619 
  max-height: 8rem;
620 
  max-width: 80%;
621 
}
622 
 
623 
.defilement-miniatures-gauche,
624 
.defilement-miniatures-droite {
625 
  display: inline-block;
626 
  color: #5bc0de;
627 
  vertical-align: middle;
628 
  outline-style: none;
629 
}
630 
 
631 
.defilement-miniatures-gauche:active,
632 
.defilement-miniatures-droite:active,
633 
.defilement-miniatures-gauche:focus,
634 
.defilement-miniatures-droite:focus {
635 
  color: #499fb7;
636 
}
637 
 
638 
.defilement-miniatures-gauche:hover,
639 
.defilement-miniatures-droite:hover {
640 
  color: #499fb7;
641 
}
642 
 
3239 idir 643 
#zone-prenom-nom #prenom,
644 
#zone-prenom-nom #nom {
645 
  z-index: 0;
646 
}
3208 idir 647 
 
648 
#transmettre-obs{
649 
  text-align: right;
650 
}
651 
 
652 
#zone-liste-obs h2.transmission-title {
653 
  display: inline-block;
654 
}
655 
 
656 
footer a {
657 
  display: inline-block;
658 
}
659 
 
3217 idir 660 
.help-button {
661 
  float: right;
662 
}
663 
 
3239 idir 664 
#image-fond {
665 
  position: fixed;
666 
  top:0;
667 
  bottom: 0;
668 
  left: 0;
669 
  right: 0;
670 
  z-index: -1;
671 
  min-width: 100%;
672 
  background-attachment: fixed;
673 
  margin: 0;
674 
  padding: 0;
675 
}
676 
 
677 
.modal-open, body.modal-open {
678 
  overflow: inherit !important;
679 
}
3260 idir 680 
 
3242 idir 681 
.custom-range {
682 
  border: none;
683 
}
3239 idir 684 
 
3208 idir 685 
/*************************************/
686 
 
3240 idir 687 
@media screen and ( max-width: 768px ) {
688 
 
3260 idir 689 
  #titre-projet {
690 
    font-size: 1.5rem;
691 
  }
692 
 
693 
  h2 {
694 
    font-size: 1.3rem;
695 
  }
696 
 
697 
  #logo {
698 
    max-width: 80%;
699 
  }
700 
 
3208 idir 701 
  #bouton-connexion, #creation-compte {
702 
    display: block;
703 
    width: 100%;
3240 idir 704 
    position: static;
3208 idir 705 
  }
3240 idir 706 
 
707 
  .navbar-nav, .nav {
708 
    flex-direction: column;
709 
  }
710 
 
711 
  #transmettre-obs.droite {
712 
    float: none;
713 
  }
714 
 
715 
  .obs {
716 
    height: auto;
717 
  }
718 
 
719 
  .obs .unstyled {
720 
    font-size: 0.6rem;
721 
  }
722 
 
723 
  .obs .nom-sci {
724 
    font-size: 0.8rem;
725 
  }
726 
 
727 
  .supprimer-obs {
728 
    overflow: hidden;
729 
  }
730 
 
731 
  #image-fond {
732 
    display: none;
733 
  }
3208 idir 734 
}
735 
 
3240 idir 736