diff options
| -rw-r--r-- | img/helsinki.png | bin | 0 -> 5005 bytes | |||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | styles/signin.css | 13 |
3 files changed, 16 insertions, 1 deletions
diff --git a/img/helsinki.png b/img/helsinki.png Binary files differnew file mode 100644 index 0000000..ec74fc3 --- /dev/null +++ b/img/helsinki.png @@ -11,6 +11,7 @@ <link href="/styles/signin.css" rel="stylesheet"> <style type="text/css"> body { + background-color: #eee; padding-top: 60px; padding-bottom: 40px; } @@ -51,7 +52,8 @@ <div class="container"> <form id="loginform" class="form-signin" role="form"> - <h1>Radio Helsinki - Import</h1> + <img src="/img/helsinki.png" /> + <h1 class="form-signin-heading">Radio Helsinki - Import</h1> <h2 class="form-signin-heading">Please sign in</h2> <input id="username" type="text" class="form-control" placeholder="Username" required autofocus> <input id="password" type="password" class="form-control" placeholder="Password" required> diff --git a/styles/signin.css b/styles/signin.css index dc99d8e..fbbac35 100644 --- a/styles/signin.css +++ b/styles/signin.css @@ -3,6 +3,12 @@ padding: 15px; margin: 0 auto; } +.form-signin img { + display: block; + margin-left: auto; + margin-right: auto; + margin-bottom: 10px; +} .form-signin .form-signin-heading { margin-bottom: 10px; } @@ -14,6 +20,10 @@ box-sizing: border-box; padding: 10px; font-size: 16px; + width: 100%; + display: block; + margin-left: auto; + margin-right: auto; } .form-signin .form-control:focus { z-index: 2; @@ -30,4 +40,7 @@ } .form-signin button[type="submit"] { display: block; + margin-left: auto; + margin-right: auto; + width: 100%; } |
