Generated a new login area

3 files changed, 55 insertions, 10 deletions

diff --git a/static/css/login-area.css b/static/css/login-area.css
new file mode 100644
index 00000000..15351174
--- /dev/null
+++ b/static/css/login-area.css
@@ -0,0 +1,55 @@
+#login-area {
+    width: 250px;
+    height: 350px;
+    background: url('../images/backgrounds/login-area.png') no-repeat;
+    background-size: 250px 350px;
+    margin: auto;
+    padding: 0px;
+    border: 0px;
+    position: relative;
+}
+
+#login-form {
+    display: block;
+    padding-top: 151px;
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+#login-form input[type=text], #login-form input[type=password] {
+    display: block;
+    margin: 0px auto 18px auto;
+    width: 180px;
+    font-size: 12px;
+    padding: 4px 8px;
+    background: transparent;
+    color: #54598E;
+    border-radius: 4px;
+}
+
+#login-form input::placeholder {
+    color: #787dab;
+}
+
+#login-form input[type=submit] {
+    width: 131px;
+    height: 26px;
+    cursor: pointer;
+    position: absolute;
+    bottom: 55px;
+    left: 61px;
+    border-radius: 2px;
+    background: transparent;
+}
+
+#login-area > #register-now-button {
+    display: block;
+    width: 60px;
+    height: 12px;
+    cursor: pointer;
+    border-radius: 2px;
+    position: absolute;
+    bottom: 30px;
+    right: 40px;
+    background: transparent;
+}
diff --git a/static/css/styles.css b/static/css/styles.css
index bed7d0be..072c68b7 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -310,16 +310,6 @@ blockquote {
     display: block;
 }
 
-#login-form div {
-    margin: 0px 0px 15px 0px;
-    padding: 0px;
-}
-
-#login-form span {
-    display: inline-block;
-    width: 70px;
-}
-
 #recent-posts h1 {
     margin: 0px;
     padding: 0px;
diff --git a/static/images/backgrounds/login-area.png b/static/images/backgrounds/login-area.png
new file mode 100644
index 00000000..49a68c7e
--- /dev/null
+++ b/static/images/backgrounds/login-area.png