Subversion Repositories eFlore/Applications.cel

@CHARSET "UTF-8";
/*+--------------------------------------------------------------------------------------------------------+*/
/* Polices d'écriture*/
@font-face {
        font-family: florileges;
        src: url(fonts/caflisch_scriptw_web.ttf) format('ttf'),
                url(fonts/caflisch_scriptw_web.woff) format('woff');
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* Balises */
body {
        background: url("../img/background/noise.png") repeat scroll 0 0, none repeat scroll 0 0 #524C47;
}
footer p{
        color:white;
        text-align:center;
}
button img {
        display:block;
}
h1, h2 {
        font-size: 40px;
        font-family:florileges;
        font-weight: normal;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.discretion {
        color:white;
        font-family:arial;
        font-size:11px;
        line-height: 13px;
}
.droite {
        text-align:right;
}
.centre {
        text-align:center;
}
.modal-fenetre {
        position:fixed;
        z-index:1000;
        top:0;
        left:0;
        height:100%;
        width:100%;
        background:#777;
        background:rgba(90,86,93,0.7);
        text-align:center;
}
.modal-contenu {
        position:relative;
        width:30%;
        margin:0 auto;
        top:30%;
}
.nom-sci {
        font-style: italic;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* 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;   
}

/* Bouton de sélection des fichiers */
#fichier {
        visibility: hidden;
        height:0;
        width:0;
}
#photos-conteneur {
        height: 120px;
}
#photo-placeholder {
        background: url("../img/icones/icone-photo.png");
        background-size: 89px;
        cursor: pointer;
        margin-bottom: 15px;
        margin-right: 15px;
        float:left;
        border: 5px dashed #CCCCCC;
        border-radius: 8px 8px 8px 8px;
        height: 100px;
        margin: 2px 0 2px 2px;
        text-align: center;
        width: 98px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
}
#photo-placeholder:hover {
        background: url("../img/icones/icone-photo-hover.png");
        background-size: 89px;
        border: 5px dashed #111; 
        border-radius: 8px;
}

/* 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;
        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;
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* Correction style CSS Bootstrap */
.well {
        margin-bottom: 5px;
        padding: 4px;
        background: url("../img/background/noise.png") repeat scroll 0 0 white;
}
@media (min-width: 575px) and (max-width: 767px){
        .forcer-colonne [class*="span"] {
                float: left;
                margin-left: 2.12766%;
        }
        .forcer-colonne .span4 {
                width: 31.6239%;
        }
        .forcer-colonne .span6 {
                width: 48.9362%;
        }
        .forcer-colonne .span8 {
                width: 65.9574%;
        }
}
@media (min-width: 1600px) {
        .container {
                width: 1580px;
        }
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Spécifique Florilèges */
.entete .intro {
        background: url("../img/background/noise.png") repeat scroll 0 0, radial-gradient(ellipse farthest-corner at center center , #A1C886 0%, #689E4B 100%) repeat scroll 0 0 transparent;
        color: white;
        padding:5px;
}
.entete .intro a {
        color: #524C47;
}

/* Géolocalisation */
#map-canvas {
        height: 240px;
        margin-bottom:5px;
}
.coordonnees-geo, .lat-lon-info {
        font-size: 10px;
}
#info-commune {
        text-align:right;
        font-size:10px;
}
.afficher-coord {
        font-size:10px;
}

/* 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;
}

/* Validation du formulaire */
label.valid {
        display: inline-block;
        text-indent: -9999px;
        color: #468847;
}
label.error {
        font-weight: bold;
        font-style:italic;
        color: #B94A48;
        padding: 0 8px;
}
.control-group.error label {
        font-weight: bold;
}
.error .horizontal-slider{
        background: #B94A48;
}
.slider-holder + select + label.error {
        clear: both;
}
#form-date .input-prepend input {
        vertical-align:top;
}
#form-date .input-prepend  input + label.error {
        display: block;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* SLIDERs */
.slider-on {
        display:none;
}
.slider-holder {
        height: 25px;
        margin-left: -20px;
        margin-right: 20px;
        padding-left: 40px;
        padding-top: 30px;
}
.ui-widget-header {
        background: url("../img/background/noise.png") #A1C886;
}
.horizontal-slider {
        margin: 0 3%;
        height: 9px !important;
        width: 90%;
}
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
        border-radius: 5px 0 0 5px;
}
.slider-holder p {
        float: left;
        font-size: 10px;
        text-align: center;
        top: 10px;
}
.slider-holder p + p {
        line-height: 1.5em;
}
.slider-holder .slider-legend {
        margin: 0 3%;
}
.slider-holder .slider-legend p {
        padding-top: 5px;
        overflow: hidden;
        word-wrap: break-word;
}
.horizontal-slider a.ui-slider-handle {
        background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
        border: medium none;
        border-radius: 0;
        display: block;
        font-size: 14px;
        font-weight: bold;
        height: 60px;
        margin: 5px 5px 5px -35px;
        padding: 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        top: -40px;
        width: 70px;
        white-space: nowrap;
}
.ui-slider .ui-slider-handle {
        font-size: 12px;
}
.ui-datepicker {
        z-index: 2;
}