body { background-color: aliceblue; margin: 0px; } .background_text { width: 100%; color: rgba(255, 239, 213, 0.3); font-style: italic; font-family: sans-serif; font-size: 125px; text-align: center; position: absolute; top: 120px; /* background-color: yellow; */ } #title_1 { width: 100%; color: slategray; font-family: youyuan; font-size: 30px; text-align: center; position: relative; top: 140px; } #name { width: 120px; color: slategray; font-family: youyuan; font-size: 24px; position: relative; left: 490px; top: 150px; } input[name] { height: 27px; border: none; position: absolute; left: 150px; font-family: youyuan; } input[password] { height: 27px; border: none; position: absolute; left: 150px; font-family: youyuan; } /* 以下为凑字数 */ * { margin:0; padding:0; border:0; } body { font-family:PingFangSC-Regular, Verdana, Arial, '微软雅黑','宋体'; font-size:15px; } div#maincontent div#intro { padding-top: 45px; padding-bottom: 45px; font-size:24px; font-family:'微软雅黑'; color:#3f3f3f; font-weight:400; } span.parameter { font-style: italic; color: #000; } div#maincontent h2 { font-size: 30px; font-weight: 400; color:#3f3f3f; } body#homefirst div#maincontent, div#maincontent h1, div#maincontent h2, div#sidebar div#ad h2 { font-family:'微软雅黑'; } pre, pre code, div#maincontent input, div#maincontent select, div#maincontent textarea { font-family:Consolas, "Courier New", Courier, monospace; } h2, h3, h4, h5, h6, em { font-weight: bold; } p.note span, p.important span, p.tip span, p.inherited, p.inherited span, p.gototop, .html5_new_note span { font-weight: bold; } p.tip span { color:#ff9955; } p.tip2 { background: #BBEDB8 url(/ui2017/tip.png) top left no-repeat; display:block; padding:15px 15px 15px 50px; color:#000; border-radius:5px; background-position:15px 15px; } body#homesecond div#navsecond li { font-weight:bold; } div#sidebar div#ad h2, body#homefirst div#maincontent h3 { font-size: 14px; } div#maincontent h3 { font-size: 16px; } div#maincontent h4 { font-size: 14px; } div#maincontent button, div#maincontent input, div#maincontent select, div#maincontent textarea { font-size:12px; } body#homefirst div#maincontent div#w3 h2 { font-size:20px; } em { font-style:normal; } pre code { color:#0000dd; } .html5_new_note { background: #ffffff url(/i/html5_new_note.png) top left no-repeat; padding-left:20px; } .html5_new_note span { color:blue; } p.gototop { text-align:right; } div#maincontent button { margin-top:15px; } /* ----------------------------------- layout ----------------------------------- */ html { min-width: 1210px; background-color: #fdfcf8; overflow:scroll; overflow-x:hidden; } body { text-align: center; margin: 0; padding: 0; border: 0; background: #fdfcf8; } div#wrapper { margin: 0 auto; padding: 0; border: 0; width: 1239px; text-align: left; background: transparent url(/ui2017/wrapper.png) top left repeat-y; } div#navsecond { float: left; margin: 0 0 0 6px; padding: 0; border: 0; width: 180px; background : transparent; } html>body div#navsecond { margin-left: 12px; } div#maincontent { float: left; margin: 0; padding: 30px 0 0 0; border: 0; width: 850px; background: transparent; } div#maincontent div{ width: 810px; margin: 0 0 0 25px; padding: 30px 0 35px 0; border:0; border-bottom: 1px solid #aaa; } div#sidebar { float: left; margin: 0; padding: 0; border: 0; width: 180px; background: transparent; } div#footer { clear: both; margin: 0; padding-top: 16px; margin-left: 12px; width: 1210px; line-height:24px; background: #f0f0f0; border-top: 0px solid #fff; background: #fdfcf8 url(/ui2017/footer.png) top left repeat-x; font-family:PingFangSC-Regular, '微软雅黑', Verdana, Arial, '宋体'; } div#footer #p1 { font-size:12px; color:#777777; text-align:center; background: transparent url(/ui2017/alert.png) no-repeat; background-position:235px 2px; } div#footer #p2 { margin: 30px 0 30px 0; font-size:14px; text-align:center; color:#777777; } div#footer #p1, div#footer #p2, div#footer #p2 a { max-height: 999999px; } /* ----------------------------------- header ----------------------------------- */ div#header, div#header_index { margin: 0 0 0 12px; padding: 0; border: 0; width: 1210px; height: 100px; background-color:#fdfcf8; } div#header div#ad_head { float:right; width:728px; height:90px; background-color: transparent; margin-top:5px; border: 1px solid #eeeeee; } /* div#header { background: url('/i/ad-header.png') top left no-repeat; } */ /* Default links */ a:link, a:visited { text-decoration : none; color : #900b09; background : transparent; border-bottom:1px solid #900b09; } a:hover { text-decoration : none; color: #ff0000; background : transparent; border-bottom:1px solid #ff0000; } a:active { text-decoration : none; color : #ff0000; background : transparent; } div#navsecond li.currentLink a:link, div#navsecond li.currentLink a:visited { text-decoration : none; color:#ff0000; background : transparent; } div#navsecond li.currentLink a:hover { text-decoration : underline; color : #ff0000; background : transparent; } div#navsecond a:link, div#navsecond a:visited { text-decoration : none; color:#000; background : transparent; } div#navsecond a:hover { text-decoration : underline; color : #000; background : transparent; } div#navsecond a:active { text-decoration : underline; color : #000; background : transparent; } div#navsecond a#link_help { color:#0479A7; } div#navsecond a#link_about { color:#0479A7; } div#maincontent .partner a { color:#000; } div#footer a { border-bottom:none; } div#footer a:link, div#footer a:visited { text-decoration : none; color:#777777; background : transparent; } div#footer a:hover { text-decoration : underline; color : #000; background : transparent; } div#footer a:active { text-decoration : underline; color : #000; background : transparent; } /* ----------------------------------- Typography ----------------------------------- */ div#maincontent p { margin: 20px 0 0 0; line-height: 150%; } div#maincontent h1 { margin:0 0 0 25px; font-size: 36px; font-weight:400; }