diff --git a/static/css/install.css b/static/css/install.css index 10a1156f9..fa853aabc 100755 --- a/static/css/install.css +++ b/static/css/install.css @@ -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} \ No newline at end of file +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 +} \ No newline at end of file