Pages

Tuesday, May 3, 2011

HTML - Login Box

1. Login Box
==================

<div id="po">
<div id="page">
<table>
<tr>
<td>Username</td>
<td><input type="text" class="input"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" class="input"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" value="Log In"/></td>
</tr>
</table>
</div>
</div>
<style>
#page{
 background: #af0;
 width: 300px;
 text-align: center;
 padding: 10px;
 -moz-border-radius: 4px;

}
.input{
 border: 1px solid #8c0;
 width: 200px;
 padding: 2px;
}
table td{
 font: 14px arial;
 color: #22f;
 font-weight: bold;
 padding: 5px;
}
#po{
 padding: 2px;
 border: 1px solid #af0;
 max-width: -moz-fit-content;
 -moz-border-radius: 4px;
 background: #fff;
}
body{
 background: #eee;
}
</style>