107 lines
2.6 KiB
Vue
107 lines
2.6 KiB
Vue
<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> |