1,13 → 1,9 |
@CHARSET "UTF-8"; |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Balises */ |
body { |
padding:0; |
margin:0; |
width:100%; |
height:100%; |
font-family:Arial; |
font-size:12px; |
background-color:#FFF; |
color:#000; |
} |
h1 { |
font-size:1.6em; |
25,78 → 21,14 |
line-height:2em; |
} |
a, a:active, a:visited { |
border-bottom:1px dotted #666; |
color:#181; |
border-bottom:1px dotted; |
text-decoration:none; |
} |
a:active { |
outline:none; |
a:active, a:focus, a:hover{ |
border-bottom:none; |
} |
a:focus { |
outline:thin dotted; |
} |
a:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
} |
|
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Présentation des listes de définitions */ |
dl { |
width:100%; |
} |
dt { |
float:left; |
font-weight:bold; |
text-align:top left; |
margin-right:0.3em; |
} |
dd { |
width:auto; |
margin:0.5em 0; |
} |
|
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Tableau : */ |
table { |
border:1px solid gray; |
border-collapse:collapse; |
} |
table thead, table tfoot, table tbody { |
background-color:Gainsboro; |
border:1px solid gray; |
color:black; |
} |
table tbody { |
background-color:#FFF; |
} |
table th { |
font-family:monospace; |
border:1px dotted gray; |
padding:5px; |
background-color:Gainsboro; |
} |
table td { |
font-family:arial; |
border:1px dotted gray; |
padding:5px; |
text-align:left; |
} |
table caption { |
font-family:sans-serif; |
} |
legend { |
font-size:1.2em; |
color:#000; |
text-transform:uppercase; |
letter-spacing:0.2em; |
padding:5px 10px; |
} |
|
.colonne_milieu { |
|
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Générique */ |
.discretion { |
104,15 → 36,6 |
font-family:arial; |
font-size:11px; |
} |
.nettoyage{ |
clear:both; |
} |
hr.nettoyage{ |
visibility:hidden; |
} |
label[title]:after, th[title]:after, span[title]:after { |
content: " " url("../images/icones/aide.png"); |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Positionnement général */ |
124,14 → 47,39 |
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Formulaire générique */ |
fieldset { |
background-color:#fff; |
background-color:#A1CA10; |
} |
input[type="text"], select, textarea { |
width:240px; |
|
/* Validation du formulaire */ |
label.error { |
display:inline-block; |
float:left; |
color:red; |
width:150px; |
} |
label.error[for="date"] { |
display:block; |
float:none; |
padding-left:5px; |
width:100%; |
} |
label.error.valid { |
text-indent: -9999px; |
color: #468847; |
float:none; |
width:0; |
height:0; |
} |
|
/*-------------------------------------------------------*/ |
/* Formulaire observateur */ |
#partie-identification, #partie-identification legend{ |
background:#A1CA10; |
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Formulaire spécifique */ |
/* Formulaire obs */ |
#zone-fiche-terrain, #zone-fiche-terrain-photo{ |
background:#A1CA10; |
width:600px; |
143,27 → 91,8 |
} |
#zone-fiche-terrain-photo{ |
-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; |
margin-top:-10px; |
margin-top:-20px; |
} |
#zone-liste-obs{ |
padding-bottom:25px; |
margin-top:15px; |
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; |
} |
#saisie-obs fieldset{ |
display:block; |
} |
#saisie-obs label{ |
font-weight:bold; |
} |
|
#partie-observation, #partie-preview, #partie-station{ |
margin-top:10px; |
} |
#partie-date * { |
position: relative; |
z-index:50; |
} |
#partie-station, #partie-observation, #partie-photo, #partie-date{ |
width:550px; |
margin-left:10px; |
174,165 → 103,164 |
background:#E5E5E5; |
-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; |
} |
#saisie-obs ul { |
list-style-type:none; |
margin:0; |
padding:0; |
} |
#saisie-obs li { |
margin:5px; |
} |
|
/*-------------------------------------------------------*/ |
/* Partie-identification */ |
#partie-identification, #partie-identification legend{ |
background:#A1CA10; |
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; |
/* Géolocalisation */ |
#map-canvas { |
height: 280px; |
margin-bottom:5px; |
} |
#partie-identification{ |
width:582px; |
.coordonnees-geo, .lat-lon-info { |
font-size: 10px; |
} |
#partie-identification li{ |
float: left; |
margin-left: 20px; |
display:inline; |
width:250px; |
#info-commune { |
text-align:right; |
font-size:10px; |
} |
#partie-identification label{ |
/*display:block;*/ |
.afficher-coord { |
font-size:10px; |
} |
/*-------------------------------------------------------*/ |
/* Partie-station */ |
#partie-station fieldset{ |
margin-top:0; |
.indication_geolocalisation { |
color:#118811; |
font-style: italic; |
font-weight: bold; |
font-weight:0.9em; |
} |
#partie-station label { |
width: 120px; |
display:block; |
float:left; |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Gestion des photos */ |
|
/* Form d'ajout des photos */ |
#form-upload .miniature { |
float: left; |
height: 130px; |
margin: 5px; |
} |
#latitude, #longitude { |
width:70px; |
float:left; |
#form-upload .miniature-img { |
display: block; |
height: 100px; |
} |
#latitude { |
margin-right:5px; |
#form-upload .miniature-chargement { |
height:100px; |
width: 100px; |
} |
#lat-lon-info { |
margin-left:5px; |
|
#photos-conteneur { |
height: 120px; |
} |
#partie-observation label{ |
width:120px; |
float:left; |
|
/* Images d'une observation */ |
.obs .obs-miniatures { |
min-width: 150px; |
margin-right: 5px; |
background-color:#524C47; |
padding: 4px 0; |
} |
#partie-observation li{ |
margin :10px; |
.obs .miniature { |
display: block; |
height: 100px; |
margin: 0 auto; |
} |
#partie-station #label_map_canvas { |
width: 100%; |
.defilement { |
position: relative; |
padding: 8px 0; |
} |
#map-canvas { |
width:525px; |
height: 340px; |
} |
#partie-station #partie-lat-lon label.error{ |
float:left; |
width:80px; |
.defilement-control-zone { |
display: block; |
z-index:2; |
position: absolute; |
top: 0; |
width: 50%; |
height: 116px; |
} |
#partie-observation li li, #rue_numeros li{ |
width :150px; |
float:left; |
margin :5px; |
.defilement-control-zone.gauche{ |
left: 0; |
} |
#rue_numeros li{ |
width :265px; |
float:left; |
margin:0; |
.defilement-control-zone.droite { |
right: 0; |
} |
#rue_numeros li label{ |
width:80px; |
float:left; |
.defilement-control { |
display: block; |
position: absolute; |
top: 35%; |
width:20px; |
height: 20px; |
line-height: 20px; |
font-size: 17px; |
font-weight: 100; |
text-align: center; |
vertical-align: middle; |
border: 3px solid white; |
border-radius: 20px; |
color: white; |
opacity: 1; |
background: none repeat scroll 0 0 #524C47; |
} |
#rue_numeros li input{ |
width:175px; |
.defilement-control.gauche { |
left: 3%; |
} |
#partie-observation li li label.error{ |
position: relative; |
margin-top: -42px; |
margin-left:50px; |
float:left; |
.defilement-control.droite { |
right: 3%; |
} |
label[for=milieu]{ |
display:block; |
width:100%; |
|
.defilement-miniatures-cache { |
visibility: hidden; |
} |
label[for=coordonnees-geo] { |
display:block; |
width:100% !important; |
.obs .miniature-cachee { |
display: none; |
} |
ul#coordonnees-geo { |
list-style-type:none; |
float:left; |
width: 100%; |
|
.defilement-indicateurs { |
list-style: none outside none; |
margin: 0; |
position: absolute; |
left: 0; |
bottom: 2px; |
z-index: 5; |
} |
ul#coordonnees-geo li { |
float: left; |
margin: 5px; |
width: 201px; |
.defilement-indicateurs li { |
background-color: rgba(255, 255, 255, 0.25); |
border-radius: 2px; |
border: 1px solid lightgrey; |
display: block; |
float: left; |
height: 4px; |
margin-left: 2px; |
text-indent: -999px; |
width: 4px; |
} |
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng { |
width: 70px; |
.defilement-indicateurs .active { |
background-color: #FFFFFF; |
} |
ul#coordonnees-geo #info-commune{ |
width: 150px; |
|
/*-------------------------------------------------------*/ |
/* Observations */ |
#obs-titre { |
margin-right: 20px; |
} |
ul#liste-milieux{ |
float:left; |
#form-date { |
margin: 10px 0; |
line-height: 40px; |
} |
ul#liste-milieux li{ |
display:inline; |
width:100px; |
.ns-retenu { |
font-weight:bold; |
} |
#notes{ |
width:400px; |
.nn{ |
color:#3B9D3B; |
} |
#rue{ |
/**width:440px;**/ |
left: 35px; |
position: relative; |
top: 35px; |
width: 320px; |
z-index: 45; |
.obs .nom-sci{ |
font-size:1.5em; |
font-weight:bold; |
} |
.indication_geolocalisation { |
color:#118811; |
font-style: italic; |
font-weight: bold; |
font-weight:0.9em; |
.commune, .date{ |
font-size:1.3em; |
font-weight:bold; |
} |
.indication_geolocalisation { |
height: 30px; |
position: relative; |
top: 15px; |
.obs-action{ |
opacity:1; |
} |
|
/*-------------------------------------------------------*/ |
/* Photo */ |
#resultat,.resultat { |
width:20%; |
} |
.resultat { |
width:30px; |
} |
#form-upload{ |
margin-top:10px; |
} |
#miniature-info{ |
margin:0; |
} |
.b64{ |
max-width:100px; |
max-height:100px; |
} |
/*-------------------------------------------------------*/ |
/* Partie-preview */ |
#partie-preview legend, #partie-preview{ |
background:#A1CA10; |
342,28 → 270,6 |
width:582px; |
border:none; |
} |
.supprimer-obs{ |
background-color:transparent; |
border:none; |
padding:0; |
cursor:pointer; |
} |
.obs-miniature { |
text-align:center; |
} |
.obligatoire { |
color:red; |
} |
label.error { |
display:inline; |
float:none; |
padding-left:.5em; |
color:red; |
} |
#partie-observation label.error,#partie-station label.error { |
width:150px; |
float:right; |
} |
#ajouter-obs{ |
margin-left:407px; |
margin-top:10px; |
383,6 → 289,11 |
-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px; |
height:35px; |
} |
|
|
|
|
|
/*-------------------------------------------------------*/ |
/* Autocomplete */ |
.valeur-defaut-recherche { |