New file |
0,0 → 1,189 |
/*body { |
padding: 10px; |
}*/ |
|
/*#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; |
} |
|
.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: 50px; |
/*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: 45px; |
} |
|
#formulaire-identification { |
width: 300px; |
height: 260px; |
margin: auto; |
} |
|
#lien-inscription { |
float: left; |
line-height: 30px; |
text-decoration: underline; |
margin-left: 5px; |
} |
|
#bouton-connexion { |
float: right; |
} |
|
.left { |
float: left; |
} |
|
.right { |
float: right; |
} |
|
.info-erreur { |
color: red; |
} |