mirror of
https://github.com/midoks/mdserver-web.git
synced 2026-10-18 23:45:52 +08:00
Update static/css/install.css
This commit is contained in:
Mr Chen
+181
-1
@@ -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
|
||||
}
|
||||
Reference in New Issue
Block a user