lynnesbian/FediBooks
lynnesbian/FediBooks
1
0
Fork 0
mirror of https://github.com/Lynnesbian/FediBooks/ synced 2024-11-25 16:48:58 +00:00
Code Issues Releases Wiki Activity

improved style on login page

Browse source
This commit is contained in:
Lynne Megido 2019-08-29 11:35:06 +10:00
parent 7be70f0bd4
commit 669babf033
2 changed files with 33 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
static/style.css
View file

@ -33,8 +33,11 @@ body {
.row { .row {
display: flex; display: flex;
} }
.full-width {
width: 100%;
}
a.button { .button {
color: white; color: white;
line-height:1.2em; line-height:1.2em;
padding:10px; padding:10px;
@ -42,28 +45,32 @@ a.button {
display: inline-block; display: inline-block;
margin: 5px 0; margin: 5px 0;
transition: 0.2s linear; transition: 0.2s linear;
border:none;
} }
a.button:visited { .button:visited {
color:white; color:white;
} }
input.button {
font-size: 1em;
}
a.btn-primary { .btn-primary {
background-color: #9370db; background-color: #9370db;
border-color: #9370db; border-color: #9370db;
} }
a.btn-primary:hover { .btn-primary:hover {
background-color: #7859b6; background-color: #7859b6;
border-color: #7859b6; border-color: #7859b6;
} }
a.btn-secondary { .btn-secondary {
background-color: #999; background-color: #999;
} }
a.btn-secondary:hover { .btn-secondary:hover {
background-color: #777; background-color: #777;
} }
a.btn-large { .btn-large {
font-size: 1.6em; font-size: 1.6em;
} }
@ -83,3 +90,14 @@ h1, h2, h3, h4, h5, h6 {
font-weight: 400; font-weight: 400;
margin: 0; margin: 0;
} }
form {
text-align: justify;
display:inline-block;
}
label.important {
font-size: 1.4em;
margin: 10px 0;
font-weight: 300;
display:block;
}

11
templates/login.html
View file

@ -11,13 +11,16 @@
<h1 class="thin centred">Log in</h1> <h1 class="thin centred">Log in</h1>
</div> </div>
<div class="container"> <div class="container centred">
<form> <form action="/do/login" method="POST">
<label for="email">Email</label><br> <p>
<label for="email" class="important">Email</label>
<input type="email" name="email" placeholder="you@example.com"> <input type="email" name="email" placeholder="you@example.com">
<br> <br>
<label for="password">Password</label><br> <label for="password" class="important">Password</label>
<input type="password" name="password" placeholder="password"> <input type="password" name="password" placeholder="password">
</p>
<input type="submit" value="Log in" class="button btn-primary full-width">
</form> </form>
</div> </div>