You are here

nice_menus_default.css in Nice Menus 6.2

Same filename and directory in other branches
  1. 7.3 css/nice_menus_default.css
  2. 7.2 css/nice_menus_default.css
/*
  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.)

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
}

ul.nice-menu li {
  border: 1px solid #ccc;
  border-top: 0;
  float: left; /* LTR */
  background-color: #eee;
}

ul.nice-menu a {
  padding: 0.3em 5px 0.3em 5px;
}

ul.nice-menu ul {
  top: 1.8em;
  left: -1px; /* LTR */
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0; /* LTR */
}

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: 12.5em;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat;
}

/* 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("../images/arrow-left.png") left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
  background: #ccc url("../images/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; /* LTR */
  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; /* LTR */
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  left: 12.5em; /* LTR */
  top: -1px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 15px; /* LTR */
}

ul.nice-menu-down li.menuparent {
  background: #eee url("../images/arrow-down.png") right center no-repeat; /* LTR */
}

ul.nice-menu-down li.menuparent:hover {
  background: #ccc url("../images/arrow-down.png") right center no-repeat; /* LTR */
}

ul.nice-menu-down li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat; /* LTR */
}

ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat; /* LTR */
}

/******************************
 Garland-specific CSS
******************************/

/**
 * Global CSS for ALL menu types
 */
ul.nice-menu li {
  margin: 0;
  padding-left: 0; /* LTR */
  background-image: none;
}

#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;
}

#header-region ul.nice-menu ul {
  top: 1.8em;
  left: -1px; /* LTR */
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0; /* LTR */
}

#header-region ul.nice-menu ul {
  top: 1.7em;
}

/**
 * HORIZONTAL (down) menus
 */
#header-region ul.nice-menu-down li ul li ul {
  left: 12.5em; /* LTR */
  top: -1px;
}

#header-region ul.nice-menu-down li.menuparent {
  background: #eee url("../images/arrow-down.png") right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li.menuparent:hover {
  background: #ccc url("../images/arrow-down.png") right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat; /* LTR */
}

File

css/nice_menus_default.css
View source
  1. /*
  2. This is the default layout template for nice menus, and will provide
  3. a starting point for the look of your menus. To customize, it's
  4. recommended to create a custom CSS file using this file as a template,
  5. then configure the module to use your custom CSS file
  6. (this is done in the global settings tab of the theme administration.)
  7. See README.txt and the handbook page (http://drupal.org/node/185543)
  8. for more information on using the CSS.
  9. */
  10. /******************************
  11. Global CSS for ALL menu types
  12. ******************************/
  13. ul.nice-menu,
  14. ul.nice-menu ul {
  15. list-style: none;
  16. padding: 0;
  17. margin: 0;
  18. border-top: 1px solid #ccc;
  19. }
  20. ul.nice-menu li {
  21. border: 1px solid #ccc;
  22. border-top: 0;
  23. float: left; /* LTR */
  24. background-color: #eee;
  25. }
  26. ul.nice-menu a {
  27. padding: 0.3em 5px 0.3em 5px;
  28. }
  29. ul.nice-menu ul {
  30. top: 1.8em;
  31. left: -1px; /* LTR */
  32. border: 0;
  33. border-top: 1px solid #ccc;
  34. margin-right: 0; /* LTR */
  35. }
  36. ul.nice-menu ul li {
  37. width: 12.5em;
  38. }
  39. /******************************
  40. VERTICAL (left/right) menus
  41. ******************************/
  42. /* This is the default width of all vertical menus. */
  43. ul.nice-menu-right,
  44. ul.nice-menu-left,
  45. ul.nice-menu-right li,
  46. ul.nice-menu-left li {
  47. width: 12.5em;
  48. }
  49. /* VERTICAL menus where submenus pop RIGHT (default). */
  50. ul.nice-menu-right ul {
  51. width: 12.5em;
  52. left: 12.5em;
  53. top: -1px;
  54. }
  55. ul.nice-menu-right ul ul {
  56. width: 12.5em;
  57. left: 12.5em;
  58. top: -1px;
  59. }
  60. ul.nice-menu-right li.menuparent,
  61. ul.nice-menu-right li li.menuparent {
  62. background: #eee url("../images/arrow-right.png") right center no-repeat;
  63. }
  64. ul.nice-menu-right li.menuparent:hover,
  65. ul.nice-menu-right li li.menuparent:hover {
  66. background: #ccc url("../images/arrow-right.png") right center no-repeat;
  67. }
  68. /* VERTICAL menus where submenus pop LEFT. */
  69. ul.nice-menu-left li ul {
  70. width: 12.5em;
  71. left: -12.65em;
  72. top: -1px;
  73. }
  74. ul.nice-menu-left li ul li ul {
  75. width: 12.5em;
  76. left: -12.65em;
  77. top: -1px;
  78. }
  79. ul.nice-menu-left li.menuparent,
  80. ul.nice-menu-left li li.menuparent {
  81. background: #eee url("../images/arrow-left.png") left center no-repeat;
  82. }
  83. ul.nice-menu-left li.menuparent:hover,
  84. ul.nice-menu-left li li.menuparent:hover {
  85. background: #ccc url("../images/arrow-left.png") left center no-repeat;
  86. }
  87. ul.nice-menu-left a,
  88. ul.nice-menu-left ul a {
  89. padding-left: 14px;
  90. }
  91. /******************************
  92. HORIZONTAL (down) menus
  93. ******************************/
  94. ul.nice-menu-down {
  95. float: left; /* LTR */
  96. border: 0;
  97. }
  98. ul.nice-menu-down li {
  99. border-top: 1px solid #ccc;
  100. }
  101. ul.nice-menu-down li li {
  102. border-top: 0;
  103. }
  104. ul.nice-menu-down ul {
  105. left: 0; /* LTR */
  106. }
  107. ul.nice-menu-down ul li {
  108. clear: both;
  109. }
  110. ul.nice-menu-down li ul li ul {
  111. left: 12.5em; /* LTR */
  112. top: -1px;
  113. }
  114. ul.nice-menu-down .menuparent a {
  115. padding-right: 15px; /* LTR */
  116. }
  117. ul.nice-menu-down li.menuparent {
  118. background: #eee url("../images/arrow-down.png") right center no-repeat; /* LTR */
  119. }
  120. ul.nice-menu-down li.menuparent:hover {
  121. background: #ccc url("../images/arrow-down.png") right center no-repeat; /* LTR */
  122. }
  123. ul.nice-menu-down li li.menuparent {
  124. background: #eee url("../images/arrow-right.png") right center no-repeat; /* LTR */
  125. }
  126. ul.nice-menu-down li li.menuparent:hover {
  127. background: #ccc url("../images/arrow-right.png") right center no-repeat; /* LTR */
  128. }
  129. /******************************
  130. Garland-specific CSS
  131. ******************************/
  132. /**
  133. * Global CSS for ALL menu types
  134. */
  135. ul.nice-menu li {
  136. margin: 0;
  137. padding-left: 0; /* LTR */
  138. background-image: none;
  139. }
  140. #header-region ul.nice-menu li {
  141. margin: 0;
  142. /* Padding rules are needed to deal with Garland's header line-height. */
  143. padding-top: 0.1em;
  144. padding-bottom: 0.1em;
  145. background: #eee;
  146. }
  147. #header-region ul.nice-menu ul {
  148. top: 1.8em;
  149. left: -1px; /* LTR */
  150. border: 0;
  151. border-top: 1px solid #ccc;
  152. margin-right: 0; /* LTR */
  153. }
  154. #header-region ul.nice-menu ul {
  155. top: 1.7em;
  156. }
  157. /**
  158. * HORIZONTAL (down) menus
  159. */
  160. #header-region ul.nice-menu-down li ul li ul {
  161. left: 12.5em; /* LTR */
  162. top: -1px;
  163. }
  164. #header-region ul.nice-menu-down li.menuparent {
  165. background: #eee url("../images/arrow-down.png") right center no-repeat; /* LTR */
  166. }
  167. #header-region ul.nice-menu-down li.menuparent:hover {
  168. background: #ccc url("../images/arrow-down.png") right center no-repeat; /* LTR */
  169. }
  170. #header-region ul.nice-menu-down li li.menuparent {
  171. background: #eee url("../images/arrow-right.png") right center no-repeat; /* LTR */
  172. }
  173. #header-region ul.nice-menu-down li li.menuparent:hover {
  174. background: #ccc url("../images/arrow-right.png") right center no-repeat; /* LTR */
  175. }