New file |
0,0 → 1,798 |
@CHARSET "UTF-8"; |
|
body { |
font-family: Muli,sans-serif; |
font-size: 0.8rem; |
font-weight: 300; |
} |
|
#zone-appli { |
padding: 2rem; |
border-radius: 0.3rem; |
background-color: rgba(255, 255, 255, 0.9); |
margin-top: 2rem; |
} |
|
#zone-appli .zone-alerte{ |
width: 100%; |
} |
|
#logo { |
max-width: 100%; |
} |
|
h1, h2, h3, h4, h5 { |
font-family: Muli,sans-serif; |
color: #606060; |
font-weight: 700; |
} |
|
form { |
font-family: Muli,sans-serif; |
float: none; |
} |
|
h1 { |
font-weight: 700; |
font-size: 2rem; |
} |
|
#zone-appli .form-block { |
margin-bottom: 2rem; |
} |
|
h2 { |
font-weight: 700; |
line-height: 1.15; |
font-size: 1.5rem; |
} |
|
h3 { |
font-size: 1.2rem; |
} |
|
ul { |
padding-inline-start: 0; |
} |
|
#zone-appli .obligatoire::before { |
content: '*'; |
position: absolute; |
left: 0; |
} |
|
.btn.focus, |
.btn:focus { |
box-shadow: none; |
} |
|
.btn.btn-primary, |
.btn.btn-info, |
.btn.btn-success, |
.btn.btn-danger, |
.btn.btn-inverse { |
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; |
-moz-border-right-colors: none; |
-moz-border-top-colors: none; |
background-color: #a2b93b; |
border-bottom-color: currentcolor; |
border-bottom-left-radius: 0.2rem; |
border-bottom-right-radius: 0.2rem; |
border-bottom-style: none; |
border-bottom-width: 0; |
border-image-outset: 0 0 0 0; |
border-image-repeat: stretch stretch; |
border-image-slice: 100% 100% 100% 100%; |
border-image-source: none; |
border-image-width: 1 1 1 1; |
border-left-color: currentcolor; |
border-left-style: none; |
border-left-width: 0; |
border-right-color: currentcolor; |
border-right-style: none; |
border-right-width: 0; |
border-top-color: currentcolor; |
border-top-left-radius: 0.2rem; |
border-top-right-radius: 0.2rem; |
border-top-style: none; |
border-top-width: 0; |
color: #fff; |
cursor: pointer; |
display: inline-block; |
font-family: Ubuntu,sans-serif; |
font-size: 1.3rem; |
font-weight: 500; |
letter-spacing: 0.1rem; |
line-height: 1.5rem; |
padding-bottom: 1.25rem; |
padding-left: 2rem; |
padding-right: 2rem; |
padding-top: 1.25rem; |
text-align: center; |
text-decoration-color: currentcolor; |
text-decoration-line: none; |
text-decoration-style: solid; |
text-transform: uppercase; |
transition-delay: 0s; |
transition-duration: 0.2s; |
transition-property: background; |
transition-timing-function: ease; |
} |
|
.table tr, |
.table td, |
.table th, |
.table thead { |
border: none !important; |
} |
|
.mb2, |
.mb-3 { |
align-self: start; |
} |
|
label, |
#zone-appli .list-label { |
color: #606060; |
display: block; |
font-size: 0.9rem; |
font-weight: 700; |
} |
|
#zone-appli .form-inline label, |
#zone-appli .form-inline .list-label { |
align-items: start; |
align-self: start; |
justify-content: left; |
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; |
} |
|
#zone-appli .warning { |
color: #ff5d55; |
font-weight: 700; |
} |
|
#photos-conteneur label.label-file.error, |
.control-group.error #connexion, |
.control-group.error #bouton-inscription, |
.control-group.error #bouton-anonyme, |
.control-group.error .geoloc, |
.control-group.error input, |
.control-group.error select, |
.control-group.error textarea, |
.obs-erreur, |
#releve-date.erreur { |
box-shadow: 0 0 1.5px 1px red; |
border-color: #b94a48; |
color: #b94a48; |
} |
|
.control-group .erreur, |
.control-group.error, |
span.error { |
color: #b94a48 !important; |
} |
|
#zone-appli .centre { |
margin: 0 auto !important; |
justify-content: center !important; |
} |
|
#zone-appli .droite { |
float: right; |
} |
|
#zone-appli .info { |
padding: 1rem; |
background-color: #ccecf1; |
border-color: #7ccedb; |
color: #006979; |
fill: #006979; |
border-radius: 0.2rem; |
} |
|
#zone-appli .clear { |
clear: both; |
height: 0; overflow: hidden; /* Précaution pour IE 7 */ |
} |
|
#zone-appli .ui-widget{ |
font-family: Muli,sans-serif; |
} |
|
#zone-appli .form-inline .form-control { |
width: 100%; |
} |
|
#zone-appli #logo_hires { |
display: none; |
} |
#zone-appli .logo-tb { |
position:absolute; |
left: 10px; |
top: 10px; |
} |
|
#zone-appli .bloc-top { |
border-top: 1px solid rgba(0,0,0,.1); |
padding-top: 1rem; |
} |
|
#zone-appli .bloc-bottom { |
border-bottom: 1px solid rgba(0,0,0,.1); |
padding-bottom: 1rem; |
} |
|
.unstyled { |
list-style-type: none; |
} |
|
#zone-appli #formulaire form { |
margin-bottom: 1.5rem; |
} |
|
input[type="checkbox"], |
input[type="radio"], |
input.radio, |
input.checkbox { |
vertical-align:text-top; |
padding: 0; |
margin-right: 10px; |
position:relative; |
overflow:hidden; |
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{ |
min-width: 100%; |
margin-left: 0; |
margin-right: 0; |
} |
|
.nav { |
display: -ms-flexbox; |
display: flex; |
-ms-flex-wrap: wrap; |
flex-wrap: wrap; |
margin-right: -15px; |
margin-left: -15px; |
flex-direction: row; |
} |
|
#tb-navbar { |
margin-bottom: 0; |
} |
|
.volet { |
height: 5rem; |
} |
|
#anonyme { |
height: auto; |
} |
|
#bouton-connexion, |
#creation-compte { |
display: -ms-flexbox; |
display: flex; |
height: 5rem; |
-webkit-box-flex: 1; |
-webkit-flex: 0 0 50%; |
-ms-flex: 0 0 50%; |
flex: 0 0 50%; |
max-width: 50%; |
-ms-flex-flow: row wrap; |
flex-flow: row wrap; |
min-height: 1px; |
padding-right: 15px; |
padding-left: 15px; |
justify-content: left; |
align-items: flex-start; |
align-content: flex-middle; |
} |
|
.nav > .volet #bouton-anonyme, |
.nav > .volet #bouton-inscription { |
width: auto; |
} |
|
.nav > .volet > a { |
margin-left: 0.2rem; |
} |
|
#bouton-poursuivre, |
.charger-releve, |
#soumettre-releve, |
#connexion, |
#ajouter-obs, |
#transmettre-obs { |
color: #fff; |
background-color: #b2cb43; |
border: none; |
border-radius: 0.1rem; |
} |
|
#bouton-poursuivre:focus, |
#bouton-poursuivre:hover, |
.charger-releve:focus, |
.charger-releve:hover, |
#soumettre-releve:focus, |
#soumettre-releve:hover, |
#connexion:focus, |
#connexion:hover, |
#transmettre-obs:focus, |
#transmettre-obs:hover, |
#ajouter-obs:focus, |
#ajouter-obs:hover { |
background-color: #a2b93b; |
border: none; |
} |
|
#utilisateur-connecte.volet { |
padding-left: 2rem; |
} |
|
#utilisateur-connecte.volet > a { |
margin-left: 0; |
} |
|
#utilisateur-connecte.volet #profil-utilisateur, |
#utilisateur-connecte.volet #deconnexion { |
padding: 0 0.75rem; |
margin: 0.2rem 0; |
} |
|
#utilisateur-connecte.volet .volet-menu a { |
font-size: 0.8rem; |
font-weight: 400; |
color: #606060; |
background: inherit; |
text-decoration: none; |
display: block; |
width: 100%; |
padding-left: 5px; |
line-height: 25px; |
outline: 0; |
} |
|
#utilisateur-connecte.volet #profil-utilisateur:hover, |
#utilisateur-connecte.volet #deconnexion:hover, |
#utilisateur-connecte.volet #profil-utilisateur:focus, |
#utilisateur-connecte.volet #deconnexion:focus { |
background: #b2cb43; |
} |
|
#utilisateur-connecte.volet .volet-menu a:hover, |
#utilisateur-connecte.volet .volet-menu a:focus { |
color: #fff; |
} |
|
#utilisateur-connecte .volet-menu { |
position: absolute; |
z-index: 1000; |
min-width: auto; |
list-style: none; |
background-color: #fff; |
border: 1px solid #ccc; |
border: 1px solid rgba(0, 0, 0, 0.15); |
border-radius: 4px; |
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
} |
|
.volet-menu div a { |
color: #222; |
} |
|
#utilisateur-connecte .volet-toggle::after { |
font-family: "Font Awesome 5 Free"; |
font-size: 0.8rem; |
font-weight: 900; |
content: '\f0d7' |
} |
|
.releve-info { |
font-size: 0.8rem; |
} |
|
/*************************************************************************/ |
|
#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox { |
padding: 0; |
margin: 0; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp select, |
#zone-appli #formulaire #form-supp #zone-supp .selectBox select { |
background-color: #fff; |
border: 1px solid #ced4da; |
} |
|
#form-supp select, |
#form-supp .selectBox select{ |
border-radius: 0.3rem; |
} |
|
#form-supp .select-wrapper, |
#zone-appli #formulaire #form-supp #zone-supp .selectBox { |
position: relative; |
z-index: 1000; |
border-radius: 0.3rem; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus { |
border-color: #80bdff; |
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper { |
border:none; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .overSelect { |
position: absolute; |
z-index: 999; |
left: 0; |
right: 0; |
top: 0; |
bottom: 0; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .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 #form-supp #zone-supp .checkboxes label { |
display: block; |
padding: 0.5rem; |
font-weight: 400; |
margin:0; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover { |
background: #1e90ff; |
color: #fff; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .selectBox select option { |
padding-block-start: 0; |
padding-block-end: 0; |
padding-inline-start: 0; |
padding-inline-end: 0; |
} |
|
#zone-appli #formulaire #form-supp #zone-supp .collect-other { |
margin: 0.5rem; |
width: 90%; |
} |
|
/*************************************************************************/ |
|
.range-values { |
color: #606060; |
} |
|
.range-live-value { |
padding-top: 1rem; |
font-size: 1rem; |
} |
|
/*******************************************/ |
|
.label-file { |
overflow: hidden; |
position: relative; |
cursor: pointer; |
border-radius: 0.25rem; |
font-weight: 400; |
font-size: 0.9rem; |
text-align: center; |
white-space: nowrap; |
vertical-align: middle; |
-webkit-user-select: none; |
-moz-user-select: none; |
-ms-user-select: none; |
user-select: none; |
border: 1px solid transparent; |
padding: .375rem .75rem; |
line-height: 1.5; |
transition: |
color .15s ease-in-out, |
background-color .15s ease-in-out, |
border-color .15s ease-in-out, |
box-shadow .15s ease-in-out; |
margin: 0; |
} |
|
.label-file [type=file] { |
cursor: inherit; |
display: block; |
font-size: 999px; |
filter: alpha(opacity=0); |
min-height: 100%; |
min-width: 100%; |
opacity: 0; |
position: absolute; |
right: 0; |
text-align: right; |
top: 0; |
} |
|
.label-file [type=file] { |
cursor: pointer; |
} |
|
/*************************************/ |
|
#miniatures .miniature { |
position: relative; |
display: inline-block; |
|
} |
|
#miniatures .miniature .miniature-img { |
vertical-align: top; |
width: 5rem; |
height: 100%; |
} |
|
#miniatures .miniature .effacer-miniature { |
display: flex; |
position: absolute; |
left: 0; |
right: 0; |
top: 0; |
bottom: 0; |
font-size: 2rem; |
background-color: rgba(0, 0, 0, 0.3); |
opacity: 0; |
color: #ff5d55; |
padding: 0; |
margin: 0; |
height: 100%; |
width: 100%; |
align-items:center; |
justify-content: center; |
cursor: pointer; |
} |
|
#miniatures .miniature .effacer-miniature:hover, |
#miniatures .miniature .effacer-miniature:focus { |
opacity: 1; |
} |
|
.obs { |
height: 10rem; |
padding: 1rem; |
border-radius: 0.25rem; |
background-color: #fbfbfb; |
border: 1px solid #eee; |
} |
|
.obs .nom-sci { |
font-size: 1rem; |
} |
|
.defilement-miniatures .defilement-miniatures-cache, |
.defilement-miniatures .miniature-cachee { |
display: none; |
} |
|
.defilement-miniatures { |
display: flex; |
align-items:center; |
justify-content: center; |
height: 8rem; |
} |
.defilement-miniatures figure { |
display: inline-block; |
min-height: 8rem; |
line-height: 8rem; |
text-align: center; |
min-width: 80%; |
width: 80%; |
margin:0 auto; |
padding: 0; |
} |
|
.miniature-selectionnee { |
vertical-align: middle; |
max-height: 8rem; |
max-width: 80%; |
} |
|
.defilement-miniatures-gauche, |
.defilement-miniatures-droite { |
display: inline-block; |
color: #5bc0de; |
vertical-align: middle; |
outline-style: none; |
} |
|
.defilement-miniatures-gauche:active, |
.defilement-miniatures-droite:active, |
.defilement-miniatures-gauche:focus, |
.defilement-miniatures-droite:focus { |
color: #499fb7; |
} |
|
.defilement-miniatures-gauche:hover, |
.defilement-miniatures-droite:hover { |
color: #499fb7; |
} |
|
#zone-prenom-nom #prenom, |
#zone-prenom-nom #nom { |
z-index: 0; |
} |
|
#transmettre-obs{ |
text-align: right; |
} |
|
#zone-liste-obs h2.transmission-title { |
display: inline-block; |
} |
|
footer a { |
display: inline-block; |
} |
|
.help-button { |
float: right; |
} |
|
#image-fond { |
position: fixed; |
top:0; |
bottom: 0; |
left: 0; |
right: 0; |
z-index: -1; |
min-width: 100%; |
background-attachment: fixed; |
margin: 0; |
padding: 0; |
} |
|
.modal-open, body.modal-open { |
overflow: inherit !important; |
} |
|
.custom-range { |
border: none; |
} |
|
/*************************************/ |
#charger-form, |
#zone-arbres, |
#zone-plantes { |
min-width: 100%; |
} |
|
/*volet autocompletion des taxons*/ |
.ui-autocomplete { |
z-index: 1000 !important; |
} |
|
|
/*************************************/ |
|
@media screen and ( max-width: 768px ) { |
|
#titre-projet { |
font-size: 1.5rem; |
} |
|
h2 { |
font-size: 1.3rem; |
} |
|
#logo { |
max-width: 80%; |
} |
|
#bouton-connexion, #creation-compte { |
display: block; |
width: 100%; |
position: static; |
} |
|
.nav { |
flex-direction: column; |
} |
|
#transmettre-obs.droite { |
float: none; |
} |
|
.obs { |
height: auto; |
} |
|
.obs .unstyled { |
font-size: 0.6rem; |
} |
|
.obs .nom-sci { |
font-size: 0.8rem; |
} |
|
.supprimer-obs { |
overflow: hidden; |
} |
|
#image-fond { |
display: none; |
} |
} |
|
|