23,6 → 23,8 |
|
h1, h2, h3, h4, h5 { |
font-family: Muli,sans-serif; |
color: #606060; |
font-weight: 700; |
} |
|
form { |
35,10 → 37,6 |
font-size: 2rem; |
} |
|
#zone-appli .form-block { |
margin-bottom: 2rem; |
} |
|
h2 { |
font-weight: 700; |
line-height: 1.15; |
49,6 → 47,10 |
font-size: 1.2rem; |
} |
|
ul { |
padding-inline-start: 0; |
} |
|
#zone-appli .obligatoire::before { |
content: '*'; |
position: absolute; |
68,6 → 70,19 |
color: #fff !important; |
} |
|
.btn.btn-primary, |
.btn.btn-info, |
.btn.btn-success, |
.btn.btn-danger, |
.btn.btn-inverse, |
.btn.btn-outline-primary, |
.btn.btn-outline-info, |
.btn.btn-outline-success, |
.btn.btn-outline-danger, |
.btn.btn-outline-inverse { |
border-radius: 0.15rem; |
} |
|
button { |
-moz-border-bottom-colors: none; |
-moz-border-left-colors: none; |
124,7 → 139,7 |
} |
|
label, |
#zone-appli .list-label { |
#zone-appli .list-label { |
color: #606060; |
display: block; |
font-size: 0.9rem; |
139,28 → 154,6 |
align-content: flex-start; |
} |
|
h1#widget-titre::before { |
content: ""; |
display: block; |
height: 100%; |
left: -5rem; |
position: absolute; |
width: 0.4rem; |
} |
|
h1#widget-titre { |
font-size: 2.6rem; |
font-weight: 700; |
line-height: 3.2rem; |
margin-bottom: 0; |
margin-left: 0; |
margin-right: 0; |
margin-top: 0; |
position: relative; |
color: #232323; |
font-family: Ubuntu,sans-serif; |
} |
|
#zone-appli .hidden { |
display: none !important; |
} |
172,9 → 165,9 |
|
#photos-conteneur label.label-file.error, |
.control-group.error #connexion, |
.control-group.error #bouton-inscription, |
.control-group.error #inscription, |
.control-group.error #bouton-anonyme, |
.control-group.error #geoloc, |
.control-group.error .geoloc, |
.control-group.error input, |
.control-group.error select, |
.control-group.error textarea { |
183,8 → 176,10 |
color: #b94a48; |
} |
|
.control-group.error { |
color: #b94a48; |
.control-group .erreur, |
.control-group.error, |
span.error { |
color: #b94a48 !important; |
} |
|
#zone-appli .centre { |
221,6 → 216,7 |
#zone-appli #logo_hires { |
display: none; |
} |
|
#zone-appli .logo-tb { |
position:absolute; |
left: 10px; |
239,6 → 235,10 |
|
.unstyled { |
list-style-type: none; |
overflow-y: auto; |
overflow-x: initial; |
height: 8rem; |
padding: 1rem; |
} |
|
#zone-appli #formulaire form { |
257,46 → 257,20 |
top:2px; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .checkbox label, |
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label, |
#zone-appli #formulaire #form-supp #zone-supp .radio label { |
align-items: center; |
display: flex; |
font-weight: 400; |
} |
|
/*************************************************************************/ |
|
form#form-observateur, |
form#form-observation, |
form#form-supp, |
#tb-navigation, |
#tb-navbar{ |
form#form-observation { |
min-width: 100%; |
margin-left: 0; |
margin-right: 0; |
} |
|
.navbar-nav, |
.nav { |
display: -ms-flexbox; |
display: flex; |
-ms-flex-wrap: wrap; |
flex-wrap: wrap; |
margin-right: -15px; |
margin-left: -15px; |
flex-direction: row; |
} |
|
.navbar.navbar-default { |
margin-bottom: 0; |
} |
|
.volet { |
height: 5rem; |
} |
|
#anonyme { |
#identite { |
height: auto; |
} |
|
320,53 → 294,37 |
align-content: flex-middle; |
} |
|
#bouton-connexion label, |
#creation-compte label { |
width: 100%; |
} |
|
.navbar-default .navbar-nav > .volet #bouton-anonyme, |
.navbar-default .navbar-nav > .volet #bouton-inscription { |
width: auto; |
} |
|
.navbar-default .navbar-nav > .volet > a { |
margin-left: 0.2rem; |
} |
|
.navbar-default .navbar-nav #bouton-connexion a, |
#ajouter-obs, |
#transmettre-obs { |
color: #fff; |
background-color: #b2cb43; |
border-color: #a1b92e;; |
border: none; |
border-radius: 0.1rem; |
} |
|
.navbar-default .navbar-nav #bouton-connexion a:focus, |
.navbar-default .navbar-nav #bouton-connexion a:hover, |
#transmettre-obs:focus, |
#transmettre-obs:hover, |
#ajouter-obs:focus, |
#ajouter-obs:hover { |
background-color: #a2b93b; |
border-color: #9ab227; |
border: none; |
} |
|
.navbar-default .navbar-nav #utilisateur-connecte.volet { |
#utilisateur-connecte.volet { |
padding-left: 2rem; |
} |
|
.navbar-default .navbar-nav #utilisateur-connecte.volet > a { |
#utilisateur-connecte.volet > a { |
margin-left: 0; |
} |
|
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur, |
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion { |
#utilisateur-connecte.volet #profil-utilisateur, |
#utilisateur-connecte.volet #deconnexion { |
padding: 0 0.75rem; |
margin: 0.2rem 0; |
} |
|
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a { |
#utilisateur-connecte.volet .volet-menu a { |
font-size: 0.8rem; |
font-weight: 400; |
color: #606060; |
379,19 → 337,19 |
outline: 0; |
} |
|
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover, |
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover, |
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus, |
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus { |
background: #1e90ff; |
#utilisateur-connecte.volet #profil-utilisateur:hover, |
#utilisateur-connecte.volet #deconnexion:hover, |
#utilisateur-connecte.volet #profil-utilisateur:focus, |
#utilisateur-connecte.volet #deconnexion:focus { |
background: #b2cb43; |
} |
|
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover, |
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus { |
#utilisateur-connecte.volet .volet-menu a:hover, |
#utilisateur-connecte.volet .volet-menu a:focus { |
color: #fff; |
} |
|
.navbar-nav .volet-menu { |
#utilisateur-connecte .volet-menu { |
position: absolute; |
z-index: 1000; |
min-width: auto; |
408,7 → 366,7 |
color: #222; |
} |
|
.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after { |
#utilisateur-connecte .volet-toggle::after { |
font-family: "Font Awesome 5 Free"; |
font-size: 0.8rem; |
font-weight: 900; |
415,102 → 373,6 |
content: '\f0d7' |
} |
|
/*************************************************************************/ |
|
#zone-appli #formulaire .multiselect.list-checkbox { |
padding: 0; |
margin: 0; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp select, |
#zone-appli #formulaire .list-checkbox select, |
#zone-appli #formulaire .selectBox select { |
background-color: #fff; |
border: 1px solid #ced4da; |
} |
|
#form-supp select, |
.list-checkbox select, |
.selectBox select{ |
border-radius: 0.3rem; |
} |
|
#form-supp .select-wrapper, |
.list-checkbox .select-wrapper, |
#zone-appli #formulaire .selectBox { |
position: relative; |
z-index: 1000; |
border-radius: 0.3rem; |
} |
|
#zone-appli #formulaire .selectBox .focus { |
border-color: #80bdff; |
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); |
} |
|
#zone-appli #formulaire .input-group .select-wrapper { |
border:none; |
} |
|
#zone-appli #formulaire .overSelect { |
position: absolute; |
z-index: 999; |
left: 0; |
right: 0; |
top: 0; |
bottom: 0; |
} |
|
#zone-appli #formulaire .checkboxes { |
position: absolute; |
z-index: 1001; |
top: 120%; |
left: 1rem; |
right: 1rem; |
background-color: #fff; |
border: 1px solid #ced4da; |
border-top: 0; |
border-radius: 0 0 0.3rem 0.3rem; |
margin-top: -0.3rem; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .label label, |
#zone-appli #formulaire .list-checkbox .label label, |
#zone-appli #formulaire .checkboxes label { |
display: block; |
padding: 0.5rem; |
font-weight: 400; |
margin:0; |
} |
|
#zone-appli #formulaire .checkboxes label:hover { |
background: #1e90ff; |
color: #fff; |
} |
|
#zone-appli #formulaire .selectBox select option { |
padding-block-start: 0; |
padding-block-end: 0; |
padding-inline-start: 0; |
padding-inline-end: 0; |
} |
|
#zone-appli #formulaire .collect-other { |
margin: 0.5rem; |
width: 90%; |
} |
|
/*************************************************************************/ |
|
.range-values { |
color: #606060; |
} |
|
.range-live-value { |
padding-top: 1rem; |
font-size: 1rem; |
} |
|
/*******************************************/ |
|
.label-file { |
566,7 → 428,7 |
|
#miniatures .miniature .miniature-img { |
vertical-align: top; |
width: 10rem; |
width: 5rem; |
height: 100%; |
} |
|
580,7 → 442,7 |
font-size: 2rem; |
background-color: rgba(0, 0, 0, 0.3); |
opacity: 0; |
color: #fff; |
color: #ff5d55; |
padding: 0; |
margin: 0; |
height: 100%; |
601,6 → 463,7 |
border-radius: 0.25rem; |
background-color: #fbfbfb; |
border: 1px solid #eee; |
overflow: hidden; |
} |
|
.obs .nom-sci { |
689,12 → 552,15 |
padding: 0; |
} |
|
.modal-open, body.modal-open { |
.modal-open, |
body.modal-open { |
overflow: inherit !important; |
} |
|
.custom-range { |
border: none; |
.modal-footer, |
.modal-header { |
border-top: none; |
border-bottom: none; |
} |
|
/*************************************/ |
713,16 → 579,13 |
max-width: 80%; |
} |
|
#bouton-connexion, #creation-compte { |
#bouton-connexion, |
#creation-compte { |
display: block; |
width: 100%; |
position: static; |
} |
|
.navbar-nav, .nav { |
flex-direction: column; |
} |
|
#transmettre-obs.droite { |
float: none; |
} |
747,5 → 610,3 |
display: none; |
} |
} |
|
|