Untitled
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.clear { clear: both; } | |
.authenticationWidget { | |
position: relative; | |
font-family: Helvetica Neue; | |
font-size: 0.9em; | |
} | |
h2 { | |
margin: 30px 0 0 10px; | |
padding: 0; | |
float: left; | |
z-index: 100; | |
font-size: 22px; | |
} | |
.authIcon { | |
border-radius: 50%; | |
border: white 10px solid; | |
float: left; | |
margin-left: 15px; | |
z-index: 100; | |
} | |
.inner { | |
background: #ff6600; | |
margin-top: -35px; | |
z-index: 10; | |
padding: 40px 20px 10px; | |
width: 275px; | |
background: linear-gradient(#ff9a67, #ffc181); | |
} | |
input { | |
width: 130px; | |
float: right; | |
} | |
input[type=checkbox] { | |
width: auto; | |
} | |
.layout { | |
clear: both; | |
overflow: hidden; | |
} | |
.layout label { | |
width: 100px; | |
display: block; | |
float: left; | |
} | |
.layout.rememberMe { | |
margin: 10px 0; | |
} | |
.layout.rememberMe label{ | |
width: 250px; | |
} | |
.buttons { | |
text-align: center; | |
} | |
button { | |
width: 100%; | |
} | |
.forgottenPassword { | |
margin-top: 5px; | |
text-align: right; | |
font-size: small; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="authenticationWidget"> | |
<h2>authentification</h2> | |
<img class="authIcon" src="http://placehold.it/75x75" /> | |
<div class="clear"></div> | |
<div class="inner"> | |
<form> | |
<div class="layout"> | |
<label>identifiant</label> | |
<input placeholder="identifiant" /> | |
<div> | |
<div class="layout"> | |
<label>mot de passe</label> | |
<input type="password" placeholder="mot de passe" /> | |
</div> | |
<div class="layout rememberMe"> | |
<label>se souvenir de ce mot de passe</label> | |
<input type="checkbox" /> | |
</div> | |
<div class="buttons"> | |
<button type="submit" class="strong">login</button> | |
</div> | |
<div class="forgottenPassword"> | |
<a href="#">oubli mot de passe?</a> | |
</div> | |
</form> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// alert('Hello world!'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment