Проверка утверждает, что “холодно”. Подскажите что не так, Вот код.
<body>
<form class="login-form" action="/auth" method="post">
<div class="wrapper">
<h1>Вход в кабинет</h1>
<input type="text" name="login" placeholder="Логин" class="first">
<input type="password" name="pass" placeholder="Пароль" class="last">
<label>
<input type="checkbox" name="checkbox" class="checkbox"><span>Запомните меня</span></label>
<a href="#">Я забыл пароль</a>
<input type="submit" value="войти">
</div>
</form>
</body>
Стили:
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;
}
/*
Адреса иконок:
/assets/ifmo/icon-user.png
/assets/ifmo/icon-lock.png
Цвет фона полей:
#f9f6f3
Цвет кнопки:
#000000
Фон формы:
#ffffff
*/
.wrapper{
width:300px;
height:220px;
background-color:#FFFFFF;
margin:0px 35px 25px 35px;
padding:25px 40px 30px 40px;
}
h1{
font-size:20px;
text-transform:uppercase;
margin:0;
padding:0;
}
.login-form .wrapper input[type="text"], .login-form .wrapper input[type="password"]{
padding:10px 0 10px 15px;
text-transform:none;
border:2px solid #000000;
width:281px;
}
.login-form .wrapper .first{
margin-top:15px;
margin-bottom:9px;
background:#f9f6f3 url('/assets/ifmo/icon-user.png') no-repeat 270px 10px;
}
.login-form .wrapper .last{
margin-bottom:12px;
background:#f9f6f3 url('/assets/ifmo/icon-lock.png') no-repeat 270px 10px;
}
.login-form .wrapper span{
letter-spacing:px;
margin-left:5px;
}
.login-form .wrapper a{
color:#000000;
margin-left:20px;
}
.wrapper input[type="submit"]{
font-size:12px;
color:#ffffff;
text-align:center;
width:300px;
height:45px;
border:none;
text-transform:uppercase;
padding-right:15px;
background-color:#000000;
margin-top:20px;
}