102 lines
2.6 KiB
CSS
102 lines
2.6 KiB
CSS
/* ================= Login Form ================= */
|
|
body{
|
|
font-family:"Trebuchet MS","Myriad Pro",Arial,sans-serif;
|
|
}
|
|
.loginform{
|
|
width:360px;
|
|
margin:0px auto;
|
|
margin-top: 140px;
|
|
box-shadow:0px 4px 90px #EEEEEE;
|
|
}
|
|
.title{
|
|
background:url(../images/login-title.png) no-repeat;
|
|
text-align:center;
|
|
height:69px;
|
|
}
|
|
.form_wrapper{
|
|
padding:23px 29px 40px 29px;
|
|
background:url(../images/login-form-body-bg.png) repeat-x bottom;}
|
|
#password{
|
|
border:none;
|
|
font:19px Arial, Helvetica, sans-serif;
|
|
color:#ccc;
|
|
width:250px;
|
|
border:1px solid #CED3D8;
|
|
border-radius:3px;
|
|
border-top:1px solid #A0A4A9;
|
|
padding:10px;
|
|
padding-left:40px;
|
|
margin-bottom:19px;
|
|
background:url(../images/password-input.png) repeat-x top;}
|
|
.login-input-pass-active{
|
|
border:none;
|
|
font:19px Arial, Helvetica, sans-serif;
|
|
color:#999;
|
|
width:250px;
|
|
border:1px solid #CED3D8;
|
|
border-radius:3px;
|
|
border-top:1px solid #A0A4A9;
|
|
padding:10px;
|
|
padding-left:40px;
|
|
margin-bottom:19px;
|
|
background:url(../images/password-input.png) repeat-x top;}
|
|
#username{
|
|
border:none;
|
|
font:19px Arial, Helvetica, sans-serif;
|
|
color:#ccc;
|
|
width:250px;
|
|
border:1px solid #CED3D8;
|
|
border-radius:3px;
|
|
border-top:1px solid #A0A4A9;
|
|
padding:10px;
|
|
padding-left:40px;
|
|
margin-bottom:19px;
|
|
background:url(../images/username-input.png) repeat-x top;}
|
|
.login-input-user-active{
|
|
border:none;
|
|
font:19px Arial, Helvetica, sans-serif;
|
|
color:#999;
|
|
width:250px;
|
|
border:1px solid #CED3D8;
|
|
border-radius:3px;
|
|
border-top:1px solid #A0A4A9;
|
|
padding:10px;
|
|
padding-left:40px;
|
|
margin-bottom:19px;
|
|
background:url(../images/username-input.png) repeat-x top;}
|
|
|
|
.loginform .log-lab{
|
|
color:#A4AAB2;
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
display:block;
|
|
padding-bottom:11px;}
|
|
.button{
|
|
width:300px;
|
|
height:49px;
|
|
font:bold 16px Arial, Helvetica, sans-serif;
|
|
color:#fff;
|
|
background:url(../images/login-button.png) no-repeat 0px 0px;
|
|
border:none;
|
|
cursor:pointer;
|
|
}
|
|
.button:hover{
|
|
background:url(../images/login-button.png) no-repeat 0px -50px;}
|
|
.button:active{
|
|
background:url(../images/login-button.png) no-repeat 0px -100px;}
|
|
.form_wrapper a.forgot {
|
|
color: #FFA800;
|
|
float: right;
|
|
font-style: italic;
|
|
line-height: 24px;
|
|
text-shadow: 1px 1px 1px #FFFFFF;
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
label.error {
|
|
display:inline; color:#B70000; font-size:11px; font-family:"Comic Sans MS", cursive;
|
|
}
|
|
input.error{ border: 1px solid #F00 !important;}
|
|
select.error{ border: 1px solid #F00 !important;}
|
|
textarea.error{ border: 1px solid #F00 !important;} |