You are here

nice_menus.css in Nice Menus 8

/*
  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 {
  z-index: 10;
}

ul.nice-menu,
ul.nice-menu ul {
  z-index: 6666;
  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

libraries/css/nice_menus.css
View source
  1. /*
  2. This file contains the basic logic for nice menus, and should not be
  3. edited. To customize the menus, it's recommended to create a custom CSS
  4. file using nice_menus_default.css as a template, then configure the module
  5. to use your custom CSS file (this is done in the global settings tab of
  6. the theme administration.)
  7. */
  8. /* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
  9. .block-nice-menus {
  10. z-index: 10;
  11. }
  12. ul.nice-menu,
  13. ul.nice-menu ul {
  14. z-index: 6666;
  15. position: relative;
  16. }
  17. ul.nice-menu li {
  18. position: relative;
  19. }
  20. ul.nice-menu a {
  21. display: block;
  22. /*Default to Blue, but override as necessary*/
  23. color: #027ac6;
  24. }
  25. ul.nice-menu ul,
  26. /* For Garland header. */
  27. #header-region ul.nice-menu ul {
  28. position: absolute;
  29. visibility: hidden;
  30. }
  31. ul.nice-menu li.over ul {
  32. visibility: visible;
  33. }
  34. ul.nice-menu ul li {
  35. display: block;
  36. }
  37. ul.nice-menu:after {
  38. content: ".";
  39. display: block;
  40. height: 0;
  41. clear: both;
  42. visibility: hidden;
  43. }
  44. /* Show submenus when over their parents. */
  45. ul.nice-menu li:hover ul,
  46. ul.nice-menu li.menuparent li:hover ul,
  47. ul.nice-menu li.menuparent li.menuparent li:hover ul,
  48. ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
  49. ul.nice-menu li.over ul,
  50. ul.nice-menu li.menuparent li.over ul,
  51. ul.nice-menu li.menuparent li.menuparent li.over ul,
  52. ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
  53. /* Repeat all this stuff just for Garland headers. */
  54. #header-region ul.nice-menu li:hover ul,
  55. #header-region ul.nice-menu li.menuparent li:hover ul,
  56. #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
  57. #header-region ul.nice-menu li.over ul,
  58. #header-region ul.nice-menu li.menuparent li.over ul,
  59. #header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  60. visibility: visible;
  61. }
  62. /* Hide sub-menus initially. */
  63. ul.nice-menu li:hover ul ul,
  64. ul.nice-menu li:hover ul ul ul,
  65. ul.nice-menu li:hover li:hover ul ul,
  66. ul.nice-menu li:hover li:hover ul ul ul,
  67. ul.nice-menu li:hover li:hover li:hover ul ul,
  68. ul.nice-menu li:hover li:hover li:hover ul ul ul,
  69. ul.nice-menu li.over ul ul,
  70. ul.nice-menu li.over ul ul ul,
  71. ul.nice-menu li.over li.over ul ul,
  72. ul.nice-menu li.over li.over ul ul ul,
  73. ul.nice-menu li.over li.over li.over ul ul,
  74. ul.nice-menu li.over li.over li.over ul ul ul,
  75. /* Repeat all this stuff just for Garland headers. */
  76. #header-region ul.nice-menu li:hover ul ul,
  77. #header-region ul.nice-menu li:hover ul ul ul,
  78. #header-region ul.nice-menu li:hover li:hover ul ul,
  79. #header-region ul.nice-menu li:hover li:hover ul ul ul,
  80. #header-region ul.nice-menu li:hover li:hover li:hover ul ul,
  81. #header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
  82. #header-region ul.nice-menu li.over ul ul,
  83. #header-region ul.nice-menu li.over ul ul ul,
  84. #header-region ul.nice-menu li.over li.over ul ul,
  85. #header-region ul.nice-menu li.over li.over ul ul ul,
  86. #header-region ul.nice-menu li.over li.over li.over ul ul,
  87. #header-region ul.nice-menu li.over li.over li.over ul ul ul {
  88. visibility: hidden;
  89. }
  90. /***************
  91. IE 6 Fixes
  92. ***************/
  93. /* Iframe to fix z-index bug when menu hovers over