html, body{
margin:0;
padding:0;
}
body{
width:450px;
height:300px;
padding-top:20px;
font-size:16px;
font-family:"Tahoma", sans-serif;
line-height:1.3;
background:#34495e;
}
.login-form,
.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="submit"]{
font-weight:bold;
font-size:12px;
font-family:"Tahoma", sans-serif;
text-transform:uppercase;
}
.login-form input[type="checkbox"]{
vertical-align:middle;
margin-right:5px;
}
.login-form{
display:block;
width:380px;
height:275px;
background:#ffffff;
margin:-20px 0 0 35px;
}
.forma{
display:block;
width:300px;
margin-left:auto;
margin-right:auto;
}
h1{
font-size:20px;
display:block;
padding-top:20px;
}
#l{
display:block;
width:295px;
height:35px;
border:2px solid;
background:#f9f6f3;
margin-bottom:10px;
}
#p{
display:block;
width:295px;
height:35px;
border:2px solid;
background:#f9f6f3;
margin-bottom:10px;
}
#c{
display:inline-block;
margin:10px 10px 15px 0;
}
label{
display:inline-block;
margin:5px 10px 15px 0;
}
#a{
color:black;
margin-left:25px;
}
#s{
display:block;
width:300px;
height:45px;
background:black;
border:2px solid black;
color:white;
margin-bottom:10px;
}
.face{
width:15px;
height:15px;
background:url("/assets/ifmo/icon-user.png") no-repeat;
position:absolute;
top:87px;
left:348px;
}
.lock{
width:15px;
height:20px;
background:url("/assets/ifmo/icon-lock.png") no-repeat;
position:absolute;
top:137px;
left:348px;
}
/*
Адреса иконок:
/assets/ifmo/icon-user.png
/assets/ifmo/icon-lock.png
Цвет фона полей:
#f9f6f3
Цвет кнопки:
#000000
Фон формы:
#ffffff
*/