<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>lWSw4lDnzOo`{t|~</title> <script type="text/javascript" src="skins/default/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="skins/default/js/login.js"></script> <script type="text/javascript" src="skins/default/js/cookieUtil.js"></script> <style type="text/css"> body {font-family:"_oŖў";} html{-webkit-text-size-adjust: 10px; -ms-text-size-adjust: 100%;} 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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;} body,button,input,select,textarea{font-size:14px;} input,select,textarea{font-size:100%;outline:0;} table{border-collapse:collapse;border-spacing:0;} th{text-align:inherit;} fieldset,img{border:0;} iframe{display:block;} a{text-decoration:none; color:#5C5C5C;} a:hover{text-decoration:underline; color:#0085d0;} *{ margin:0px; padding:0px;} ul,ol{list-style:none;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;} select,input{border:none;} /* =========7Lk0kpr0IE(2)=== */ ::-webkit-input-placeholder { color:#fff; } ::-moz-placeholder{ color:#fff; } input:-ms-input-placeholder { color:#fff; } textarea:-ms-input-placeholder { color:#fff; } /**~vRk>f:y**/ .wrap{height: 100%;width: 100%;} .main{width:100%;height:550px; text-align:center; overflow:hidden; position:relative; } .bg2{ background:url(skins/frame/images/bg1.jpg) center top no-repeat; } .header{width: 100%; height: 80px;background-color: #FFF;font-size:40px; color:#555; font-weight: bold;;} .main .header-wrap{ margin-left: 0px; } .header img{margin-top:20px; float:left;} .main span{display:block; height:80px; line-height:80px;font-size:50px; color:#fff; font-weight: bold;} .footer{text-align:center; margin-top: 100px; line-height:20px;color:#fff;} .footer span{color: #fff;} .login{width:350px; height:410px; background:url(skins/frame/images/bg2.png) repeat 0 0;text-align:left;padding:30px 30px 0; position: absolute; top: 50%; right: 110px; z-index: 1001; margin-top: -220px; } .login h2{font-size:28px; color:#fff; font-weight: bold; margin-bottom: 20px;text-align: center;} .form-group{ margin-bottom:25px;border-bottom:1px solid #cfcfcf; background:url(skins/frame/images/icon.png) no-repeat;height:55px; line-height:55px; padding:0 10px 0 34px; position:relative;} .form-control{ font-size:16px; color:#fff; width:274px; height:55px; line-height:55px; background:none; padding-left:10px;} .form-group.userName{background:url(skins/frame/images/icon.png) no-repeat 10px 16px} .form-group.userPwd{background:url(skins/frame/images/icon.png) no-repeat 10px -42px} .form-group.userConf{background:url(skins/frame/images/icon.png) no-repeat 10px -92px;} .userConf .form-control{width:124px;} .userConf img{ position: absolute; right:56px; top:10px; } .userConf .refresh{font-size:16px; color:#fff; position: absolute;right:0;} .btn{background-color:#1aa1f7; width:370px; height:70px; line-height:70px; margin-top:6px; margin-left:-10px;font-size:40px; color:#FFF;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; cursor:pointer; letter-spacing:8px; border: none;} .error{font-size:16px; color:#F00; height:30px; line-height:30px; overflow:hidden;} /* N~x */ .toolbar-item { background: url(skins/frame/images/sl.png) no-repeat; } .toolbar-layer{ background-color:#fff; } .toolbar { position: absolute; left: 0; top: 50%; margin-top: -35px; } .toolbar-item { display: block; width: 70px; height: 70px; margin-top: 1px; position: relative; -moz-transition: background-position 1s; -ms-transition: background-position 1s; -o-moz-transition: background-position 1s; -webkit-moz-transition: background-position 1s; transition: background-position 1s; } .toolbar-item:hover .toolbar-layer { opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .toolbar-item-1 { background-position: 0 0; } .toolbar-item-1:hover { background-position: 0 -80px; } .toolbar-item-1 .toolbar-layer { height: 200px; background-position: 0 0; } .toolbar-layer h2{ color:#555; font-size: 14px; line-height: 24px; font-weight: bold; margin: 10px 0 5px; font-family:"_oŖў"; } .toolbar-layer{ position:absolute; left: 80px; top: 0; width: 160px; opacity: 0; filter:alpha(opacity=0); transform-origin: 5% 5%; -moz-transform-origin: 5% 5%; -ms-transform-origin: 5% 5%; -o-transform-origin: 5% 5%; -webkit-transform-origin: 5% 5%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; } .bg{ background: rgba(0, 0, 0, 0) url("skins/frame/images/bg2.png") repeat scroll 0 0; text-align:center; padding:0 10px; display: inline-block; width: 260px; } </style> </head> <!--[if lt IE 9]> #parse("default/page/enableLogin.vm") <![endif]--> <body class="bg2"> <!--[if (gte IE 9)|(!IE)]> <!--> <div class="wrap" > <div class="main"> <div class="header-wrap" style="margin-top:100px;"> <span>lWSw4lDnzOo`{t|~</span> </div> <div class="header-wrap btns-wrap" style="position: absolute;top:50%;left:50%;margin-left: -480px;"> <a class="btn btn-default bg" href="/waterconservancylogin/login" style="text-decoration:none;">4l)Rz</a> <a class="btn btn-default bg" style="margin-left:100px;text-decoration:none;" href="/waterconservancylogin/logintax" style="text-decoration:none;">zRz</a> <a class="btn btn-default bg" style="margin-left:100px;text-decoration:none;" href="/waterconservancylogin/loginuser">S(u4l7bz</a> </div> </div> <div class="footer"> HrCg@b g:lWSw4l)RS&nbsp;&nbsp;&nbsp;&nbsp; <span>cPO(uIE9SN NHr,gOmȉhV 1366*768N NRs</span> </div> </div> <script type="text/javascript"> $(function(){ $("#txtLoginid").val(getCookie("username")); //ie8 N N/ecplaceholder if (!("placeholder" in document.createElement("input"))) { $("form").find(".J_placeholder").not(":checkbox").each(function(index) { var input = $(this), clone = $("<input type='text' />"); clone.attr({ name: "re" + input.attr("name"), "id": "J_re" + index }).val(input.attr("placeholder")); input.hide().after(clone); clone.show(); clone.addClass(input.attr("class")).val(input.attr("placeholder")).css("color", "#fff"); clone.focus(function() { clone.hide(); input.val('').show().focus(); }); input.blur(function() { if (input.val() == '') { clone.show(); input.hide(); } }); }); } }) window.onload=window.onresize=function(){ if($(window).height()-80-70<862){ $(".main").height($(window).height()-80-70); }else{ $(".main").height(862); } if($(window).height()<500){ console.log($(window).height()); $(".btns-wrap").css({ "position":"relative", "left":0, "top":0, "margin-left":0, "margin-top":50 }) }else{ $(".btns-wrap").css({ "position":"absolute", "left":"50%", "top":"50%", "margin-left":-480, "margin-top":50 }) } } </script> </body> </html>