Subversion Repositories eFlore/Applications.cel

Rev

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