mirror of https://github.com/midoks/mdserver-web
parent
a98027b1a8
commit
07f19d7784
@ -1 +1,181 @@ |
||||
html,body,div,span,p,a,table,input,ul,li,*{margin:0;padding:0;font-size:12px}body{background-color:#444;height:100%;min-height:768px}.main{height:900px;width:100%;background-size:cover;position:relative;z-index:0}.warp{background-color:#f6f6f6;width:700px;height:370px;position:absolute;top:50%;left:50%;margin-top:-340px;margin-left:-350px;box-shadow:0 0 10px #666;border-radius:3px}.warp .logo{background:url(../images/logo.png) no-repeat;height:37px;left:50%;margin-left:-52px;position:absolute;top:-67px;width:103px}.warp .title{height:70px;line-height:70px;text-align:center;font-size:26px;border-bottom:#ababab 1px solid;margin:0 20px;color:#444}.warp .form{padding:20px}fieldset{background-color:#fff;padding:10px;margin-bottom:20px;border:#ccc 1px solid}fieldset legend{padding:0 5px;font-size:14px;color:#000}fieldset p{line-height:40px;color:#555}fieldset p .tit{display:inline-block;margin-right:10px;text-align:right;width:100px}fieldset input{margin:0 7px;height:28px;border:#ccc 1px solid;width:200px;padding:0 5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}fieldset input:focus,fieldset input:active{border:#66afe9 1px solid;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.text{background-color:#f3f3f3;border:1px solid #ccc;border-radius:2px;display:inline-block;height:26px;line-height:28px;margin:0 7px;padding:0 5px;width:188px}.submit-btn{background-color:#20a53a;border:1px solid #20a53a;color:#fff;cursor:pointer;font-size:16px;height:42px;line-height:35px;text-align:center;width:330px;margin:12px 164px;border-radius:3px}.submit-btn:hover{background-color:#10952a;border:1px solid #10952a}.success{background-color:#f6f6f6;border-radius:5px;box-shadow:0 0 140px #556789;height:140px;left:50%;margin-left:-150px;margin-top:-70px;position:absolute;text-align:center;top:50%;width:300px}.success p{font-size:20px;line-height:90px}.success a{color:#3385d6;font-size:16px;text-decoration:none}.copyright{color:#9d9d9d;text-align:center;margin-top:-50px;position:relative;z-index:3}.copyright a{color:#9d9d9d;text-decoration:none} |
||||
html, |
||||
body, |
||||
div, |
||||
span, |
||||
p, |
||||
a, |
||||
table, |
||||
input, |
||||
ul, |
||||
li, |
||||
* { |
||||
margin: 0; |
||||
padding: 0; |
||||
font-size: 12px |
||||
} |
||||
|
||||
body { |
||||
background-color: #444; |
||||
height: 100%; |
||||
min-height: 768px |
||||
} |
||||
|
||||
.main { |
||||
height: 900px; |
||||
width: 100%; |
||||
background-size: cover; |
||||
position: relative; |
||||
z-index: 0 |
||||
} |
||||
|
||||
.warp { |
||||
background-color: #f6f6f6; |
||||
width: 700px; |
||||
height: 370px; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
margin-top: -340px; |
||||
margin-left: -350px; |
||||
box-shadow: 0 0 10px #666; |
||||
border-radius: 3px |
||||
} |
||||
|
||||
.warp .logo { |
||||
background: url(../images/logo.png) no-repeat; |
||||
height: 37px; |
||||
left: 50%; |
||||
margin-left: -52px; |
||||
position: absolute; |
||||
top: -67px; |
||||
width: 103px |
||||
} |
||||
|
||||
.warp .title { |
||||
height: 70px; |
||||
line-height: 70px; |
||||
text-align: center; |
||||
font-size: 26px; |
||||
border-bottom: #ababab 1px solid; |
||||
margin: 0 20px; |
||||
color: #444 |
||||
} |
||||
|
||||
.warp .form { |
||||
padding: 20px |
||||
} |
||||
|
||||
fieldset { |
||||
background-color: #fff; |
||||
padding: 10px; |
||||
margin-bottom: 20px; |
||||
border: #ccc 1px solid |
||||
} |
||||
|
||||
fieldset legend { |
||||
padding: 0 5px; |
||||
font-size: 14px; |
||||
color: #000 |
||||
} |
||||
|
||||
fieldset p { |
||||
line-height: 40px; |
||||
color: #555 |
||||
} |
||||
|
||||
fieldset p .tit { |
||||
display: inline-block; |
||||
margin-right: 10px; |
||||
text-align: right; |
||||
width: 100px |
||||
} |
||||
|
||||
fieldset input { |
||||
margin: 0 7px; |
||||
height: 28px; |
||||
border: #ccc 1px solid; |
||||
width: 200px; |
||||
padding: 0 5px; |
||||
border-radius: 2px; |
||||
-webkit-border-radius: 2px; |
||||
-moz-border-radius: 2px; |
||||
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; |
||||
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; |
||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s |
||||
} |
||||
|
||||
fieldset input:focus, |
||||
fieldset input:active { |
||||
border: #66afe9 1px solid; |
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); |
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) |
||||
} |
||||
|
||||
.text { |
||||
background-color: #f3f3f3; |
||||
border: 1px solid #ccc; |
||||
border-radius: 2px; |
||||
display: inline-block; |
||||
height: 26px; |
||||
line-height: 28px; |
||||
margin: 0 7px; |
||||
padding: 0 5px; |
||||
width: 188px |
||||
} |
||||
|
||||
.submit-btn { |
||||
background-color: #20a53a; |
||||
border: 1px solid #20a53a; |
||||
color: #fff; |
||||
cursor: pointer; |
||||
font-size: 16px; |
||||
height: 42px; |
||||
line-height: 35px; |
||||
text-align: center; |
||||
width: 330px; |
||||
margin: 12px 164px; |
||||
border-radius: 3px |
||||
} |
||||
|
||||
.submit-btn:hover { |
||||
background-color: #10952a; |
||||
border: 1px solid #10952a |
||||
} |
||||
|
||||
.success { |
||||
background-color: #f6f6f6; |
||||
border-radius: 5px; |
||||
box-shadow: 0 0 140px #556789; |
||||
height: 140px; |
||||
left: 50%; |
||||
margin-left: -150px; |
||||
margin-top: -70px; |
||||
position: absolute; |
||||
text-align: center; |
||||
top: 50%; |
||||
width: 300px |
||||
} |
||||
|
||||
.success p { |
||||
font-size: 20px; |
||||
line-height: 90px |
||||
} |
||||
|
||||
.success a { |
||||
color: #3385d6; |
||||
font-size: 16px; |
||||
text-decoration: none |
||||
} |
||||
|
||||
.copyright { |
||||
color: #9d9d9d; |
||||
text-align: center; |
||||
margin-top: -50px; |
||||
position: relative; |
||||
z-index: 3 |
||||
} |
||||
|
||||
.copyright a { |
||||
color: #9d9d9d; |
||||
text-decoration: none |
||||
} |
Loading…
Reference in new issue