Subversion Repositories eFlore/Applications.cel

Rev

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