/*
This file contains the basic logic for nice menus, and should not be
edited. To customize the menus, it's recommended to create a custom CSS
file using nice_menus_default.css 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.)
*/
/* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
.block-nice-menus {
line-height: normal;
z-index: 10;
}
ul.nice-menu,
ul.nice-menu ul {
z-index: 5;
position: relative;
}
ul.nice-menu li {
position: relative;
}
ul.nice-menu a {
display: block;
/*Default to Blue, but override as necessary*/
color: #027ac6;
}
ul.nice-menu ul,
/* For Garland header. */
#header-region ul.nice-menu ul {
position: absolute;
visibility: hidden;
}
ul.nice-menu li.over ul {
visibility: visible;
}
ul.nice-menu ul li {
display: block;
}
ul.nice-menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Show submenus when over their parents. */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul,
#header-region ul.nice-menu li.menuparent li:hover ul,
#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
#header-region ul.nice-menu li.over ul,
#header-region ul.nice-menu li.menuparent li.over ul,
#header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
visibility: visible;
}
/* Hide sub-menus initially. */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover ul ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul,
ul.nice-menu li.over li.over ul ul,
ul.nice-menu li.over li.over ul ul ul,
ul.nice-menu li.over li.over li.over ul ul,
ul.nice-menu li.over li.over li.over ul ul ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul ul,
#header-region ul.nice-menu li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
#header-region ul.nice-menu li.over ul ul,
#header-region ul.nice-menu li.over ul ul ul,
#header-region ul.nice-menu li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over ul ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul ul {
visibility: hidden;
}
/***************
IE 6 Fixes
***************/
/* Iframe to fix z-index bug when menu hovers over <select> fields. */
ul.nice-menu li.menuparent ul,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul {
overflow: visible !important;
}
ul.nice-menu li.menuparent ul iframe,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul iframe {
display: none;
display/**/: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
filter: mask();
width: 20px;
height: 20px;
}
File
css/nice_menus.css
View source
/*
This file contains the basic logic for nice menus, and should not be
edited. To customize the menus, it's recommended to create a custom CSS
file using nice_menus_default.css 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.)
*/
/* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
