Rev 1346 | Blame | Last modification | View Log | RSS feed
@CHARSET "UTF-8";
/*+--------------------------------------------------------------------------------------------------------+*/
/* Balises */
body {
font-family:Arial;
font-size:12px;
}
h1 {
font-size:1.6em;
}
h2 {
font-size:1.4em;
text-transform:uppercase;
letter-spacing:0.3em;
padding:5px 10px;
background:#A1CA10;
width:250px;
margin-bottom:0;
margin-left:2px;
-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
line-height:2em;
}
a, a:active, a:visited {
border-bottom:1px dotted;
text-decoration:none;
}
a:active, a:focus, a:hover{
border-bottom:none;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.discretion {
color:grey;
font-family:arial;
font-size:11px;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Positionnement général */
#zone-appli {
margin:0 auto;
width:600px;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire générique */
fieldset {
background-color:#A1CA10;
}
/* 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 obs */
#zone-fiche-terrain, #zone-fiche-terrain-photo{
background:#A1CA10;
width:600px;
margin-left:2px;
padding-bottom:10px;
}
#zone-fiche-terrain{
-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
}
#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:-20px;
}
#partie-station, #partie-observation, #partie-photo, #partie-date{
width:550px;
margin-left:10px;
background:#E5E5E5;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
background:#E5E5E5;
-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
}
/*-------------------------------------------------------*/
/* Géolocalisation */
#map-canvas {
height: 280px;
margin-bottom:5px;
}
.coordonnees-geo, .lat-lon-info {
font-size: 10px;
}
#info-commune {
text-align:right;
font-size:10px;
}
.afficher-coord {
font-size:10px;
}
.indication_geolocalisation {
color:#118811;
font-style: italic;
font-weight: bold;
font-weight:0.9em;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Gestion des photos */
/* Form d'ajout des photos */
#form-upload .miniature {
float: left;
height: 130px;
margin: 5px;
}
#form-upload .miniature-img {
display: block;
height: 100px;
}
#form-upload .miniature-chargement {
height:100px;
width: 100px;
}
#photos-conteneur {
height: 120px;
}
/* Images d'une observation */
.obs .obs-miniatures {
min-width: 150px;
margin-right: 5px;
background-color:#524C47;
padding: 4px 0;
}
.obs .miniature {
display: block;
height: 100px;
margin: 0 auto;
}
.defilement {
position: relative;
padding: 8px 0;
}
.defilement-control-zone {
display: block;
z-index:2;
position: absolute;
top: 0;
width: 50%;
height: 116px;
}
.defilement-control-zone.gauche{
left: 0;
}
.defilement-control-zone.droite {
right: 0;
}
.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;
}
.defilement-control.gauche {
left: 3%;
}
.defilement-control.droite {
right: 3%;
}
.defilement-miniatures-cache {
visibility: hidden;
}
.obs .miniature-cachee {
display: none;
}
.defilement-indicateurs {
list-style: none outside none;
margin: 0;
position: absolute;
left: 0;
bottom: 2px;
z-index: 5;
}
.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;
}
.defilement-indicateurs .active {
background-color: #FFFFFF;
}
/*-------------------------------------------------------*/
/* Observations */
#obs-titre {
margin-right: 20px;
}
#form-date {
margin: 10px 0;
line-height: 40px;
}
.ns-retenu {
font-weight:bold;
}
.nn{
color:#3B9D3B;
}
.obs .nom-sci{
font-size:1.5em;
font-weight:bold;
}
.commune, .date{
font-size:1.3em;
font-weight:bold;
}
.obs-action{
opacity:1;
}
/*-------------------------------------------------------*/
/* Partie-preview */
#partie-preview legend, #partie-preview{
background:#A1CA10;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
#partie-preview {
width:582px;
border:none;
}
#ajouter-obs{
margin-left:407px;
margin-top:10px;
font-size:20px;
background:#181;
color:#FFF;
-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
height:35px;
width:137px;
}
#transmettre-obs{
margin-left:400px;
margin-top:5px;
font-size:20px;
background:#811;
color:#FFF;
-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
height:35px;
}
/*-------------------------------------------------------*/
/* Autocomplete */
.valeur-defaut-recherche {
color:#848484;
font-style:italic;
font-weight:0.9em;
}