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;}

