New file |
0,0 → 1,304 |
@CHARSET "UTF-8"; |
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; |
} |
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 #666; |
color:#181; |
text-decoration:none; |
} |
a:active { |
outline: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; |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Générique */ |
.nettoyage{ |
clear:both; |
} |
hr.nettoyage{ |
visibility:hidden; |
} |
label[title]:after, th[title]:after, span[title]:after { |
content: " " url("../images/icones/aide.png"); |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Formulaire générique */ |
fieldset { |
background-color:#fff; |
} |
input[type="text"], select, textarea { |
width:240px; |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
/* Formulaire spécifique */ |
#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:-10px; |
} |
#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{ |
margin-top:10px; |
} |
#partie-station, #partie-observation, #partie-photo{ |
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{ |
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; |
} |
#partie-identification{ |
width:582px; |
} |
#partie-identification li{ |
float: left; |
margin-left: 20px; |
display:inline; |
width:250px; |
} |
#partie-identification label{ |
/*display:block;*/ |
} |
/*-------------------------------------------------------*/ |
/* Partie-station */ |
#partie-station fieldset{ |
margin-top:0; |
} |
#partie-station label { |
width:75px; |
display:block; |
float:left; |
} |
#latitude, #longitude { |
width:70px; |
float:left; |
} |
#latitude { |
margin-right:5px; |
} |
#lat-lon-info { |
margin-left:5px; |
} |
#partie-observation label{ |
width:120px; |
float:left; |
} |
#partie-observation li{ |
margin :10px; |
} |
#adresse{ |
width:290px; |
} |
#partie-station #partie-lat-lon label.error{ |
float:left; |
width:80px; |
} |
#partie-observation li li{ |
width :150px; |
float:left; |
margin :5px; |
} |
#partie-observation li li label.error{ |
position: relative; |
margin-top: -38px; |
margin-left:50px; |
float:left; |
} |
label[for=milieu]{ |
display:block; |
width:100%; |
} |
ul#liste-milieux{ |
padding-top:5px; |
} |
#liste-milieux li{ |
display:inline; |
} |
/*-------------------------------------------------------*/ |
/* Photo */ |
#resultat,.resultat { |
width:20%; |
} |
.resultat { |
width:30px; |
} |
#form-upload{ |
margin-top:10px; |
} |
/*-------------------------------------------------------*/ |
/* 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; |
} |
.supprimer-obs{ |
background-color:transparent; |
border:none; |
cursor:pointer; |
} |
.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; |
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 */ |
.ui-autocomplete { |
background-color: white; |
width: 300px; |
border: 1px solid #cfcfcf; |
list-style-type: none; |
padding-left: 0px; |
} |