/trunk/widget/modules/auth/squelettes/auth_fr.tpl.php |
---|
34,18 → 34,16 |
<!-- <h1>Auth !</h1> --> |
<div class="vertical-center"> |
<div class="boite-centre"> |
<h1>Tela Botanica</h1> |
<div class="contenu-boite" id="panneau-identification" style="display: none;"> |
<div id="liste-fournisseurs"> |
<ul> |
<li> |
<li class="tela-botanica"> |
<a href="#" data-focus="true" title="Se connecter avec Tela Botanica" data-toggle="tooltip" |
data-nom-partenaire="Tela Botanica" |
data-login-legende="Adresse courriel" |
data-login-type-champ="email" |
data-url-oubli-mdp="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp"> |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/64x64/logo.png" /> |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/24x24/logo.png" /> |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/96x96/logo_sans_mots.png" /> |
</a> |
</li> |
<li> |
93,7 → 91,7 |
<input type="password" required class="form-control" id="mdp" placeholder="mot de passe"> |
</div> |
<div class="commandes-formulaire"> |
<a id="lien-inscription" href="http://www.tela-botanica.org/inscription" target="_blank">S'inscrire</a> |
<a id="lien-inscription" href="http://www.tela-botanica.org/inscription" target="_blank">Créer un compte</a> |
<button id="bouton-connexion" type="submit" class="btn btn-primary">Se connecter</button> |
</div> |
</form> |
/trunk/widget/modules/auth/squelettes/auth_en.tpl.php |
---|
34,18 → 34,16 |
<!-- <h1>Auth !</h1> --> |
<div class="vertical-center"> |
<div class="boite-centre"> |
<h1>Tela Botanica</h1> |
<div class="contenu-boite" id="panneau-identification" style="display: none;"> |
<div id="liste-fournisseurs"> |
<ul> |
<li> |
<li class="tela-botanica"> |
<a href="#" data-focus="true" title="Log in with Tela Botanica" data-toggle="tooltip" |
data-nom-partenaire="Tela Botanica" |
data-login-legende="Email address" |
data-login-type-champ="text" |
data-url-oubli-mdp="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp"> |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/64x64/logo.png" /> |
<img class="petite" src="http://resources.tela-botanica.org/tb/img/24x24/logo.png" /> |
<img class="grande" src="http://resources.tela-botanica.org/tb/img/96x96/logo_sans_mots.png" /> |
</a> |
</li> |
<li> |
84,20 → 82,18 |
Log in with <span id="nom-partenaire">Tela Botanica</span> |
</div> |
<div class="form-group"> |
<label class="left" for="login">Email address</label> |
<br/> |
<input type="email" required class="form-control" id="login" placeholder="john@tela-botanica.org"> |
<input type="email" required class="form-control" id="login" placeholder="email address"> |
</div> |
<div class="form-group"> |
<label class="left" for="mdp">Password</label> |
<span class="right"> |
(<a id="mdp-oublie" href="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp" target="_blank">lost it ?</a>) |
<div class="form-group position-relative"> |
<span class="mdp-oublie"> |
<a id="mdp-oublie" href="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp" target="_blank">lost it ?</a> |
</span> |
<br/> |
<input type="password" required class="form-control" id="mdp" placeholder="password"> |
</div> |
<div class="commandes-formulaire"> |
<a id="lien-inscription" href="http://www.tela-botanica.org/inscription" target="_blank">Sign up</a> |
<button id="bouton-connexion" type="submit" class="btn btn-primary">Log in</button> |
</div> |
</form> |
<div class="info-erreur" id="info-erreur-login" style="display:none;">Wrong id or password</div> |
<div class="info-erreur" id="info-erreur-serveur" style="display:none;">Server error</div> |
/trunk/widget/modules/auth/squelettes/css/defaut.css |
---|
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; |
} |