Subversion Repositories eFlore/Applications.cel

Rev

Rev 2118 | Blame | Last modification | View Log | RSS feed

@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;   
}

#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;
        cursor: pointer;
}

.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-color: #689E4B;
        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: 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;
}

/* 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.error {
        font-weight: bold;
        font-style: italic;
        color: #B94A48;
        padding: 0 8px;
}

label.valid {
        display: inline-block;
        text-indent: -9999px;
        color: #468847;
        width: 0;
        height: 0;
        padding: 0;
}

.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;
}

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

#liste-obs .obs-erreur {
        background-color: #DD6E6E;
}

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