/* $Id: nice_menus_default.css,v 1.8 2010/03/31 12:31:55 add1sun Exp $ */ /* This is the default layout template for nice menus, and will provide a starting point for the look of your menus. To customize, it's recommended to create a custom CSS file using this file as a template, then configure the module to use your custom CSS file (this is done in the global settings tab of the theme administration.) See README.txt and the handbook page (http://drupal.org/node/185543) for more information on using the CSS. */ /****************************** Global CSS for ALL menu types ******************************/ #alt-nav ul.nice-menu, #alt-nav ul.nice-menu ul { font-size: 1.083em; margin: 0 0 10px; border: 1px solid #e1e1e1; background: #efefef url(../images/bkg/top_nav_bg.png) repeat-x; } #block-nice_menus-1 h2{ height: 0; overflow: hidden; position: absolute; visibility: hidden; } #block-nice_menus-1 li ul{ list-style-type: none; list-style-image: none; } #block-nice_menus-1 li ul li{ list-style-type: none; list-style-image: none; } #block-nice_menus-1 li.leaf { list-style-type: none; list-style-image: none; } #block-nice_menus-1 li.leaf a { list-style-type: none; list-style-image: none; } #block-nice_menus-1 .menu, #block-nice_menus-1 .leaf , #block-nice_menus-1 .content { /* this is where you need to separate the two tags, ul & li, to make it work */ list-style-type: none; list-style-image: none; } #alt-nav ul.nice-menu li { margin:0; padding: 0; float: left; list-style-type: none; list-style-image: none; } #alt-nav ul.nice-menu li a:hover { text-decoration: none; color: #FFF; background: url(../images/bkg/top_nav_bg_over.png); } #alt-nav ul.nice-menu li a.active { text-decoration: none; color: #FFF; background: #FF9900; } /* Overrides for Garland header. */ #header-region #alt-nav ul.nice-menu li { margin: 0; /* Padding rules are needed to deal with Garland's header line-height. */ padding-top: 0.1em; padding-bottom: 0.1em; background: #eee; visibility: hidden; } #alt-nav ul.nice-menu a { padding: 13px 17px; color: #000; text-decoration: none; font-family: Arial, helvetica, sans-serif; font-weight: normal; text-transform: uppercase; display: block; } #alt-nav ul.nice-menu ul, /* Repeat for Garland header. */ #header-region #alt-nav ul.nice-menu ul { padding: 13px 17px; color: #000; text-decoration: none; font-family: Arial, helvetica, sans-serif; font-weight: normal; text-transform: uppercase; display: block; } /* Override for Garland header. */ #header-region #alt-nav ul.nice-menu ul { padding: 13px 17px; color: #000; text-decoration: none; font-family: Arial, helvetica, sans-serif; font-weight: normal; text-transform: uppercase; display: block; } #alt-nav ul.nice-menu ul li { /* width: 12.5em; */ } /****************************** VERTICAL (left/right) menus ******************************/ /* This is the default width of all vertical menus. */ #alt-nav ul.nice-menu-right, #alt-nav ul.nice-menu-left, #alt-nav ul.nice-menu-right li, #alt-nav ul.nice-menu-left li { width: 12.5em; } /* VERTICAL menus where submenus pop RIGHT (default). */ #alt-nav ul.nice-menu-right ul { width: 12.5em; left: 12.5em; top: -1px; } #alt-nav ul.nice-menu-right ul ul { width: 12.5em; left: 12.5em; top: -1px; } #alt-nav ul.nice-menu-right li.menuparent, #alt-nav ul.nice-menu-right li li.menuparent { /* background: #eee url(arrow-right.png) right center no-repeat; */ } #alt-nav ul.nice-menu-right li.menuparent:hover, #alt-nav ul.nice-menu-right li.over, #alt-nav ul.nice-menu-right li li.menuparent:hover, #alt-nav ul.nice-menu-right li li.over { background: #ccc url(arrow-right.png) right center no-repeat; } /* VERTICAL menus where submenus pop LEFT. */ #alt-nav ul.nice-menu-left li ul { width: 12.5em; left: -12.65em; top: -1px; } #alt-nav ul.nice-menu-left li ul li ul { width: 12.5em; left: -12.65em; top: -1px; } #alt-nav ul.nice-menu-left li.menuparent, #alt-nav ul.nice-menu-left li li.menuparent { background: #eee url(arrow-left.png) left center no-repeat; } #alt-nav ul.nice-menu-left li.menuparent:hover, #alt-nav ul.nice-menu-left li.over, #alt-nav ul.nice-menu-left li li.menuparent:hover, #alt-nav ul.nice-menu-left li li.over { background: #ccc url(arrow-left.png) left center no-repeat; } #alt-nav ul.nice-menu-left a, #alt-nav ul.nice-menu-left ul a { padding-left: 14px; } /****************************** HORIZONTAL (down) menus ******************************/ #alt-nav ul.nice-menu-down { font-size: 1.083em; margin: 0 0 10px; border: 1px solid #e1e1e1; background: #efefef url(../images/bkg/top_nav_bg.png) repeat-x; } #alt-nav ul.nice-menu-down li { margin:0; padding: 0; float: left; } #alt-nav ul.nice-menu-down li li { margin:0; padding: 0; float: left; } #alt-nav ul.nice-menu-down ul { margin:0; padding: 0; float: left; } #alt-nav ul.nice-menu-down ul li { clear: both; } #alt-nav ul.nice-menu-down li ul li ul, /* Repeat for Garland header. */ #header-region #alt-nav ul.nice-menu-down li ul li ul { left: 12.5em; /* LTR */ top: -1px; } #alt-nav ul.nice-menu-down .menuparent a { padding-right: 15px; /* LTR */ } #alt-nav ul.nice-menu-down li.menuparent, /* Repeat for Garland header. */ #alt-nav ul.nice-menu-down .menuparent a { padding-right: 15px; /* LTR */ } #alt-nav ul.nice-menu-down li.menuparent, /* Repeat for Garland header. */ #header-region #alt-nav ul.nice-menu-down li.menuparent { /* background: #efefef right center no-repeat; /* LTR */ } #alt-nav ul.nice-menu-down li.menuparent:hover, #alt-nav ul.nice-menu-down li.over, /* Repeat for Garland header. */ #header-region #alt-nav ul.nice-menu-down li.menuparent:hover, #header-region #alt-nav ul.nice-menu-down li.over { /*background: #efefef right center no-repeat; */ } #alt-nav ul.nice-menu-down li li.menuparent, /* Repeat for Garland header. */ #header-region #alt-nav ul.nice-menu-down li li.menuparent { /* background: background: #efefef right center no-repeat; /* LTR */ } #alt-nav ul.nice-menu-down li li.menuparent:hover, #alt-nav ul.nice-menu-down li li.over, /* Repeat for Garland header. */ #header-region #alt-nav ul.nice-menu-down li li.menuparent:hover, #header-region #alt-nav ul.nice-menu-down li li.over { /* background: background: #efefef right center no-repeat; /* LTR */ } #alt-nav ul.nice-menu-down li li.menuparent.active-trail, #alt-nav ul.nice-menu-down li li.menuparent.active-trail a { background: #efefef url(../images/bkg/top_nav_bg.png) repeat-x; } #alt-nav ul.nice-menu-down li li.active-trail { background: #efefef url(../images/bkg/top_nav_bg.png) repeat-x; }