Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <style>
- body {font-family: Arial, Helvetica, sans-serif;}
- /* Full-width input fields */
- input[type=text], input[type=password] {
- padding: 12px 20px;
- margin: 8px 0;
- display: inline-block;
- border: 1px solid #ccc;
- box-sizing: border-box;
- margin-left:1rem
- }
- input[type=text]:hover, input[type=password]:hover {
- border: 1px solid #b9b9b9;
- border-top: 1px solid #a0a0a0;
- -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
- -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
- box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
- }
- .loginmodal-container {
- padding: 30px;
- max-width: 350px;
- width: 100% !important;
- background-color: #F7F7F7;
- margin: 0 auto;
- border-radius: 2px;
- box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
- overflow: hidden;
- font-family: roboto;
- }
- .loginmodal-container h1 {
- text-align: center;
- font-size: 1.8em;
- font-family: roboto;
- }
- .loginmodal-container input[type=submit] {
- width: 100%;
- display: block;
- margin-bottom: 10px;
- position: relative;
- }
- .loginmodal-submit {
- border: 0px;
- color: #fff;
- text-shadow: 0 1px rgba(0,0,0,0.1);
- background-color: #4d90fe;
- padding: 17px 0px;
- font-family: roboto;
- font-size: 14px;
- }
- .loginmodal-submit:hover {
- border: 0px;
- text-shadow: 0 1px rgba(0,0,0,0.3);
- background-color: #357ae8;
- }
- </style>
- </head>
- <body>
- <div class="loginmodal-container">
- <h1>Login</h1>
- <form>
- <label for="uname"><b>Username:</b></label>
- <input type="text" placeholder="Enter Username" name="uname" required>
- <br/>
- <label for="psw" style="margin-right:.2rem"><b>Password:</b></label>
- <input type="password" placeholder="Enter Password" name="psw" required>
- <br/>
- <input type="submit" name="login" class="login loginmodal-submit" value="Login">
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment