simplify temporary login css

This commit is contained in:
MinRK
2014-09-22 12:19:04 -07:00
parent f33bf7fea8
commit 1f3fe9c84d
2 changed files with 23 additions and 43 deletions

View File

@@ -1,49 +1,33 @@
#login-main { #login-main {
& > form { form {
margin: 80px auto; margin: 8px auto;
width: 400px; width: 400px;
padding: 50px; padding: 50px;
margin-top: 8px; border: 1px solid #ccc;
border: 1px solid black; font-size: large;
}
* {
border-radius: 0px;
} }
.input-group, input, button {
& .input-group{ width: 100%;
width:100%;
} }
& .input-group-addon { .input-group-addon {
width:100px; width: 100px;
border-radius:0;
} }
& .form-control{ input:focus {
font-size:large;
}
& input[type=username]
{
width:100%;
border-radius:0;
}
& input[type=password]{
width:100%;
margin-top:-1px;
border-radius:0;
}
& button[type=submit]{
margin-top:10px;
width:100%;
}
& input[type=password]:focus,input[type=username]:focus{
z-index: 5; z-index: 5;
} }
& #pwd-addon{ .pwd-group {
border-top:none; margin-top: -1px;
}
button[type=submit] {
margin-top: 16px;
} }
} }

View File

@@ -11,15 +11,11 @@
<span class="input-group-addon">Username:</span> <span class="input-group-addon">Username:</span>
<input type="username" class="form-control" name="username" id="username_input" val="{{username}}"> <input type="username" class="form-control" name="username" id="username_input" val="{{username}}">
</div> </div>
<div class="input-group"> <div class="input-group pwd-group">
<span id='pwd-addon' class="input-group-addon">Password:</span> <span class="input-group-addon">Password:</span>
<input type="password" class="form-control" name="password" id="password_input"> <input type="password" class="form-control" name="password" id="password_input">
</div> </div>
<div class="input-group"> <button type="submit" id="login_submit" class="btn btn-default">Log in</button>
<span class="input-group-btn">
<button type="submit" id="login_submit" class="btn btn-default">Log in</button>
</span>
</div>
</form> </form>
{% if message %} {% if message %}
<div class="row"> <div class="row">