@charset "utf-8"; /* $Id: nice_menus_default.css,v 1.1.2.5 2007/10/29 16:35:34 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.) To help understand the CSS, the HTML looks like this, where x is a number; TYPE is down/left/right; PATH is the menu path such as node/343; MID is the menu id such as 33): ... If you have more than one nice-menu and want to target a particular one, use its id (e.g. ul#nice-menu-2). See README.txt and the handbook page (http://drupal.org/node/185543) for some CSS customization examples. */ /****************************** Global CSS for ALL menu types ******************************/ ul.nice-menu, ul.nice-menu ul { list-style: none; padding: 0; margin: 0; border-top: 0px solid #ccc; } ul.nice-menu li { border: 0px solid #ccc; border-top: 0; float: left; /*background-color: #edecb4; /* Taube box background*/ background-color: #dddad3; /* Taube box background*/ /* Additional overrides to deal with Garland theme. */ margin: 0; padding-left: 0; background-image: none; } /* Overrides for Garland header. */ #header-region 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; } ul.nice-menu a { padding: 0.3em 5px 0.3em 5px; } ul.nice-menu ul, /* Repeat for Garland header. */ #header-region ul.nice-menu ul { top: 1.8em; left: -1px; border: 0; /* border-top: 1px solid #ccc; change for Taube */ margin-right: 0; } /* Override for Garland header. */ #header-region ul.nice-menu ul { top: 1.7em; } ul.nice-menu ul li { width: 12.5em; } /****************************** VERTICAL (left/right) menus ******************************/ /* This is the default width of all vertical menus. */ ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li { width: 160px; /*controls the widht of the menu on side bar */ } /* VERTICAL menus where submenus pop RIGHT (default). */ ul.nice-menu-right ul { width: 150px; /* controls the width of the flyout UL secondary element */ top: 1px; left: 160px; /* controls the position of the flyout UL secondary element. Must match the sidebar width */ } ul.nice-menu-right ul li ul { width: 150px; /* controls the width of the flyout UL tertiary element */ top: 1px; left: 130px; /* controls the position of the flyout UL tertiary element. Must match the sidebar width */ } ul.nice-menu-right ul ul { /* not used width: 12.5em; left: 12.5em; top: -1px; */ } ul.nice-menu-right li ul{ padding-left: 16px; /* controls how far the flyout indents */ background-image: url(../HorizontalDots_03.jpg); background-repeat: no-repeat; background-position: 0px 8px; /* position of the line connecting flyout boxes */ } ul.nice-menu-right li ul li{ /*background-color: #edecb4; /* Taube box background*/ background-color: #dddad3; /* Taube box background*/ top: 0px; width: 130px; /* controls the widht of the flyout */ } ul.nice-menu-right li.menuparent, ul.nice-menu-right li li.menuparent { /*background: #edecb4 url(arrow-right.png) right center no-repeat;/* Controls the active state Taube box background color */ background: #dddad3 url(arrow-right.png) right center no-repeat;/* Controls the active state Taube box background color */ } ul.nice-menu-right li.menuparent:hover, ul.nice-menu-right li.over, ul.nice-menu-right li li.menuparent:hover, ul.nice-menu-right li li.over { /*background: #edecb4 url(arrow-right.png) right center no-repeat; /* hover color *//* Taube box background*/ background: #dddad3 url(arrow-right.png) right center no-repeat; /* hover color *//* Taube box background*/ } /* no more Taube changes below this point */ /* VERTICAL menus where submenus pop LEFT. */ ul.nice-menu-left li ul { width: 12.5em; left: -12.65em; top: -1px; } ul.nice-menu-left li ul li ul { width: 12.5em; left: -12.65em; top: -1px; } ul.nice-menu-left li.menuparent, ul.nice-menu-left li li.menuparent { background: #eee url(arrow-left.png) left center no-repeat; } ul.nice-menu-left li.menuparent:hover, ul.nice-menu-left li.over, ul.nice-menu-left li li.menuparent:hover, ul.nice-menu-left li li.over { background: #ccc url(arrow-left.png) left center no-repeat; } ul.nice-menu-left a, ul.nice-menu-left ul a { padding-left: 14px; } /****************************** HORIZONTAL (down) menus ******************************/ ul.nice-menu-down { float: left; border: 0; } ul.nice-menu-down li { border-top: 1px solid #ccc; } ul.nice-menu-down li li { border-top: 0; } ul.nice-menu-down ul { left: 0; } ul.nice-menu-down ul li { clear: both; } ul.nice-menu-down li ul li ul, /* Repeat for Garland header. */ #header-region ul.nice-menu-down li ul li ul { left: 12.5em; top: -1px; } ul.nice-menu-down .menuparent a { padding-right: 15px; } ul.nice-menu-down li.menuparent, /* Repeat for Garland header. */ #header-region ul.nice-menu-down li.menuparent { background: #eee url(arrow-down.png) right center no-repeat; } ul.nice-menu-down li.menuparent:hover, ul.nice-menu-down li.over, /* Repeat for Garland header. */ #header-region ul.nice-menu-down li.menuparent:hover, #header-region ul.nice-menu-down li.over { background: #ccc url(arrow-down.png) right center no-repeat; } ul.nice-menu-down li li.menuparent, /* Repeat for Garland header. */ #header-region ul.nice-menu-down li li.menuparent { background: #eee url(arrow-right.png) right center no-repeat; } ul.nice-menu-down li li.menuparent:hover, ul.nice-menu-down li li.over, /* Repeat for Garland header. */ #header-region ul.nice-menu-down li li.menuparent:hover, #header-region ul.nice-menu-down li li.over { background: #ccc url(arrow-right.png) right center no-repeat; }