Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1420 | Rev 1424 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

#smartflore-fiche #smartflore-entete h1 {
        font-size: 3.5em;
        margin-top: 10px;
    margin-bottom: -10px;
}

#smartflore-fiche .smartflore-titre-section {
        background-color: #928B71;
        color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 20px;
}

#smartflore-fiche .smartflore-titre-section a { 
        font-size: 2em;
        font-weight: bold;
}

#smartflore-fiche .smartflore-titre-section .panel-title { 
        text-align: center;     
}

#smartflore-fiche .smartflore-titre-section-icone {
        float: left;
}

#smartflore-fiche .smartflore-contenu-section {
        margin: 20px;
        font-size: 1.5em;
        text-align: justify;
}

#smartflore-fiche #smartflore-entete {
        text-align: center;     
}

#smartflore-fiche .smart-flore-sf {
        font-size: 2em;
        color: #DE6E40;
}

#smartflore-fiche #smart-flore-logo-tela {
        bottom: 15px;
    height: 80px;
    position: relative;
}

#smartflore-fiche #smartflore-footer .smartflore-footer-bouton {
        text-align: center;
}

#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
        font-size: 2em;
        background-color: #928B71;
        color: #FFFFFF;
}

#smartflore-fiche #smartflore-noms h2 {
        margin-top: 0px;
        font-size: 1.5em;
}

#smartflore-illustrations {
        background-color: #928B71;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 20px;
}

#smartflore-illustrations .carousel-inner {
        height: 40vh;
        max-width: 100%;        
}

#smartflore-illustrations .carousel-inner .item {
        height: 100%;   
}

#smartflore-illustrations .carousel-inner .item img {
        height: 100%;   
        max-width: 100vw;
}

#smartflore-illustrations .carousel-control.right {
        background-image : none;
}

#smartflore-illustrations .carousel-control.left {
        background-image : none;
}

#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
        font-size: 1.1em;
}

#smartflore-fiche #smartflore-noms {
        font-size: 2em;
        color: #FFFFFF;
        text-align: center;
}

#smartflore-fiche .smartflore-nom-verna {
        margin-bottom: 0px;
}

#smartflore-fiche .smartflore-nom-sci, #smartflore-fiche .smartflore-famille {
        margin-top: 5px;
        display: inline-block;
}

#smartflore-fiche .smartflore-nom-sci {
        font-style: italic;
}

#smartflore-footer #smartflore-sources {
        display: none;
}


/**
 *
 * Media Queries
 *
*/
@media screen and (max-width: 384px) {
        #smartflore-fiche #smartflore-entete h1 {
                font-size: 2.2em;
        }
        
        #smartflore-fiche .smartflore-contenu-section {
                margin: 20px;
                font-size: 1em;
        }
        
        #smartflore-fiche #smartflore-noms h2 {
                font-size: 1.2em;
        }
        
        #smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
                font-size: 0.6em;
        }
        
        #smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
                font-size: 0.9em;
        }
        
        #smartflore-fiche .smartflore-titre-section a { 
                font-size: 1.5em;
        }
}

@media all and (orientation:portrait) {
        #smartflore-illustrations .carousel-inner {
                height: 40vh;
        }
        
        #smartflore-fiche #smart-flore-logo-tela {
                bottom: 13px;
            height: 7vh;
            position: relative;
            min-height: 50px;
        }
        
        #smartflore-fiche #smartflore-entete h1 {
            margin-top: -3px;
        margin-bottom: -6px;
        }
}

@media all and (orientation:landscape) {
        #smartflore-illustrations .carousel-inner {
                height: 90vh;
        }
        
        #smartflore-fiche #smartflore-entete h1 {
            margin-top: -10px;
        margin-bottom: -10px;
        }
}