来看下吧！

Microsoft, 世界之窗, active, button, color

一下是“世界之窗”提取的东西！

@charset "utf-8"; html, body, input, td, th, samp, button { font: 12px /*'Microsoft Yahei', */arial,'SimSun', tahoma, sans-serif; } a, a:link, a:visited { text-decoration: none; font: 12px /*'Microsoft Yahei', */arial,'SimSun', tahoma, sans-serif; color: #104978; } a:hover, a:active { text-decoration: underline; color: #FF8040; } .clear { clear: both; line-height: 0; font-size: 0; } /** *LAYOUT **/ body, .panel ul, .panel p, form, #manuSync, #autoSync, #autoSignout, .panel dd, .panel dt, .panel dl { margin: 0; padding: 0; } .panel { overflow: hidden; position: relative; z-index: 2; margin: 120px auto 0 auto; width: 340px; height: 190px; } .session-status li { padding: 0 0 10px; height: 30px; line-height: 30px; } .session-status .l { width: 70%; float: left; } .session-status .r { width: 30%; float: right; text-align: right; } .session-status .r a, .session-status .r a:link, .session-status .r a:visited { margin: 0 1em 0 0; line-height: 35px; } .session-status .r .tool, .session-status .r .tool:link, .session-status .r .tool:visited { margin: 0; padding: 0 20px 0 0; background: url('twfav_arrow.gif') 68% 40% no-repeat; } .sign-in li { float: left; padding: 5px 0; } .sign-in, .sign-out { display: none; } .processing { position: absolute; z-index: 1001; left: 0; top: 0; display: none; padding: 30px 0 0; height: 170px; width: 100%; text-align: center; background: #fff url("twfav_bg.gif") 0 0 repeat-x; } .processing-msg { display: block; padding: 50px 0 0; line-height: 50px; background: url('twfav_loading.gif') 50% 0 no-repeat; } .success { background-image: url("twfav_icon1.gif"); } .failture { background-image: url("twfav_icon2.gif"); } .processing button { width: 80px; height: 25px; } .f, .label { float: left; display: block; } .label { padding: 0 10px 0 0; width: 55x; line-height: 20px; } .f { width: 200px; } .sign-in .btn { clear: both; padding: 0 0 0 90px; width: 240px; height: 40px; line-height: 40px; } .f input { width: 205px; } #ok, #cancel { width: 90px; } #ok { margin: 0 10px 0 0; } .guide, .sync-mode { display: none; background-color: #fff; -ms-filter: "progid

XImageTransform.Microsoft.Alpha(opacity=100)"; filter: progid

XImageTransform.Microsoft.Alpha(opacity=100); } .guide dt span, .guide dt em, .sync-mode dt span, .sync-mode dt em { overflow: hidden; display: block; } .guide dt span, .sync-mode dt span { padding: 0 0 0 10px; width: 260px; } .guide dt em, .sync-mode dt em { height: 21px; line-height: 23px; } .guide dd, .sync-mode dd { padding: 10px 0 0 20px; } .guide dd .apply, .sync-mode dd .switching { padding: 10px 0 0; } .switching a, .switching a:link, .switching a:visited { line-height: 18px; } #applySyncSetting { width: 80px; height: 25px; } .panel .assistant { display: none; position: absolute; z-index: 30; left: 0; bottom: 1px; width: 100%; height: 28px; line-height: 28px; } #assistant1 { display: block; } .assistant a, .assistant a:link, .assistant a:visited { margin: 0 10px 0 0; line-height: 27px; } .working-on { padding: 0 0 0 20px; } .sign-out li { padding: 5px 30px 5px 40px; } #manuSync { margin: 0 0 0 20px; } #autoSync { margin: 0; } #performSync { margin: 0 20px 0 0; } .panel .menu1 { position: absolute; right: 45px; top: 26px; z-index: 60; display: none; width: 120px; } .menu1 a, .menu1 a:link, .menu1 a:visited { display: block; padding: 0 5px; line-height: 22px; } /** *DECORATION **/ body { background-color: #f8f9fa; } .panel { border: 1px solid #69aee9; background: #fff url("twfav_bg.gif") 0 0 repeat-x; } .menu1 { border: 1px solid #69aee9; background-color: #fff; } .menu1 a, .menu1 a:link, .menu1 a:visited { text-decoration: none; } .menu1 a:hover, .menu1 a:active { background-color: #69aee9; color: #fff; } .seperate { border-top: 1px solid #d4ebfe; } .panel ul { list-style: none; } .session-status li { text-indent: 1em; } .label { text-align: right; } dt em { font-style: normal; } .guide dt span, .sync-mode dt span { background: url('twfav_bg2.png') 0 0 no-repeat; } .guide dt em, .sync-mode dt em { background: url('twfav_bg2.png') 100% 0 no-repeat; } .assistant { text-indent: 10px; background-color: #efeff3; border-top: 1px solid #99a8ac; } .assistant .assistant-i { border-top: 1px solid #fff; } #manuSync, #autoSync, #autoSignout { vertical-align: middle; } #autoSignout{ margin-left:10px; } .debug { position: absolute; left: 0; top: 0; z-index: 10; overflow: auto; width: 300px; height: 500px; color: #fff; background-color: #000; border: 1px solid red; } .canvas { position: absolute; left: 0; top: 0; display: none; width: 0; height: 0; z-index: 999; background-color: #fff; -ms-filter: "progid

XImageTransform.Microsoft.Alpha(opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; } .disabled,.disabled:link,.disabled:visited{ color:silver; }