First styles for private blog login

This commit is contained in:
John O'Nolan 2015-05-11 13:11:59 +01:00
parent 37f92674b8
commit 443eafeeca
2 changed files with 32 additions and 10 deletions

View File

@ -266,3 +266,27 @@
height: 37px;
}
}//.forgotten-form
//
// Private Blog Login
// Slug: /private/
// --------------------------------------------------
.private-login {
h1 {
margin-bottom: 2rem;
text-indent: 0;
}
.form-group {
margin: 0;
}
input[type="password"] {
padding: 9px 7px;
border-radius: 3px 3px 0 0;
}
.private-login-button {
padding: 9px 1.8em;
border-radius: 0 0 3px 3px;
}
}

View File

@ -24,19 +24,17 @@
<main role="main" id="main" class="viewport">
<section class="setup-box js-setup-box fade-in">
<div class="vertical">
<form id="setup" class="setup-form" method="post" novalidate="novalidate">
<header>
<h1>This blog is private</h1>
</header>
<form id="setup" class="setup-form private-login" method="post" novalidate="novalidate">
<h1>This blog is private</h1>
<input type="hidden" name="forward" value="{{forward}}">
<div class="form-group">
<input type="text" name="password" autofocus="autofocus" class="icon-lock">
</div>
<footer>
<button type="submit" class="btn btn-green btn-lg">
<span class="input-icon icon-lock">
<input class="private-login-password" type="password" name="password" autofocus="autofocus" />
</span>
<button class="btn btn-green private-login-button" type="submit">
Enter
</button>
</footer>
</div>
</form>
</div>
</section>