start adding base template

src/components/login.vue

@@ -0,0 +1,107 @@
+<style>
+/*--------------------------------------------------------------
+# LOGINBOX
+--------------------------------------------------------------*/
+#loginbox_container {
+  /* Center vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+  width:100%;
+  height:100%;
+  position:absolute;
+  top:0px; left:0px; bottom:0px; right:0px;
+  background:#28b78d;
+}
+.loginbox_holder {
+  max-width:380px;
+  width:90%;
+  margin:0px;
+  position:relative;
+  display:block;
+  /* border:solid 1px #FFF; */
+  border-radius:2px;
+  /*background:#FFF;*/
+  height:auto;
+  padding:20px;
+}
+
+.loginbox_logo {line-height:0; margin-bottom:15px; text-align:center;}
+/*.loginbox_logo p {font-size:25px; line-height:33px; color:#000;}
+.loginbox_logo_icon {width:35px; float:left; margin-right:10px;}*/
+.loginbox_logo img {width:100%; max-width:72px;}
+
+.loginbox_content {}
+p.login_intro_text {font-size:14px!important; margin-bottom:20px; line-height:1.5;}
+.loginbox_content p {text-align:center; color:#FFF; font-size:15px; line-height:1.2;}
+.login_input {
+  margin-bottom:10px;
+  border:none;
+  height:40px;
+  position:relative;
+}
+.login_input:before {
+  font-family: 'FontAwesome';
+  position:absolute;
+  left:10px;
+  top:5px;
+  font-size:20px;
+  color:#28b78d;
+  content:"";
+}
+.login_form {
+  text-align:center;
+}
+.login_user:before {content:"\f007";}
+.login_pw:before {content:"\f084";}
+.login_submit {
+  width:auto;
+  margin:0 auto;
+  display:inline-block;
+  margin-top:10px;
+}
+.login_submit:before {content:"\f090"; left:15px; top:6px;}
+
+.login_input input {
+  border:none;
+  background:none;
+  height:40px;
+  width:100%;
+  padding: 0px 10px 0px 35px;
+  background:#f4f4f4;
+  border:solid 1px #FFF;
+}
+.loginbox_content .login_input input:focus {border:solid 1px #152129; background:#FFF;}
+.login_form input[type="submit"] {
+  height:40px;
+  background:#152129;
+  border:none;
+  color:#FFF;
+  cursor:pointer;
+  text-transform:uppercase;
+  width:auto;
+  margin:0px auto 0 auto;
+  padding: 0px 20px 0px 40px;
+  border-radius:20px;
+}
+.login_form input[type="submit"]:hover {
+  background:#1f3441;
+}
+.login_error {
+  display:block;
+  text-align:center;
+  color:#FFF;
+  line-height:1.2;
+  margin-top:20px;
+}
+.login_error p {text-transform:uppercase; display:inline-block; background:#c70e00; padding:5px; font-weight:600; font-size:14px;}
+</style>