simplemenu.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /* $Id$ */
  2. ul#menubar,ul#menubar ul,ul#menubar li,ul#menubar a {
  3. color:#333;
  4. display:block;
  5. list-style:none;
  6. margin:0;
  7. padding:0;
  8. z-index:48;
  9. }
  10. ul#menubar {
  11. background:#eee;
  12. border-bottom:1px solid #a3a3a3;
  13. font:12px Arial, Helvetica, sans-serif;
  14. left:0;
  15. position:static;
  16. top:0;
  17. width:100%;
  18. height:22px;
  19. }
  20. ul#menubar li {
  21. float:left;
  22. }
  23. ul#menubar li a {
  24. background:#ccc;
  25. border-right:1px solid #a3a3a3;
  26. font-weight:400;
  27. padding:0.3em 0.6em;
  28. text-decoration:none;
  29. }
  30. ul#menubar li:hover > a {
  31. background:orange;
  32. }
  33. ul#menubar ul li a {
  34. border:none;
  35. width:11em;
  36. }
  37. ul#menubar li.leaf {
  38. background:#eee url(bullet_go.gif) no-repeat 0.2em;
  39. padding-left:2em;
  40. }
  41. ul#menubar li.expanded {
  42. background:#eee url(folder.gif) no-repeat 0.2em;
  43. padding-left:2em;
  44. }
  45. ul#menubar li ul {
  46. background:#ccc;
  47. border:1px solid #a3a3a3;
  48. left:-9999px;
  49. position:absolute;
  50. width:15em;
  51. z-index:24;
  52. }
  53. ul#menubar li ul ul {
  54. margin:0 0 0 3em;
  55. }
  56. ul#menubar li:hover ul ul,ul#menubar li:hover ul ul ul,ul#menubar li.sfhover ul ul,ul#menubar li.sfhover ul ul ul {
  57. left:-9999px;
  58. }
  59. ul#menubar li:hover ul,ul#menubar li li:hover ul,ul#menubar li li li:hover ul,ul#menubar li.sfhover ul,ul#menubar li li.sfhover ul,ul#menubar li li li.sfhover ul {
  60. left:auto;
  61. }