0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00

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; height: 37px;
} }
}//.forgotten-form }//.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"> <main role="main" id="main" class="viewport">
<section class="setup-box js-setup-box fade-in"> <section class="setup-box js-setup-box fade-in">
<div class="vertical"> <div class="vertical">
<form id="setup" class="setup-form" method="post" novalidate="novalidate"> <form id="setup" class="setup-form private-login" method="post" novalidate="novalidate">
<header> <h1>This blog is private</h1>
<h1>This blog is private</h1>
</header>
<input type="hidden" name="forward" value="{{forward}}"> <input type="hidden" name="forward" value="{{forward}}">
<div class="form-group"> <div class="form-group">
<input type="text" name="password" autofocus="autofocus" class="icon-lock"> <span class="input-icon icon-lock">
</div> <input class="private-login-password" type="password" name="password" autofocus="autofocus" />
<footer> </span>
<button type="submit" class="btn btn-green btn-lg"> <button class="btn btn-green private-login-button" type="submit">
Enter Enter
</button> </button>
</footer> </div>
</form> </form>
</div> </div>
</section> </section>