header.css

自己平时从网上搜集的http协议解析文档

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,th,td{ margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; font-size:12px;}
fieldset,a img{ border:0;}
input,textarea,select{ padding:1px; font-size:12px;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
cite,em{ font-style:normal;}

body { font-family:Verdana, Arial, Helvetica, sans-serif,"宋体"; font-size:12px; background:#efefef url(http://www.zdnet.com.cn/i/zdnet/images/body_bg.gif) repeat-x; color:#323432;}
h1,h2{ font-size:14px;}
h3, h4, h5, h6, ol, ul, li, dl, dd, button{ font-size:12px;}

/* 链接颜色*/
a { text-decoration:none;}
a:hover{ text-decoration:underline;}

/*其他*/
.fltl{ float:left;}
.fltr{ float:right;}
.nobod{ border:none;}
.dis{ display:block;}
.undis{ display:none;}
.fix{ clear:both;}

#newhead{ background:#fff url(../images/bg_headbig.jpg) no-repeat center top;}
.compy_top{ background:url(../images/bg_head_top.gif) repeat-x; height:22px;}
.compy_top h3{ float:left; padding:4px 0 0 10px; color:#ffa507;}
.compy_top p{ float:right; color:#808080; padding:3px 20px 0 0; font-size:10px; margin:0px;}
.compy_top p a{  color:#808080;}

.navigation{ width:980px; margin:0 auto; border-bottom:1px solid #bfd0dc; clear:both;}
.newlogo{ float:left; padding:26px 0 0 0px; width:158px;}
.newlogo a{ width:145px; height:54px; background:url(../images/zdnet_logo145x54.gif) no-repeat; display:block; text-indent:-9999px;}
#it_services{ background:url(../images/it_services.gif) no-repeat right top; margin-top:4px; width:146px; height:15px; float:left;}

.fixednav{ background:url(../images/bg_topheadbig.gif) no-repeat left top; width:820px; height:90px; margin-top:10px; float:left;}
ul.firstnav{ padding:4px 0 0 6px;}
ul.firstnav li{ float:left; background:url(../images/bg_navri.gif) no-repeat right top; color:#1b3e73; /*display:block;*/}
ul.firstnav li h3{ font-size:14px;}
ul.firstnav li a,ul.firstnav li a:visited{ color:#1b3e73; display:block; text-decoration:none; padding:5px 10px 0 10px; line-height:20px;}
/*ul.firstnav li.current{  padding:0 8px 0 8px;}
ul.firstnav li.current h3{ background:url(../images/bg_hovbg_r.gif) no-repeat right top;}
ul.firstnav li.current h3 a{ background:url(../images/bg_hovbg_l.gif) no-repeat left top; padding:2px 6px 0 6px; margin-top:2px; line-height:21px; display:block; text-decoration:none;}*/

ul.firstnav li a:hover{ padding:3px 4px 0 6px; margin:2px 6px 0 4px; text-decoration:none; color:#36c}
ul.firstnav li.over2w h3 a:hover{ background:url(../images/bg_over2w.gif) no-repeat center;/*line-height:21px; display:block;*/}
ul.firstnav li.over3w h3 a:hover{ background:url(../images/bg_over3w.gif) no-repeat center;}
ul.firstnav li.over4w h3 a:hover{ background:url(../images/bg_over4w.gif) no-repeat center;}

ul.firstnav li#over2w a ,ul.firstnav li#over3w a ,ul.firstnav li#over4w a{ padding:3px 6px 0 6px; margin:2px 6px 0 4px;}
ul.firstnav li#over2w a{ background:url(../images/bg_over2w.gif) no-repeat center; }
ul.firstnav li#over3w a{ background:url(../images/bg_over3w.gif) no-repeat center; }
ul.firstnav li#over4w a{ background:url(../images/bg_over4w.gif) no-repeat center; }

ul.firstnav li.nobdg{ background:none;}

.secondnav{ width:807px; height:47px; padding-top:6px; margin-left:6px!important; margin-left:3px; margin-top:6px; background:#e5f0f5 url(../images/bg_topheadsec.gif) no-repeat left top; float:left;}

.secondnav li a{ color:#3071c1;}
.secondnav li a:visited {color:#3071c1;}
.secondnav li a:hover { color:#3071c1;}
.secondnav li a:active {color:#3071c1;}
.secondnav li a.red ,.secondnav li.nobod a.red { color:#e01e26; font-weight:bold;}
.secondnav ul{ padding:4px 0 0 18px; clear:both;}
.secondnav li{ /*float:left;*/ display:inline; border-right:1px solid #93a9bb; padding-right:7px!important; padding-right:3px;  margin-right:5px!important; margin-right:8px;}

.secondnav li.nobod{ border-right:0;}

.headsearch{ padding-left:160px; padding-top:4px; height:32px; color:#777; clear:both;}
.headsearch label{ margin-right:12px; color:#1b3e73; font-weight:bold;}
.headsearch input{ width:90px; margin-right:4px;}
.headsearch input.imsear{ width:170px;}
.headsearch button{ margin:0 4px 0 3px; width:25px; height:23px; border:0; text-indent:-9999px;/* vertical-align:middle;*/ cursor:pointer; }
.headsearch button.btnbg1{background:url(../images/btn_search.gif) no-repeat;}
.headsearch button.btnbg2{background:url(../images/btn_logn.gif) no-repeat;}
.headsearch span a,{ color:#3071c1; text-decoration:underline; margin-right:20px; margin-left:6px;}
.headsearch .coluser a{ color:#1b3e73;}

.lead{ width:980px; margin:0 auto; background:#fff;}
.alone{ width:980px; margin:0 auto; padding:0 5px; background:url(../images/shadow_sides.gif) no-repeat top center; clear:both;}


.sonnavall{ background:url(../images/bg_sonnav.gif) repeat-x bottom; height:34px;}
.sonnav li{ float:left;}
.sonnav li a{ display:block; padding:6px 7px 0px; line-height:28px; color:#069; /*font-weight:normal;*/}
.sonnav li a:visited {color:#069}
.sonnav li.on ,.sonnav li.m_li_a{ background:#eaeaea url(../images/bg_mou_r.gif) no-repeat right top; height:34px;}
.sonnav li.on h4 ,.sonnav li.m_li_a h4{ background:url(../images/bg_mou_l.gif) no-repeat left top;}
.sonnav li.on a ,.sonnav li.on a:visited ,.sonnav li.on a:hover ,.sonnav li.m_li_a a ,.sonnav li.m_li_a a:visited,.sonnav li.m_li_a a:hover/* ,.sonnav li#m_1 a:hover*/
{ background:url(../images/nav_tab_arrow.gif) no-repeat 50% 100%; padding:6px 7px 0; line-height:28px; display:block; text-decoration:none; color:#c30;}
.sonnav li a:hover{ text-decoration:none; background:#ececec url(../images/nav_tab_arrow.gif) no-repeat 50% 100%; padding:6px 7px 0; line-height:28px; color:#c30; display:block;}
.hh4 h4{font-weight:normal;}

.left_miao{border-right:1px solid #cbcbcb;margin-bottom:10px;}

.bottom10{margin-bottom:10px;}


.rgnew{ float:right; border-bottom:0; border-left:1px solid #cbcbcb; padding:10px 5px 0 5px; height:24px; background:url(../images/top_navbgr.gif) repeat-x bottom; color:#333;}
.rg1{ background:url(../images/top_navbgr1.gif) repeat-x bottom;}
.rgnew a,.rg1 a{ color:#333;}
.rgnew img{ margin-left:4px;}

.r_down{ float:right; border-bottom:0; border-left:1px solid #cbcbcb; padding:10px 10px 0 10px; height:24px; background:url(../images/top_navbgr.gif) repeat-x bottom; color:#333;}

.r_down a,.rg1 a{ color:#333;}
.r_down img{ margin-left:4px;}


a.colyellow ,.s_li a.colyellow ,.s_li_a a.colyellow ,.chanlnav a.colyellow{ color:#eb7f32; background:url(../images/rss_icon.gif) no-repeat 100% 50%; padding-right:20px;}
a.network_news{background:url(../images/newpic.gif) no-repeat 0% 45%; padding-left:20px;}
a.soicon{ background:url(../images/high_search_sml.gif) no-repeat 100% 50%; padding-right:20px;}

.chanlnav ,.s_li ,.s_li_a{ border-bottom:1px solid #e8e8e8; height:20px; line-height:20px; padding:6px 0 0 20px; color:#b1c3d3; text-align:left;}
.chanlnav a ,.s_li a ,.s_li_a a{ text-decoration:underline; color:#404040;}
.chanlnav a.red ,.s_li a.red ,.s_li_a a.red ,a.red{ color:#c30;}



.s_li{ display:none;}
.m_li_a{ display:block;}
/*0831*/
.stora_logo{ float:right;}
.stora_logo img{ border:0px solid #d9d9d9;}