You are here

Home » API reference » SimpleMenu 5

simplemenu.css in SimpleMenu 5

Same filename and directory in other branches
  1. 6.2 simplemenu.css
  2. 6 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;
}
#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. 

  2. /* There is a version of this file commented in great detail for educational purposes here:

  3.  * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css

  4.  */

  5. 

  6. /*** ESSENTIAL STYLES ***/

  7. #simplemenu, #simplemenu * {

  8. 	margin:0;

  9. 	padding:0;

  10. 	list-style:none;

  11. }

  12. #simplemenu {

  13. 	line-height:1.0;

  14. }

  15. #simplemenu ul {

  16. 	position:absolute;

  17. 	top:-999em;

  18. 	width:14em;

  19. 	font-size:1em;

  20. 	line-height:1em;

  21. }

  22. #simplemenu ul li,

  23. #simplemenu a {

  24. 	width: 100%;

  25. }

  26. #simplemenu li {

  27. 	float:left;

  28. 	position:relative;

  29. 	z-index:99;

  30. }

  31. #simplemenu a {

  32. 	display:block;

  33. }

  34. #simplemenu li:hover ul,

  35. ul#simplemenu li.sfHover ul {

  36. 	left:0px;

  37. 	top:21px;

  38. }

  39. #simplemenu li:hover li ul,

  40. #simplemenu li.sfHover li ul {

  41. 	top:-999em;

  42. }

  43. #simplemenu li li:hover ul,

  44. ul#simplemenu li li.sfHover ul {

  45. 	left:14em;

  46. 	top:-1px;

  47. }

  48. .superfish li:hover ul,

  49. .superfish li li:hover ul {

  50. 	top: -999em;

  51. }