百度导航栏

百度导航栏_第1张图片



  
   
   
  百度导航栏 
   
   
 
  
  
/**
 *	样式表
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

body {
	line-height: 1.16667
}

ol,ul {
	list-style: none
}

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,i,strong,th,var,optgroup {
	font-style: normal;
	font-weight: normal
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal
}

table {
	border-collapse: collapse;
	border-spacing: 0
}
:focus {
	outline: 0
}
abbr,acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

blockquote:before,blockquote:after,q:before,q:after {
	content: ""
}

blockquote,q {
	quotes: "" ""
}

input,button,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

input,button,select,img {
	vertical-align: middle
}

textarea {
	vertical-align: top
}

input,button,textarea,select {
	*font-size: 100%
}

legend{color:#000}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{
	font-family:Arial,'simsun','Tahoma',sans-serif;
	font-size:100%;
	font-size:1em;
	font-size:12px;
	color:#333;
	word-wrap: break-word;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	body{font-family:arial,'simsun',sans-serif}
}

a{color:#066cb8;text-decoration:none}
a:hover{color:#f60;text-decoration:none}
a:focus{}
.c_999:visited {color:#999}

dt{font-weight:bold}
p{font-size:1em}
h1,h2,h3,h4,h5,h6{font-weight:bold}
h1{font-size:2em}
h2{font-size:1.7em}
h3{font-size:1.3em}
h4{font-size:1.25em}
h5,h6{font-size:1em}
input,textarea{font:.75em Arial,'simsun',sans-serif}
hr{display:block;width:100%;height:1px;border:none;background:#ccc;color:#ccc}
a img{display:inline-block}

.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f24{font-size:24px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh150{line-height:1.5}
.lh180{line-height:1.8}
.lh200{line-height:2}
.lh16{line-height:16px}
.lh20{line-height:20px}
.lh25{line-height:25px}
.lh30{line-height:30px}
.unl{text-decoration:underline}
.no_unl{text-decoration:none}
.arial{font-family:arial}
.simsun{font-family:'simsun'}
.yahei{font-family:'microsoft yahei'}

.black{color:black}
.gray{color:gray}
.white{color:white}
.red{color:red}
.green{color:green}
.yellow{color:yellow}
.blue{color:blue}
.c_000{color:#000}
.c_333{color:#333}
.c_555{color:#555}
.c_666{color:#666}
.c_777{color:#777}
.c_999{color:#999}
.c_aaa{color:#aaa}
.c_bbb{color:#bbb}
.c_ccc{color:#ccc}
.c_fff{color:#fff}
.c_f30{color:#f30}
.c_f60{color:#f60}
.c_f90{color:#f90}
.c_4b9900{color:#4b9900}
.c_0065cb{color:#0065cb}
.c_4b9a03{color:#4b9a03}
.c_ff333{color:#f33}
.c_066cb8{color:#066cb8;}
.c_green{color:#168b5c;}
.c_ff7f{color:#ff7f00;}
.c_1cb177{color: #1cb177;}
.c_179362{color: #179362;}

.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clear{display:block;font-size:0;line-height:0;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

* html .clearfix{height:1%}
.clearfix{display:block}

.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}

.w{width:100%}
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w260{width:260px}
.w280{width:280px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.w710{width:710px}
.w960{width:960px}
.w1000{width:1000px}
.w_3{width:30%}
.w_5{width:50%}
.h{height:100%}
.h50{height:50px}
.h100{height:100px}

.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}

.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}

.pr0{padding-right:0px;}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}

.mt7{margin-top:7px}
.mt50{margin-top:50px}

.c_1ab177{color:#1ab177;}

.mn_sort{position:absolute;top:0;left:0;}
.mn_sort a{color:#555;}
.mn_sort a:hover{color: #1ab177;text-decoration:underline;}
.mn_mt{width:250px;height:40px;background-color:#40BB8A;}
.mn_mt a{font:700 16px/40px 'simsun';padding-left:27px;color:#fff;}
.mn_mt a:hover{color:#fff;}
.mn_mc{position:absolute;top:40px;left:0;width:248px;height:329px;overflow:visible;border:1px solid #1cb177;border-top:none;background:#fff;}
.mn_mc .item{width:248px;height:29px;border-bottom:1px solid #f2f2f2;line-height:29px;}
.mn_mc .item_last{border-bottom:none;}

.mn_mc .item .i_hd{position:absolute;z-index:1;width:248px;}
.mn_mc .item .i_hd_tit{display:block;width:220px;padding-left:26px;font-size:14px;}
.mn_mc .item .i_hd_arr{display:block;position:absolute;left:230px;top:9px;width:8px;height:11px;overflow:hidden;background:url('i_hd_arr.gif') no-repeat 0 0;}

.mn_mc .item .i_bd{display:none;position:absolute;top:0px;z-index:12;left:248px;width:830px;height:auto;min-height:200px;overflow:visible;border:1px solid #1cb177;background:#fafafa;box-shadow:1px 1px 2px #ddd;}

.mn_mc .item_hover{height:28px;line-height:28px;border-left:3px solid #1cb177;border-top:1px solid #1cb177;border-bottom:1px solid #1cb177;box-shadow:0px 1px 1px #ddd;}
.mn_mc .item_hover .i_hd{z-index:13;}
.mn_mc .item_hover .i_hd_tit{width:223px;padding-left:23px;z-index:16;background:#fff;}
.mn_mc .item_hover .i_hd_arr{display:none;}

.categ_m{float:left;width:580px;min-height:334px;padding:0px 15px;background:#fff;}
.categ_m h3{font:700 14px/20px 'simsun';padding-bottom:10px;padding-top:14px;border-bottom:1px solid #eee;}
.categ_m h3 a:hover{color:#555;}
.categ_m dl{clear:both;border-bottom:1px solid #eee;}
.categ_m dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.categ_m dt{float:left;width:53px;height:32px;overflow:hidden;text-align:right;margin-right:15px;}
.categ_m dd{float:left;width:512px;}
.categ_m dt a{padding:2px 0 0 0;color:#1ab177;}
.categ_m dd a{float:left;padding:0 10px;margin:9px 0;border-left:1px solid #eee;line-height:14px;}
.categ_s{float:right;width:220px;height:334px;background-color:#fafafa;}
.categ_s .pic1{padding:2px;}
.categ_s .pic2{margin:13px;}
.categ_s .pic2 li{margin-bottom:4px;}
.categ_s .lstTxt{margin:13px 13px 25px;}
.categ_s .lstTxt h3{font-size:12px;line-height:18px;color:#1BB177;padding-bottom:1px;}
.categ_s .lstTxt li{line-height:14px;margin:10px 0;}
.categ_s .lstPic{margin:13px 13px 0px;padding-bottom:7px;}
.categ_s .lstPic h3{font-size:12px;line-height:18px;color:#1BB177;}
.categ_s .lstPic li{float:left;margin:13px 13px 0 0;}
.categ_s a img:hover{opacity:.7;filter:alpha(opacity=70);}
.mn_sort .categ_s .lstTxt a{color: #555;}

 

你可能感兴趣的:(HTML)