| 5,6 → 5,7 |
|---|
| body { |
| background-image: url(https://static.pexels.com/photos/7602/nature-plant-morning-green.jpg); |
| background-size: cover; |
| background-position: center; |
| } |
| |
| /*#widget { |
| 27,7 → 28,7 |
|---|
| border: solid #f0f0f0 1px; |
| border-radius: 5px; |
| margin: auto; |
| text-align: center; |
| /*text-align: center;*/ |
| background-color: white; |
| } |
| |
| 115,10 → 116,14 |
|---|
| background-color: #F54521; |
| } |
| |
| #panneau-identification { |
| padding-top: 20px; |
| } |
| |
| #liste-fournisseurs { |
| margin-top: 10px; |
| /*border: solid green 1px;*/ |
| height: 80px; |
| height: 110px; |
| } |
| |
| #liste-fournisseurs ul { |
| 126,7 → 131,7 |
|---|
| margin: auto; |
| margin-top: 10px; |
| padding: 0; |
| width: 210px; |
| /*width: 210px;*/ |
| } |
| |
| #liste-fournisseurs ul li { |
| 134,6 → 139,9 |
|---|
| padding: 0; |
| list-style-type: none; |
| float: left; |
| |
| display: block; |
| height: 100px; |
| /*border: solid blue 1px;*/ |
| } |
| |
| 148,8 → 156,11 |
|---|
| #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: 32px; |
| 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; |
| 163,17 → 174,34 |
|---|
| #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: 25px; |
| margin-bottom: 35px; |
| } |
| |
| #formulaire-identification { |
| #formulaire-identification, |
| #liste-fournisseurs, |
| #info-erreur-login, |
| #info-erreur-serveur { |
| width: 360px; |
| height: 260px; |
| margin: auto; |
| } |
| |
| #formulaire-identification { |
| height: 240px; |
| } |
| #formulaire-identification .form-group { |
| margin-bottom: 25px; |
| } |