Return to Snippet

Revision: 36707
at November 25, 2010 05:25 by allproweb


Initial Code
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		transparent;
	height:			2em;
	position:		relative;
}
.sf-navbar li {
	background:		transparent;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
	font-size: 		0.9em;
}
.sf-navbar li ul {
    _width:			80em; /* critical for ie6 functionality*/
}
.sf-navbar li li {
	background:     transparent;
	position:		relative;
}
.sf-navbar li li ul {
	background:     #0971a6;
	width:			15em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
	color: 			#fff;
}

.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active, .sf-navbar a.active {
	border:			none;
	background:		transparent;
	color: 			#ffbe40;
}

.sf-navbar li.current {
	background:		transparent;
	color: 			#ffbe40;
}

.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current{
	background:		transparent;
	color: 			#ffbe40;
	font-size: 		1em;
}
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active, .sf-navbar a.current { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffbe40;} {
	background:		transparent;
	color: 			#ffbe40;
	/*font-size: 		.8em;*/
}

.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li{
	background:		transparent;
	color: 			#ffbe40;
	font-size: 		1em;
}

ul.sf-navbar ul li a:active, 
.sf-navbar ul li a:active
.sf-navbar ul li li a:active {
	color: 			#ffbe40;
}

ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover {
	background:		transparent;
	color: 			#ffbe40;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

Initial URL


Initial Description


Initial Title
Customized Drop Down jQuery Menu CSS2

Initial Tags
css, jquery

Initial Language
CSS