Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1921 → Rev 1922

/trunk/widget/modules/saisie/squelettes/sauvages/css/sauvages.css
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 {