You are here

simplemenu.css in SimpleMenu 7

Same filename and directory in other branches
  1. 5 simplemenu.css
  2. 6.2 simplemenu.css
  3. 6 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, #simplemenu * {
  6. margin: 0;
  7. padding: 0;
  8. list-style: none;
  9. }
  10. #simplemenu {
  11. line-height: 1.0;
  12. position: relative;
  13. /*position: fixed;
  14. top: 0;*/
  15. z-index: 9999;
  16. }
  17. #simplemenu ul {
  18. position: absolute;
  19. top: -999em;
  20. width: 14em;
  21. font-size: 1em;
  22. line-height: 1em;
  23. }
  24. #simplemenu ul li,
  25. #simplemenu a {
  26. width: 100%;
  27. }
  28. #simplemenu li {
  29. float: left;
  30. position: relative;
  31. z-index: 99;
  32. }
  33. #simplemenu a {
  34. display: block;
  35. }
  36. #simplemenu li:hover ul,
  37. ul#simplemenu li.sfHover ul {
  38. left: 0px;
  39. top: 21px;
  40. }
  41. #simplemenu li:hover li ul,
  42. #simplemenu li.sfHover li ul {
  43. top: -999em;
  44. }
  45. #simplemenu li li:hover ul,
  46. ul#simplemenu li li.sfHover ul {
  47. left: 14em;
  48. top: -1px;
  49. }
  50. .superfish li:hover ul,
  51. .superfish li li:hover ul {
  52. top: -999em;
  53. }