DirectAdmin这个登陆页面好看不 - 全球主机交流论坛

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="gb2312">
<title>网站控制面板登陆</title>
<style type="text/css">
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
html {
background-color: #E9EEF0
}
.wrapper {
margin: 140px auto;
width: 884px;
}
.loginBox {
background-color: #FEFEFE;
border: 1px solid #BfD6E1;
border-radius: 5px;
color: #444;
font: 14px 'Microsoft YaHei','微软雅黑';
margin: 0 auto;
width: 388px
}
.loginBox .loginBoxCenter {
border-bottom: 1px solid #DDE0E8;
padding: 24px;
}
.loginBox .loginBoxCenter p {
margin-bottom: 10px
}
.loginBox .loginBoxButtons {
border-top: 1px solid #FFF;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
line-height: 28px;
overflow: hidden;
padding: 20px 24px;
vertical-align: center;
}
.loginBox .loginInput {
border: 1px solid #D2D9dC;
border-radius: 2px;
color: #444;
font: 12px 'Microsoft YaHei','微软雅黑';
padding: 8px 14px;
margin-bottom: 8px;
width: 310px;
}
.loginBox .loginInput:FOCUS {
border: 1px solid #B7D4EA;
box-shadow: 0 0 8px #B7D4EA;
}
.loginBox .loginBtn {
float: right;
padding: 5px 14px;
background: -moz-linear-gradient(center top , #EFEFEF, #D8D8D8) repeat scroll 0 0 #D8D8D8;
border: 1px solid #ABABAB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
color: #707070;
font-family: 'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0;
outline: medium none;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.loginBox a.forgetLink {
color: #000000;
cursor: pointer;
float: right;
font: 14px/20px 'Microsoft YaHei','微软雅黑';
text-decoration: none;
vertical-align: middle;
}
.loginBox a.forgetLink:HOVER {
text-decoration: underline;
}
.loginBox input#remember {
vertical-align: middle;
}
.loginBox label[for="remember"] {
font: 11px Arial;
}
.highlight.red {
background: none repeat scroll 0 0 #FFE3E2;
border: 1px solid #EFB1AF;
color: #CC0000;
}
ul.form_errors {
list-style: none outside none;
}
.highlight {
border-radius: 3px 3px 3px 3px;
padding: 8px;
}
</style>
</head>
<body>
<div class="wrapper">
<form action="/CMD_LOGIN" method="POST" name="form">
<div class="loginBox">
<div class="loginBoxCenter">
|?FAILEDLOGIN=<ul class="form_errors highlight red"><li>用户名或密码错误.</li></ul>||FAILEDLOGIN|
<p><label for="username">用户名：</label></p>
<p><input type="username" id="username" name="username" class="loginInput" autofocus="autofocus" required="required" autocomplete="off" placeholder="请输入用户名" value="" /></p>
<p><label for="password">密码：</label>|*if LOST_PASSWORD="yes"|<a class="forgetLink" href="/CMD_LOST_PASSWORD">忘记密码?</a></p>|*endif|
<p><input type="password" id="password" name="password" class="loginInput" required="required" placeholder="请输入密码" value="" /></p>
</div>
<div class="loginBoxButtons">
<button class="loginBtn">登录</button>
</div>
</div>
</form>
</div>
</body>
</html>

复制代码