You are here

simplemenu.css in SimpleMenu 6

Same filename and directory in other branches
  1. 5 simplemenu.css
  2. 6.2 simplemenu.css
  3. 7 simplemenu.css
/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
#simplemenu,
#simplemenu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

#simplemenu {
  line-height: 1.0;
  position: relative;
  /*position: fixed;
  top: 0;*/
  z-index: 9999;
}

#simplemenu ul {
  position: absolute;
  top: -999em;
  width: 14em;
  font-size: 1em;
  line-height: 1em;
}

#simplemenu ul li,
#simplemenu a {
  width: 100%;
}

#simplemenu li {
  float: left;
  position: relative;
  z-index: 99;
}

#simplemenu a {
  display: block;
}

#simplemenu li:hover ul,
ul#simplemenu li.sfHover ul {
  left: 0px;
  top: 21px;
}

#simplemenu li:hover li ul,
#simplemenu li.sfHover li ul {
  top: -999em;
}

#simplemenu li li:hover ul,
ul#simplemenu li li.sfHover ul {
  left: 14em;
  top: -1px;
}

.superfish li:hover ul,
.superfish li li:hover ul {
  top: -999em;
}

File

simplemenu.css
View source
  1. /* There is a version of this file commented in great detail for educational purposes here:
  2. * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
  3. */
  4. /*** ESSENTIAL STYLES ***/
  5. #simplemenu,
  6. #simplemenu * {
  7. margin: 0;
  8. padding: 0;
  9. list-style: none;
  10. }
  11. #simplemenu {
  12. line-height: 1.0;
  13. position: relative;
  14. /*position: fixed;
  15. top: 0;*/
  16. z-index: 9999;
  17. }
  18. #simplemenu ul {
  19. position: absolute;
  20. top: -999em;
  21. width: 14em;
  22. font-size: 1em;
  23. line-height: 1em;
  24. }
  25. #simplemenu ul li,
  26. #simplemenu a {
  27. width: 100%;
  28. }
  29. #simplemenu li {
  30. float: left;
  31. position: relative;
  32. z-index: 99;
  33. }
  34. #simplemenu a {
  35. display: block;
  36. }
  37. #simplemenu li:hover ul,
  38. ul#simplemenu li.sfHover ul {
  39. left: 0px;
  40. top: 21px;
  41. }
  42. #simplemenu li:hover li ul,
  43. #simplemenu li.sfHover li ul {
  44. top: -999em;
  45. }
  46. #simplemenu li li:hover ul,
  47. ul#simplemenu li li.sfHover ul {
  48. left: 14em;
  49. top: -1px;
  50. }
  51. .superfish li:hover ul,
  52. .superfish li li:hover ul {
  53. top: -999em;
  54. }