You are here

nice_menus.css in Nice Menus 7.3

Same filename and directory in other branches
  1. 6.2 css/nice_menus.css
  2. 7.2 css/nice_menus.css
/*
  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
  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. line-height: normal;
  11. z-index: 10;
  12. }
  13. ul.nice-menu,
  14. ul.nice-menu ul {
  15. z-index: 5;
  16. position: relative;
  17. }
  18. ul.nice-menu li {
  19. position: relative;
  20. }
  21. ul.nice-menu a {
  22. display: block;
  23. /*Default to Blue, but override as necessary*/
  24. color: #027ac6;
  25. }
  26. ul.nice-menu ul,
  27. /* For Garland header. */
  28. #header-region ul.nice-menu ul {
  29. position: absolute;
  30. visibility: hidden;
  31. }
  32. ul.nice-menu li.over ul {
  33. visibility: visible;
  34. }
  35. ul.nice-menu ul li {
  36. display: block;
  37. }
  38. ul.nice-menu:after {
  39. content: ".";
  40. display: block;
  41. height: 0;
  42. clear: both;
  43. visibility: hidden;
  44. }
  45. /* Show submenus when over their parents. */
  46. ul.nice-menu li:hover ul,
  47. ul.nice-menu li.menuparent li:hover ul,
  48. ul.nice-menu li.menuparent li.menuparent li:hover ul,
  49. ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
  50. ul.nice-menu li.over ul,
  51. ul.nice-menu li.menuparent li.over ul,
  52. ul.nice-menu li.menuparent li.menuparent li.over ul,
  53. ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
  54. /* Repeat all this stuff just for Garland headers. */
  55. #header-region ul.nice-menu li:hover ul,
  56. #header-region ul.nice-menu li.menuparent li:hover ul,
  57. #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
  58. #header-region ul.nice-menu li.over ul,
  59. #header-region ul.nice-menu li.menuparent li.over ul,
  60. #header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  61. visibility: visible;
  62. }
  63. /* Hide sub-menus initially. */
  64. ul.nice-menu li:hover ul ul,
  65. ul.nice-menu li:hover ul ul ul,
  66. ul.nice-menu li:hover li:hover ul ul,
  67. ul.nice-menu li:hover li:hover ul ul ul,
  68. ul.nice-menu li:hover li:hover li:hover ul ul,
  69. ul.nice-menu li:hover li:hover li:hover ul ul ul,
  70. ul.nice-menu li.over ul ul,
  71. ul.nice-menu li.over ul ul ul,
  72. ul.nice-menu li.over li.over ul ul,
  73. ul.nice-menu li.over li.over ul ul ul,
  74. ul.nice-menu li.over li.over li.over ul ul,
  75. ul.nice-menu li.over li.over li.over ul ul ul,
  76. /* Repeat all this stuff just for Garland headers. */
  77. #header-region ul.nice-menu li:hover ul ul,
  78. #header-region ul.nice-menu li:hover ul ul ul,
  79. #header-region ul.nice-menu li:hover li:hover ul ul,
  80. #header-region ul.nice-menu li:hover li:hover ul ul ul,
  81. #header-region ul.nice-menu li:hover li:hover li:hover ul ul,
  82. #header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
  83. #header-region ul.nice-menu li.over ul ul,
  84. #header-region ul.nice-menu li.over ul ul ul,
  85. #header-region ul.nice-menu li.over li.over ul ul,
  86. #header-region ul.nice-menu li.over li.over ul ul ul,
  87. #header-region ul.nice-menu li.over li.over li.over ul ul,
  88. #header-region ul.nice-menu li.over li.over li.over ul ul ul {
  89. visibility: hidden;
  90. }
  91. /***************
  92. IE 6 Fixes
  93. ***************/
  94. /* Iframe to fix z-index bug when menu hovers over