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