Subversion Repositories Applications.reseau

/*body {
        padding: 10px;
}*/

body {
        background-image: url(http://api.tela-botanica.org/img:000191249O.jpg);
        background-size: cover;
        background-position: center;
}
#licence-image::after { /* mettre à jour lorsqu'on change l'image de fond ci-dessus */
        content: "Silene latifolia Poir. (bdtfx) - Jacques MARÉCHAL - CC BY SA";
}

#licence-image {
        position: fixed;
        padding: 10px;
        bottom: 0;
        right: 0;
        color: white;
        font-size: 0.8em;
        background-color: rgba(0,0,0,0.3);
}

.vertical-center {
        min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
        min-height: 100vh;
        display: flex;
        align-items: center;
}

.boite-centre {
        width: 480px;
        height: 450px;
        padding: 20px;
        border: solid #f0f0f0 1px;
        border-radius: 5px;
        margin: auto;
        /*text-align: center;*/
        background-color: white;
}

.boite-centre.reduite {
        height: 450px;
}

.boite-centre h1 {
        margin-top: 0;
        margin-bottom: 0;
}

.leger {
        color: #808080;
}

#panneau-bienvenue {
        text-align: center;
        margin-top: 40px;
}

#bienvenue {
        margin-top: 20px;
}

#nom-complet {
        font-size: 1.6em;
        /*margin-left: 5px;*/
}

#liste-applications {
        margin-top: 80px; /* temporaire, pour afficher un simple lien en attendant mieux */
}

#liste-applications h2 {
        font-size: 1.7em;
        margin-top: 30px;
        margin-bottom: 15px;
}

#liste-applications ul {
        /*border: solid red 1px;*/
        margin: auto;
        margin-top: 10px;
        padding: 0;
        width: 260px;
}

#liste-applications ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: left;
        /*border: solid blue 1px;*/
}

#liste-applications ul li a, #liste-applications ul li a:hover {
        text-decoration: none;
}

.bouton-appli {
        display: block;
        width: 64px;
        height: 64px;
        margin: 10px;
        border: solid #d0d0d0 1px;
        border-radius: 5px;
        font-size: 1.7em;
        line-height: 60px;
        color: white;
}

.www {
        background-color: #478DA7;
}
.eflore {
        background-color: #5EC563;
}
.cel {
        background-color: #66E3F2;
}
.identiplante {
        background-color: #F9EF14;
}
.pictoflora {
        background-color: #F9EF14;
}
.smartflore {
        background-color: #3CE946;
}
.coel {
        background-color: #A79247;
}
.referentiels {
        background-color: #909090;
}
.wiki {
        background-color: #F54521;
}

#panneau-identification {
        padding-top: 20px;
}

#liste-fournisseurs {
        margin-top: 10px;
        /*border: solid green 1px;*/
        height: 110px;
}

#liste-fournisseurs ul {
        /*border: solid red 1px;*/
        margin: auto;
        margin-top: 10px;
        padding: 0;
        /*width: 210px;*/
}

#liste-fournisseurs ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: left;
        
        display: block;
        height: 100px;
        /*border: solid blue 1px;*/
}

#liste-fournisseurs ul li a, #liste-fournisseurs ul li a:hover {
        text-decoration: none;
}
#liste-fournisseurs ul li a:focus {
        border: none;
        outline: none;
}

#liste-fournisseurs ul li img {
        margin: 5px;
}
#liste-fournisseurs ul li img.grande {
        margin-top: 40px; /* à ajuster en fonction de la hauteur des icônes choisies */
}
#liste-fournisseurs ul li img.petite {
        margin-top: 70px; /* à ajuster en fonction de la hauteur des icônes choisies */
}
#liste-fournisseurs ul li a[data-focus="true"] img.grande {
        display: block;
}
#liste-fournisseurs ul li a[data-focus="false"] img.grande {
        display: none;
}
#liste-fournisseurs ul li a[data-focus="true"] img.petite {
        display: none;
}
#liste-fournisseurs ul li a[data-focus="false"] img.petite {
        display: block;
}
#liste-fournisseurs ul li.tela-botanica {
        
}
#liste-fournisseurs ul li.tela-botanica img.grande {
        margin-top: 0;
}
#liste-fournisseurs ul li.tela-botanica a[data-focus="false"] img.grande {
        display: block;
}
#liste-fournisseurs ul li.tela-botanica a[data-focus="true"] img.petite {
        display: none;
}

#info-partenaire {
        color: #808080;
        margin-bottom: 35px;
}
#formulaire-identification,
#liste-fournisseurs,
#info-erreur-login,
#info-erreur-serveur {
        width: 360px;
        margin: auto;
}

#formulaire-identification {
        height: 240px;
}
#formulaire-identification .form-group {
        margin-bottom: 25px;
}
#formulaire-identification .form-control {
        border: none;
        border-bottom: solid #d0d0d0 1px;
        border-radius: 0;
        box-shadow: none;
        padding-left: 0;
        font-size: 18px;
        color: #505050;
}

.position-relative {
        position: relative;
}

#mdp {
        padding-right: 80px;
}

.mdp-oublie {
        position: absolute;
        top: 10px;
        right: 0;
}

.commandes-formulaire {
        margin-top: 40px;
}

#lien-inscription {
        float: left;
        line-height: 30px;
        text-decoration: underline;
        margin-left: 5px;
}

#bouton-connexion {
        float: right;
        font-size: 16px;
}

.left {
        float: left;
}

.right {
        float: right;
}

.info-erreur {
        color: red;
}