Home / menu_files / listmenu_h.css

listmenu_h.css

listmenu_h.css — Cascading Style Sheet, 5Kb

File contents

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 20px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 155px;
 border: 1px solid #dadada;
 border-top: 0px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0px;
/* IE hack - problems with solid border */
 left: 154px !important; left: 154px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background: #dadada;
 border-top: 1px solid #dadada;
 border-right: 3px solid #dadada;
 border-bottom: 1px solid #dadada;
 border-left: 3px solid #dadada;

 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: 0px;
}
.menulist ul>li:last-child {
 margin-bottom: 0px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #fff;
 text-decoration:  none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #3366cc;
 background-color: #c1c1c1;
}

.menulist a.highlighted {
 color: #fff;
 background-color: #ffffff;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
 margin:5px 0 0 0;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */

/* custom styles */

#topnav {min-width:940px; clear: both; margin: 0px 0px 0px 0px;}

img {border:0}

#menu {border-top:none; border-bottom:none; background-color:#ffffff; height:31px;padding-left:0px; vertical-align:top;}
/* LEFT PADDING -----------------------------------------------------------------------------------------------------^^^^^^ */
.menulist li.topLevel a#topLevel {letter-spacing: 0;}
/* IF You adding new toplevel menu item, you must correct li.topLevel right margin and li.topLevel img right margin */
.menulist li.topLevel {
	border:none;
	margin: 0px 22px 0px 0px;
	background-color:#ffffff;
/*	background:url(menu_bg.gif) repeat-x;*/
	height: 31px;}
.menulist li.topLevel a#topLevel {
 	padding: 8px 0px 0px 0px;
	float: left; /* new 06_16_09 - to push left*/
	background-color:#ffffff;
/*	padding-left: 35px;
	background:url(menu_bg.gif) repeat-x; 
	font-weight: bolder;*/
	vertical-align:bottom;
	font-size:15px;
	color: #4e4e4e;
	
}
.menulist li.topLevel a:hover {
color: #3a3a3a !important;
}
/****************************---------------^^^^^^----------**************************************/
.menulist li.topLevel img {margin-right:0px}
/******************************---------^^^^^--------------*******************************/
.menulist li.topLevel li img {margin-right:0px}
#menu a.topLevel {font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu a.inner {font-family: Arial, Helvetica, sans-serif;font-size:11px;color: #666;}
#menu li.sep {border-left:1px solid white;border-right:none;font-size:0px;height:1px;background-color:white}
.menulist li {margin-top:0px;}
.menulist li a.inner {padding-left:20px;}
.menuTbl {margin:0 0 0 0;width:940px}
.menuSep {background:transparent url(menu_files/menuSep.gif) no-repeat scroll 0 0; float: left; background-color:#ffffff;  height: 14px; width:3px; margin:11px 18px 0 0;}


/*adjusts .menulist li.topLevel for JA*/

.menulist li.topLevelJA a#topLevelJA {letter-spacing: 0;}
/* IF You adding new toplevel menu item, you must correct li.topLevel right margin and li.topLevel img right margin */
.menulist li.topLevelJA {
	border:none;
	margin: 0px 57px 0px 0px;
	background-color:#ffffff;
/*	background:url(menu_bg.gif) repeat-x;*/
	height: 31px;}
.menulist li.topLevelJA a#topLevelJA {
 	padding: 8px 0px 0px 0px;
	float: left; /* new 06_16_09 - to push left*/
	background-color:#ffffff;
/*	padding-left: 35px;
	background:url(menu_bg.gif) repeat-x; 
	font-weight: bolder;*/
	vertical-align:bottom;
	font-size:15px;
	color: #4e4e4e;
	
}
.menulist li.topLevelJA a:hover {
color: #51b569 !important;
}
/****************************---------------^^^^^^----------**************************************/
.menulist li.topLevelJA img {margin-right:0px}
/******************************---------^^^^^--------------*******************************/
.menulist li.topLevelJA li img {margin-right:0px}
#menu a.topLevelJA {font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;}