Subversion Repositories eFlore/Applications.cel

Rev

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