Subversion Repositories eFlore/Applications.cel

Rev

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