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 */
.miniature{
        float: left;
        height: 130px;
        padding-left: 15px;
        padding-right: 15px;
}
.miniature-img {
        height: 100px;
}
.miniature img {
        display: block;
}
.miniature-chargement {
        height:100px;
        width: 100px;   
}
.defilement-miniatures-gauche, .defilement-miniatures-droite {
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        height: 62px;
        margin: 5px;
        padding-top: 30px;
        width: 12px;
}
.defilement-miniatures {
        width: 210px;
}
.defilement-miniatures-cache {
        visibility: hidden;
}
.miniature-cachee {
        display: none;
}
.miniature-selectionnee {
        display: block;
        width: 90px;
}
#fichier {
        display: none;
}
#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;
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* 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%;
        }
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Spécifique Florilèges */
.page-header .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;
}
.page-header .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;
        color: #B94A48;
        padding: 2px 8px;
        margin-top: 2px;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* SLIDERs */
.slider-on {
        display: none;
}
.slider-holder {
        height: 65px;
        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;
}
.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;
}