Subversion Repositories eFlore/Applications.cel

Rev

Rev 1922 | Rev 1954 | Go to most recent revision | Blame | Compare with Previous | 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;
        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 {
        font-weight:bold;
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.discretion {
        color:grey;
        font-family:arial;
        font-size:11px;
}
.nom-sci {
        font-style:italic;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Positionnement général */
#zone-appli {
        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;
}
fieldset {
        background-color:#A1CA10;
        padding:5px;
}

/* 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 */
#titre-form-observateur {
        width:250px;
}
#zone-identification {
        margin-left:2px;
}
#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;
}
#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{
        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;
        -webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
}

/* Liste des taxons */
#taxon-liste optgroup + optgroup {
        border-top: 1px solid black;
}

/*-------------------------------------------------------*/
/* Géolocalisation */
#map-canvas {
        height:280px;
        margin-bottom:5px;
}
#map-canvas img {
        max-width:none;
}
.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 */
#titre-liste-obs{
        margin-top:0;
        padding-top:0;
}
#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;
}
#liste-obs .well{
        background-color:#E0DFDE;
}
#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;
}


#ajouter-obs{
        margin-left:407px;
        font-size:20px;
        background:#181;
        color:#FFF;
        width:137px;
}
#transmettre-obs{
        font-size:20px;
        background:#811;
        color:#FFF;
}

/*-------------------------------------------------------*/
/* Autocomplete */
.valeur-defaut-recherche {
        color:#848484;
        font-style:italic;      
        font-weight:0.9em;
}