Subversion Repositories Applications.reseau

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

body {
        background-image: url(https://static.pexels.com/photos/7602/nature-plant-morning-green.jpg);
        background-size: cover;
}

/*#widget {
        margin: auto;
        max-width: 700px;
        padding: 5px;
}*/

.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: 520px;
        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;
}

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

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

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

#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;
        /*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.petite {
        margin-top: 32px;
}
#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;
}

#info-partenaire {
        color: #808080;
        margin-bottom: 25px;
}

#formulaire-identification {
        width: 360px;
        height: 260px;
        margin: auto;
}
#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;
}