You are here

Home » API reference » SimpleMenu 6.2

simplemenu.css in SimpleMenu 6.2

Same filename and directory in other branches
  1. 5 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;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  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. 

  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.   position: absolute;

  15.   left: 0px;

  16.   top: 0px;

  17.   width: 100%;

  18.   z-index: 9999;

  19. }

  20. #simplemenu ul {

  21. 	position:absolute;

  22. 	top:-999em;

  23. 	width:14em;

  24. 	font-size:1em;

  25. 	line-height:1em;

  26. }

  27. #simplemenu ul li,

  28. #simplemenu a {

  29. 	width: 100%;

  30. }

  31. #simplemenu li {

  32. 	float:left;

  33. 	position:relative;

  34. 	z-index:99;

  35. }

  36. #simplemenu a {

  37. 	display:block;

  38. }

  39. #simplemenu li:hover ul,

  40. ul#simplemenu li.sfHover ul {

  41. 	left:0px;

  42. 	top:21px;

  43. }

  44. #simplemenu li:hover li ul,

  45. #simplemenu li.sfHover li ul {

  46. 	top:-999em;

  47. }

  48. #simplemenu li li:hover ul,

  49. ul#simplemenu li li.sfHover ul {

  50. 	left:14em;

  51. 	top:-1px;

  52. }

  53. .superfish li:hover ul,

  54. .superfish li li:hover ul {

  55. 	top: -999em;

  56. }