www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/025/css/menu.css

    /* navigation */
#menu{
	width:720px;
}

#menu a{
	text-decoration:none; 
	word-wrap:break-word;
}

#menu ul {
	float:right;
	list-style-type:none;
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:50px;
	z-index:500;
}
		#menu ul a{			
			display:block;
			position:relative;
			padding:5px 30px 5px 30px;
			line-height:25px; 
			z-index:500;
			margin-right:0px;
		}
		#menu ul li{
			float:left;
			position:relative;
			padding-bottom:10px;
			z-index:20;
		}
	#menu ul ul{
		display:none;
		position:absolute;
		margin:0px 0px 0px 0px;
		top:40px;
		left:0px;
		width:160px;
	}
		#menu ul ul a{
			margin:0px;
			line-height:35px;
		}
		#menu ul li li{
			margin:0px;
			padding:0px;
			width:160px;
		}
	#menu ul ul ul{
		top:auto;
		padding:0px;
	}
	#menu ul li ul a{
		float:left;
		padding:0px 12px;
		padding-top:2px;
		padding-bottom:2px;
		width:136px;
	}	
	#menu ul li ul ul{
		top:0px;
		left:160px;
	}
	#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li:hover ul ul ul ul { display:none; }
	#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li li li li:hover ul { display:block; }
	
#menu .icon_drop {
	background-image:url(../images/navicon_down.png);
	background-position: right;
	background-repeat:no-repeat;
}
#menu .icon_sub {
	background-image:url(../images/navicon.png);
	background-position: right;
	background-repeat:no-repeat;
}

/* main nav */	
#menu ul li{
	font-size:13px;
	background:none;
}
#menu ul a{
	color:#000000;
	border:none;
	font-size:18px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
	#menu ul a:hover{
		color:#08ab0f;
	}
		
/* sub nav */	
#menu ul ul{
	box-shadow:0px 3px 5px rgba(0,0,0,.8);
	-webkit-box-shadow:0px 3px 5px rgba(0,0,0,.8);
	-moz-box-shadow:0px 3px 5px rgba(0,0,0,.8);
	background-color:#333333;
}
	#menu ul ul li{
		border-top:#444444 1px solid;
		border-bottom:#222222 1px solid;
	}
	#menu ul ul li:first-child{
		border-top:#444444 0px solid;
	}
	#menu ul ul li:last-child{
		border-bottom:#222222 0px solid;
	}
	#menu ul ul a{
		color:#ffffff;
		font-weight:normal;
		font-size:13px;
		font-family: 'Arial', sans-serif;
		text-shadow:0 0 0 transparent,#000000 0px 1px 0px;
	}
	#menu ul ul a:hover{
		color:#ffffff;
		background-color:#08ab0f;
	}
	
/* current main nav */
#menu .current{
}
	#menu ul .current a{
		color:#08ab0f;
	}
		#menu ul .current a:hover{
		}
	
	/* current sub nav */	
	#menu ul .current ul a{
		color:#ffffff;
		font-weight:normal;
		font-size:13px;
		font-family: 'Arial', sans-serif;
		text-shadow:0 0 0 transparent,#000000 0px 1px 0px;
	}
		#menu ul .current ul a:hover{
			color:#ffffff;
			background-color:#08ab0f;
		}