Migrated Login to a cleaner experience

7 files changed, 46 insertions, 0 deletions

diff --git a/static/css/login-area.css b/static/css/login-area.css
index 15351174..5f06ba54 100644
--- a/static/css/login-area.css
+++ b/static/css/login-area.css
@@ -27,6 +27,14 @@
     border-radius: 4px;
 }
 
+/* Reset auto fill */
+#login-form input:-webkit-autofill,
+#login-form input:-webkit-autofill:hover, 
+#login-form input:-webkit-autofill:focus, 
+#login-form input:-webkit-autofill:active{
+    transition: background-color 1s ease-in 2000s;
+}
+
 #login-form input::placeholder {
     color: #787dab;
 }
@@ -53,3 +61,41 @@
     right: 40px;
     background: transparent;
 }
+
+#login-error {
+    position: relative;
+}
+
+#login-error > .RFEERR {
+    background: url('../images/backgrounds/login-messages/RFEERR.png') no-repeat;
+}
+
+#login-error > .IUOPERR {
+    background: url('../images/backgrounds/login-messages/IUOPERR.png') no-repeat;
+}
+
+#login-error > .ENVERR {
+    background: url('../images/backgrounds/login-messages/ENVERR.png') no-repeat;
+}
+
+#login-error > .VESENDERR {
+    background: url('../images/backgrounds/login-messages/VESENDERR.png') no-repeat;
+}
+
+#login-error > .VESENT {
+    background: url('../images/backgrounds/login-messages/VESENT.png') no-repeat;
+}
+
+#login-error > .VESUCCESS {
+    background: url('../images/backgrounds/login-messages/VESUCCESS.png') no-repeat;
+}
+
+#login-error > .messageBox {
+    position: absolute;
+    background-size: 250px 166px;
+    width: 250px;
+    height: 166px;
+    top: -100px;
+    left: -140px;
+    z-index: 2;
+}
diff --git a/static/images/backgrounds/login-messages/ENVERR.png b/static/images/backgrounds/login-messages/ENVERR.png
new file mode 100644
index 00000000..7b22a579
--- /dev/null
+++ b/static/images/backgrounds/login-messages/ENVERR.png
diff --git a/static/images/backgrounds/login-messages/IUOPERR.png b/static/images/backgrounds/login-messages/IUOPERR.png
new file mode 100644
index 00000000..5aed36f1
--- /dev/null
+++ b/static/images/backgrounds/login-messages/IUOPERR.png
diff --git a/static/images/backgrounds/login-messages/RFEERR.png b/static/images/backgrounds/login-messages/RFEERR.png
new file mode 100644
index 00000000..1b676138
--- /dev/null
+++ b/static/images/backgrounds/login-messages/RFEERR.png
diff --git a/static/images/backgrounds/login-messages/VESENDERR.png b/static/images/backgrounds/login-messages/VESENDERR.png
new file mode 100644
index 00000000..d071f509
--- /dev/null
+++ b/static/images/backgrounds/login-messages/VESENDERR.png
diff --git a/static/images/backgrounds/login-messages/VESENT.png b/static/images/backgrounds/login-messages/VESENT.png
new file mode 100644
index 00000000..d29635dd
--- /dev/null
+++ b/static/images/backgrounds/login-messages/VESENT.png
diff --git a/static/images/backgrounds/login-messages/VESUCCESS.png b/static/images/backgrounds/login-messages/VESUCCESS.png
new file mode 100644
index 00000000..a2b3d364
--- /dev/null
+++ b/static/images/backgrounds/login-messages/VESUCCESS.png