<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <div class="container"> <div class="row"> <div class="col-md-3"> </div> <div class="col-md-9 bg-brown paddingTB20"> <div class="col-md-6 text-center"> <i class="glyphicon glyphicon-cog icon"></i> </div> <div class="col-md-6"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Create an Account</legend> <p>Don't have an account? Create your account. It's take less then a minute.</p> <!-- Text input--> <div class="form-group"> <div class="col-md-12"> <input id="Name" name="Name" placeholder="Name" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <div class="col-md-12"> <input id="Email" name="Email" placeholder="Email" class="form-control input-md" type="text"> </div> </div> <!-- Password input--> <div class="form-group"> <div class="col-md-12"> <input id="Password" name="Password" placeholder="Password" class="form-control input-md" required="" type="password"> </div> </div> <!-- Password input--> <div class="form-group"> <div class="col-md-12"> <input id="confirm password" name="confirm password" placeholder="Confirm Password" class="form-control input-md" required="" type="password"> </div> </div> <!-- Button --> <div class="form-group"> <div class="col-md-6"> <button id="listing-button" name="listing-button" class="btn btn-warning">Register</button> </div> </div> <p>Are you a already member ? Login</p> </fieldset> </form> </div> </div> </div> </div>

.bg-brown { background-color: #eaeaea; box-shadow: 2px 2px 2px #888888; } .paddingTB20 { padding-top : 20px; padding-bottom:20px; } .marginT20 { margin-top : 20px; } textarea.form-control { background-color: #fff; color:#b2b1b0; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #e9e6e0; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); } input.form-control { height: 38px; background-color: #fff; color:#000; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #e9e6e0; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); } form-control::-webkit-input-placeholder { color: black; } .form-control:-moz-placeholder { color: black; } .form-control::-moz-placeholder { color: black; } .form-control:-ms-input-placeholder { color: black; } .form-control:focus{border-color: #f2a446; box-shadow: none; -webkit-box-shadow: none;} /* upload button css */ .upload-box .btn-file { background-color: #adaba9; } .upload-box .btn-file:hover { background-color: #686563; } .upload-box .hold { float: left; width: 100%; position: relative; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } .upload-box .hold a { font: 400 14px/36px 'Roboto',sans-serif; color: #666; text-decoration: none; } .upload-box .btn-file { position: relative; overflow: hidden; float: left; padding: 12px 9px; font: 300 14px/14px 'Roboto',sans-serif; color: #fff; margin: 0 10px 0 0; text-transform: uppercase; border-radius: 3px; cursor: pointer; } .upload-box .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; outline: none; background: #fd0707; cursor: inherit; display: block; }

.form-control:focus{border-color: #000; box-shadow: none; -webkit-box-shadow: none;}