Created
February 23, 2016 20:23
-
-
Save ckob/9dd9da401c36d2c61240 to your computer and use it in GitHub Desktop.
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link rel="stylesheet" href="css/bootstrap.min.css"> | |
| <link rel="stylesheet" type="text/css" href="css/login.css"> | |
| <title>Chang</title> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-12"> | |
| <div class="pr-wrap"> | |
| <div class="pass-reset"> | |
| <label> | |
| Enter the email you signed up with</label> | |
| <input type="email" placeholder="Email" /> | |
| <input type="submit" value="Submit" class="pass-reset-submit btn btn-success btn-sm" /> | |
| </div> | |
| </div> | |
| <div class="wrap"> | |
| <p class="form-title"> | |
| Sign In</p> | |
| <div class="form login"> | |
| <input id="usuari" placeholder="Usuari"/> | |
| <input id="contrasenya" type="password" placeholder="Contrasenya"/> | |
| <input id="entrar" onclick="entrarClick()" type="submit" value="Entrar" class="btn btn-success btn-sm"/> | |
| <input id="registre" onclick="registreClick()" type="submit" value="Registrar" class="btn btn-info btn-xs"/> | |
| <div class="missatge"> | |
| asdasd | |
| </div> | |
| </div> | |
| <!-- | |
| <div class="remember-forgot"> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <div class="checkbox"> | |
| <label> | |
| <input type="checkbox" /> | |
| Remember Me | |
| </label> | |
| </div> | |
| </div> | |
| <div class="col-md-6 forgot-pass-content"> | |
| <a href="javascription:void(0)" class="forgot-pass">Forgot Password</a> | |
| </div> | |
| </div> | |
| </div>--> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="posted-by">Xat Chang</div> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or 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
| body | |
| { | |
| /*background: url('http://farm3.staticflickr.com/2832/12303719364_c25cecdc28_b.jpg') fixed;*/ | |
| background-color: #688A67; | |
| background-size: cover; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .wrap | |
| { | |
| width: 100%; | |
| height: 100%; | |
| min-height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 99; | |
| } | |
| p.form-title | |
| { | |
| font-family: 'Open Sans' , sans-serif; | |
| font-size: 20px; | |
| font-weight: 600; | |
| text-align: center; | |
| color: #FFFFFF; | |
| margin-top: 5%; | |
| text-transform: uppercase; | |
| letter-spacing: 4px; | |
| } | |
| .form | |
| { | |
| width: 250px; | |
| margin: 0 auto; | |
| } | |
| .form div.missatge { | |
| text-align: center; | |
| width: 100%; | |
| margin: 0; | |
| padding: 5px 10px; | |
| background: 0; | |
| border: 0; | |
| outline: 0; | |
| font-style: italic; | |
| font-size: 12px; | |
| font-weight: 400; | |
| letter-spacing: 1px; | |
| margin-bottom: 5px; | |
| color: #FFFFFF; | |
| outline: 0; | |
| } | |
| .form.login input[id="usuari"], .form.login input[id="contrasenya"] | |
| { | |
| width: 100%; | |
| margin: 0; | |
| padding: 5px 10px; | |
| background: 0; | |
| border: 0; | |
| border-bottom: 1px solid #FFFFFF; | |
| outline: 0; | |
| font-style: italic; | |
| font-size: 12px; | |
| font-weight: 400; | |
| letter-spacing: 1px; | |
| margin-bottom: 5px; | |
| color: #FFFFFF; | |
| outline: 0; | |
| } | |
| .form.login input[type="submit"] | |
| { | |
| width: 100%; | |
| font-size: 14px; | |
| font-weight: 500; | |
| margin-top: 10px; | |
| outline: 0; | |
| cursor: pointer; | |
| letter-spacing: 1px; | |
| } | |
| .form.login input[type="submit"]:hover | |
| { | |
| transition: background-color 0.5s ease; | |
| } | |
| .form.login .remember-forgot | |
| { | |
| float: left; | |
| width: 100%; | |
| margin: 10px 0 0 0; | |
| } | |
| .form.login .forgot-pass-content | |
| { | |
| min-height: 20px; | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| .form.login label, form.login a | |
| { | |
| font-size: 12px; | |
| font-weight: 400; | |
| color: #FFFFFF; | |
| } | |
| .form.login a | |
| { | |
| transition: color 0.5s ease; | |
| } | |
| .form.login a:hover | |
| { | |
| color: #2ecc71; | |
| } | |
| .pr-wrap | |
| { | |
| width: 100%; | |
| height: 100%; | |
| min-height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 999; | |
| display: none; | |
| } | |
| .show-pass-reset | |
| { | |
| display: block !important; | |
| } | |
| .pass-reset | |
| { | |
| margin: 0 auto; | |
| width: 250px; | |
| position: relative; | |
| margin-top: 22%; | |
| z-index: 999; | |
| background: #FFFFFF; | |
| padding: 20px 15px; | |
| } | |
| .pass-reset label | |
| { | |
| font-size: 12px; | |
| font-weight: 400; | |
| margin-bottom: 15px; | |
| } | |
| .pass-reset input[type="email"] | |
| { | |
| width: 100%; | |
| margin: 5px 0 0 0; | |
| padding: 5px 10px; | |
| background: 0; | |
| border: 0; | |
| border-bottom: 1px solid #000000; | |
| outline: 0; | |
| font-style: italic; | |
| font-size: 12px; | |
| font-weight: 400; | |
| letter-spacing: 1px; | |
| margin-bottom: 5px; | |
| color: #000000; | |
| outline: 0; | |
| } | |
| .pass-reset input[type="submit"] | |
| { | |
| width: 100%; | |
| border: 0; | |
| font-size: 14px; | |
| text-transform: uppercase; | |
| font-weight: 500; | |
| margin-top: 10px; | |
| outline: 0; | |
| cursor: pointer; | |
| letter-spacing: 1px; | |
| } | |
| .pass-reset input[type="submit"]:hover | |
| { | |
| transition: background-color 0.5s ease; | |
| } | |
| .posted-by | |
| { | |
| position: absolute; | |
| bottom: 26px; | |
| margin: 0 auto; | |
| color: #FFF; | |
| background-color: rgba(0, 0, 0, 0.33); | |
| padding: 10px; | |
| left: 45%; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment