/* * * Template Name: Fullscreen Login * Description: Login Template with Fullscreen Background Slideshow * Author: Anli Zaimi * Author URI: http://azmind.com * */ body { background: #f8f8f8; font-family: "Arial","Microsoft YaHei","ºÚÌå","ËÎÌå",sans-serif; text-align: center; color: #fff; } .page-container { margin: 120px auto 0 auto; /* Add transparent background */ padding: 15px; width: 300px; background:#7f7f7f; background:rgba(0,0,0,0.5); } h1 { font-size: 30px; font-weight: 700; text-shadow: 0 1px 4px rgba(0,0,0,.2); } form { position: relative; width: 305px; margin: 15px auto 0 auto; text-align: center; } /* Use form as DIV */ .formdiv { position: relative; width: 305px; margin: 15px auto 0 auto; text-align: center; } input { width: 270px; height: 42px; margin-top: 25px; padding: 0 15px; background: #2d2d2d; /* browsers that don't support rgba */ background: rgba(45,45,45,.15); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #3d3d3d; /* browsers that don't support rgba */ border: 1px solid rgba(255,255,255,.15); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 14px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.1); -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; } input:-moz-placeholder { color: #fff; } input:-ms-input-placeholder { color: #fff; } input::-webkit-input-placeholder { color: #fff; } input:focus { outline: none; -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2); } button { cursor: pointer; width: 300px; height: 44px; margin-top: 25px; padding: 0; background: #ef4300; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ff730e; -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2); box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2); font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.1); -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; } button:hover { -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2); box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2); } button:active { -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2); box-shadow: 0 5px 8px 0 rgba(0,0,0,.1) inset, 0 1px 4px 0 rgba(0,0,0,.1); border: 0px solid #ef4300; } .error { display: none; position: absolute; top: 27px; right: -55px; width: 40px; height: 40px; background: #2d2d2d; /* browsers that don't support rgba */ background: rgba(45,45,45,.25); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .error span { display: inline-block; margin-left: 2px; font-size: 40px; font-weight: 700; line-height: 40px; text-shadow: 0 1px 2px rgba(0,0,0,.1); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .connect { width: 305px; margin: 35px auto 0 auto; font-size: 18px; font-weight: 700; text-shadow: 0 1px 3px rgba(0,0,0,.2); font-size: 14px; } .connect a { display: inline-block; width: 80px; height: 80px; margin-top: 15px; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; } .connect span { display: inline-block; width: 110px; height: 110px; margin-top: 15px; } .connect a.facebook { background: url(/web/20220501160354im_/http://91miguan.cn/assets/img/facebook.png) center center no-repeat; } .connect a.twitter { background: url(/web/20220501160354im_/http://91miguan.cn/assets/img/twitter.png) center center no-repeat; } .connect span.wechat { background: url(/web/20220501160354im_/http://91miguan.cn/assets/img/barcode_wechat.png) center center no-repeat; } .connect span.taobao { background: url(/web/20220501160354im_/http://91miguan.cn/assets/img/barcode_taobao.png) center center no-repeat; } .connect a:hover { background-position: center bottom; } #footer{ padding-top: 50px; position: relative; height: 150px; clear:both; font-size: 11px; } #footer a{ color: #fff; text-decoration:none; } /* FILE ARCHIVED ON 16:03:54 May 01, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:59:24 Oct 30, 2023. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 157.646 exclusion.robots: 0.068 exclusion.robots.policy: 0.059 cdx.remote: 0.055 esindex: 0.01 LoadShardBlock: 128.531 (3) PetaboxLoader3.datanode: 145.9 (5) load_resource: 459.357 PetaboxLoader3.resolve: 410.884 loaddict: 34.102 */