Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1953 → Rev 1954

/trunk/widget/modules/saisie/squelettes/sauvages/css/sauvages.css
2,121 → 2,133
/*+--------------------------------------------------------------------------------------------------------+*/
/* Balises */
body {
font-family:Arial;
font-size:12px;
font-family: Arial;
font-size: 12px;
}
 
h1 {
font-size:1.6em;
font-size: 1.6em;
}
 
h2 {
font-size:1.4em;
text-transform:uppercase;
letter-spacing:0.3em;
padding:5px 10px;
background:#A1CA10;
margin-bottom:0;
margin-left:2px;
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: 0.3em;
padding: 5px 10px;
background: #A1CA10;
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;
line-height: 2em;
}
 
a {
font-weight:bold;
font-weight: bold;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.discretion {
color:grey;
font-family:arial;
font-size:11px;
color: grey;
font-family: arial;
font-size: 11px;
}
.nom-sci {
font-style:italic;
font-style: italic;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Positionnement général */
#zone-appli {
margin:0 auto;
width:600px;
margin: 0 auto;
width: 600px;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire générique */
legend {
color: #000000;
font-size: 1.2em;
letter-spacing: 0.2em;
padding: 5px 10px;
text-transform: uppercase;
line-height:1.2em;
margin:2px 2px 0;
width:inherit;
color: #000000;
font-size: 1.2em;
letter-spacing: 0.2em;
padding: 5px 10px;
text-transform: uppercase;
line-height: 1.2em;
margin: 2px 2px 0;
width: inherit;
}
 
fieldset {
background-color:#A1CA10;
padding:5px;
background-color: #A1CA10;
padding: 5px;
}
 
/* Validation du formulaire */
label.error {
display:inline-block;
float:left;
color:red;
width:150px;
display: block;
float: none;
color: red;
width: 100%;
}
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;
float: none;
width: 0;
height: 0;
}
 
/*-------------------------------------------------------*/
/* Formulaire observateur */
#titre-form-observateur {
width:250px;
width: 250px;
}
 
#zone-identification {
margin-left:2px;
margin-left: 2px;
}
#partie-identification{
background:#A1CA10;
 
#partie-identification {
background: #A1CA10;
-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire obs */
#titre-form-obs{
width:250px;
#titre-form-obs {
width: 250px;
}
#zone-fiche-terrain, #zone-fiche-terrain-photo{
background:#A1CA10;
width:600px;
margin-left:2px;
padding-bottom:10px;
 
#zone-fiche-terrain,
#zone-fiche-terrain-photo {
background: #A1CA10;
width: 600px;
margin-left: 2px;
padding-bottom: 10px;
}
#zone-fiche-terrain{
 
#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{
 
#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;
margin-top: -20px;
}
#partie-station, #partie-observation, #partie-photo, #partie-date{
margin:0 10px 10px;
background:#E5E5E5;
 
#partie-station,
#partie-observation,
#partie-photo,
#partie-date {
margin: 0 10px 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;
 
#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;
}
 
128,27 → 140,32
/*-------------------------------------------------------*/
/* Géolocalisation */
#map-canvas {
height:280px;
margin-bottom:5px;
height: 280px;
margin-bottom: 5px;
}
 
#map-canvas img {
max-width:none;
max-width: none;
}
 
.coordonnees-geo, .lat-lon-info {
font-size:10px;
font-size: 10px;
}
 
#info-commune {
text-align:right;
font-size:10px;
text-align: right;
font-size: 10px;
}
 
.afficher-coord {
font-size:10px;
font-size: 10px;
}
 
.indication_geolocalisation {
color:#118811;
font-style:italic;
font-weight:bold;
font-weight:0.9em;
color: #118811;
font-style: italic;
font-weight: bold;
font-weight: 0.9em;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
160,12 → 177,14
height: 130px;
margin: 5px;
}
 
#form-upload .miniature-img {
display: block;
height: 100px;
}
 
#form-upload .miniature-chargement {
height:100px;
height: 100px;
width: 100px;
}
 
177,37 → 196,43
.obs .obs-miniatures {
min-width: 150px;
margin-right: 5px;
background-color:#524C47;
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;
z-index: 2;
position: absolute;
top: 0;
width: 50%;
height: 116px;
}
.defilement-control-zone.gauche{
 
.defilement-control-zone.gauche {
left: 0;
}
 
.defilement-control-zone.droite {
right: 0;
}
 
.defilement-control {
display: block;
position: absolute;
top: 35%;
width:20px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 17px;
220,9 → 245,11
opacity: 1;
background: none repeat scroll 0 0 #524C47;
}
 
.defilement-control.gauche {
left: 3%;
}
 
.defilement-control.droite {
right: 3%;
}
230,29 → 257,32
.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;
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;
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;
}
259,65 → 289,76
 
/*-------------------------------------------------------*/
/* Observations */
#titre-liste-obs{
margin-top:0;
padding-top:0;
#titre-liste-obs {
margin-top: 0;
padding-top: 0;
}
#zone-liste-obs{
background-color:#A1CA10;
padding:5px;
 
#zone-liste-obs {
background-color: #A1CA10;
padding: 5px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
#zone-liste-obs .well{
background-color:#A1CA10;
margin:0 5px 5px 5px;
 
#zone-liste-obs .well {
background-color: #A1CA10;
margin: 0 5px 5px 5px;
}
 
#liste-obs .well{
background-color:#E0DFDE;
background-color: #E0DFDE;
}
 
#obs-titre {
margin-right: 20px;
}
 
#form-date {
margin: 10px 0;
line-height: 40px;
}
 
.ns-retenu {
font-weight:bold;
font-weight: bold;
}
.nn{
color:#3B9D3B;
 
.nn {
color: #3B9D3B;
}
.obs .nom-sci{
 
.obs .nom-sci {
font-size:1.5em;
font-weight:bold;
}
.commune, .date{
font-size:1.3em;
font-weight:bold;
 
.commune,
.date {
font-size: 1.3em;
font-weight: bold;
}
.obs-action{
opacity:1;
 
.obs-action {
opacity: 1;
}
 
#ajouter-obs {
margin-left: 407px;
font-size: 20px;
background: #181;
color: #FFF;
width: 137px;
}
 
#ajouter-obs{
margin-left:407px;
font-size:20px;
background:#181;
color:#FFF;
width:137px;
#transmettre-obs {
font-size: 20px;
background: #811;
color: #FFF;
}
#transmettre-obs{
font-size:20px;
background:#811;
color:#FFF;
}
 
/*-------------------------------------------------------*/
/* Autocomplete */
.valeur-defaut-recherche {
color:#848484;
font-style:italic;
font-weight:0.9em;
color: #848484;
font-style: italic;
font-weight: 0.9em;
}