You are here

nice_menus.css in Nice Menus 6

Same filename and directory in other branches
  1. 5 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;
}

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;
	/* overflow: hidden; */
}

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

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. }
  24. ul.nice-menu ul,
  25. /* For Garland header. */
  26. #header-region ul.nice-menu ul {
  27. position: absolute;
  28. visibility: hidden;
  29. }
  30. ul.nice-menu li.over ul {
  31. visibility: visible;
  32. }
  33. ul.nice-menu ul li {
  34. display: block;
  35. }
  36. ul.nice-menu:after {
  37. content: ".";
  38. display: block;
  39. height: 0;
  40. clear: both;
  41. visibility: hidden;
  42. }
  43. /* Show submenus when over their parents. */
  44. ul.nice-menu li:hover ul,
  45. ul.nice-menu li.menuparent li:hover ul,
  46. ul.nice-menu li.menuparent li.menuparent li:hover ul,
  47. ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
  48. ul.nice-menu li.over ul,
  49. ul.nice-menu li.menuparent li.over ul,
  50. ul.nice-menu li.menuparent li.menuparent li.over ul,
  51. ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
  52. /* Repeat all this stuff just for Garland headers. */
  53. #header-region ul.nice-menu li:hover ul,
  54. #header-region ul.nice-menu li.menuparent li:hover ul,
  55. #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
  56. #header-region ul.nice-menu li.over ul,
  57. #header-region ul.nice-menu li.menuparent li.over ul,
  58. #header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  59. visibility: visible;
  60. }
  61. /* Hide sub-menus initially. */
  62. ul.nice-menu li:hover ul ul,
  63. ul.nice-menu li:hover ul ul ul,
  64. ul.nice-menu li:hover li:hover ul ul,
  65. ul.nice-menu li:hover li:hover ul ul ul,
  66. ul.nice-menu li:hover li:hover li:hover ul ul,
  67. ul.nice-menu li:hover li:hover li:hover ul ul ul,
  68. ul.nice-menu li.over ul ul,
  69. ul.nice-menu li.over ul ul ul,
  70. ul.nice-menu li.over li.over ul ul,
  71. ul.nice-menu li.over li.over ul ul ul,
  72. ul.nice-menu li.over li.over li.over ul ul,
  73. ul.nice-menu li.over li.over li.over ul ul ul,
  74. /* Repeat all this stuff just for Garland headers. */
  75. #header-region ul.nice-menu li:hover ul ul,
  76. #header-region ul.nice-menu li:hover ul ul ul,
  77. #header-region ul.nice-menu li:hover li:hover ul ul,
  78. #header-region ul.nice-menu li:hover li:hover ul ul ul,
  79. #header-region ul.nice-menu li:hover li:hover li:hover ul ul,
  80. #header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
  81. #header-region ul.nice-menu li.over ul ul,
  82. #header-region ul.nice-menu li.over ul ul ul,
  83. #header-region ul.nice-menu li.over li.over ul ul,
  84. #header-region ul.nice-menu li.over li.over ul ul ul,
  85. #header-region ul.nice-menu li.over li.over li.over ul ul,
  86. #header-region ul.nice-menu li.over li.over li.over ul ul ul {
  87. visibility: hidden;
  88. }
  89. /***************
  90. IE 6 Fixes
  91. ***************/
  92. /* Iframe to fix z-index bug when menu hovers over