1 files changed, 94 insertions, 0 deletions
diff --git a/static/css/shared/login-area.css b/static/css/shared/login-area.css
new file mode 100644
index 00000000..4fd5331c
--- /dev/null
+++ b/static/css/shared/login-area.css
@@ -0,0 +1,94 @@
+#login-area {
+  width: 200px;
+  height: 280px;
+  background-repeat: no-repeat;
+  background-size: 200px 280px;
+  margin: auto;
+  padding: 0px;
+  border: 0px;
+  position: relative;
+  top: -65px;
+}
+
+#login-form {
+  display: block;
+  position: relative;
+  top: 118px;
+}
+
+#login-form input[type="text"],
+#login-form input[type="password"] {
+  display: block;
+  margin: 10px auto;
+  width: 144px;
+  font-size: 11px;
+  padding: 4px 8px;
+  background: transparent;
+  color: #4a2e6f;
+  border-radius: 4px;
+  font-weight: bold;
+}
+
+/* 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: #4a2e6f;
+  font-weight: normal;
+}
+
+#login-form input[type="submit"] {
+  width: 106px;
+  height: 22px;
+  cursor: pointer;
+  position: absolute;
+  top: 96px;
+  left: 48px;
+  border-radius: 2px;
+  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;
+}