login.css

一个很酷的登录界面

*{
        margin:0;
        padding:0;
        font-size:12px;
        font-weight:normal;
        font-family:verdana, tahoma, helvetica, arial, sans-serif, "宋体";
        font-style:normal;
        list-style-type:none;
        text-decoration:none;
}
div#login {
        position:absolute;
        top:5%;
        left:1%;
        width:293px;
        z-index:200;
}
div#login h2 {
        height:26px;
        padding-top:3px;
        padding-left:25px;
        background:transparent url('images/logbg_v2.png') -84px -70px no-repeat;
}
div#login h2 input {
        height:18px;
        width:18px;
        float:right;
        border:none;
        cursor:pointer;
        margin:2px 6px 0 0;
        background:transparent url('images/logbg_v2.png') 0 -169px no-repeat;
}
div#login h2 a {
        display:block;
        float:left;
        width:83px;
        height:26px;
        line-height:26px;
        text-align:center;
        text-decoration:none;
        color:#666;
}
div#login h2 a.cur {
        color:#f00;
        background:transparent url('images/logbg_v2.png') 0 -187px no-repeat;
}
div#login ul {
        padding:14px 0 18px 12px;
        background:transparent url('images/logbg_v2.png') -84px bottom no-repeat;
}
div#login ul li {
        padding-left:60px;
        margin-top:10px;
        display:inline-block;
}
div#login ul li {
        display:block;
}
div#login ul li:after {
        content:"youdian";
        clear:both;
        display:block;
        height:0;
        visibility:hidden;
}
div#login ul li tt {
        float:left;
        width:60px;
        margin-left:-70px;
        text-align:right;
        line-height:22px;
        color:#444;
}
div#login ul li div input.cell, div#login ul li div input.cell2 {
        height:16px;
        padding:2px;
        line-height:16px;
        width:179px;
        border:1px #dcdcdc solid;
        color:#666;
}
div#login ul li div input.cell2 {
        width:50px;
} 
div#login ul li div label {
        color:#666;
        cursor:pointer;
}
div#login ul li div img {
        margin-bottom:-7px;
        margin-left:8px;
}
* html div#login ul li div img {
        margin-bottom:-4px;
}
*+html div#login ul li div img {
        margin-bottom:-4px;
}
div#login ul li div input#fnlogin {
        width:59px;
        height:21px;
        cursor:pointer;
        border:none;
        margin-right:15px;
        background:transparent url('images/logbg_v2.png') 0 -148px no-repeat;
}
div#login ul li p {
        padding-top:4px;
        color:#f00;
}

.input_on{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_off{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}
.input_move{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_out{
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}