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