simplemenu.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. /* $Id$ */
  2. #simplemenu
  3. {
  4. background:#ddd;
  5. color:#333;
  6. margin:0;
  7. padding:0;
  8. z-index:48;
  9. border-bottom:1px solid #999;
  10. font:11px Verdana, Helvetica, sans-serif;
  11. left:0;
  12. position:absolute;
  13. top:0;
  14. width:100%;
  15. height:20px;
  16. z-index:48;
  17. }
  18. #simplemenu li
  19. {
  20. background:#ddd;
  21. border-right:1px solid #999;
  22. border-left:1px solid #eee;
  23. float:left;
  24. list-style:none;
  25. position:relative;
  26. margin:0;
  27. padding:0;
  28. z-index:48;
  29. text-align: left;
  30. }
  31. #simplemenu a
  32. {
  33. color:#333;
  34. display:block;
  35. float:left;
  36. padding:.3em 2em .3em .6em;
  37. text-decoration:none;
  38. background:#ddd;
  39. }
  40. #simplemenu li.expanded > a
  41. {
  42. background:url(right-green.gif) no-repeat 97%;
  43. padding-right:2em;
  44. }
  45. #simplemenu li.root > a
  46. {
  47. font-weight:700;
  48. background:url(down-green.gif) no-repeat 97%;
  49. }
  50. #simplemenu li ul
  51. {
  52. float:none;
  53. top:-999em;
  54. position:absolute;
  55. margin:0;
  56. padding:0;
  57. z-index:48;
  58. width:14em;
  59. background:#ddd;
  60. border:1px solid #999;
  61. }
  62. #simplemenu li:hover,#simplemenu li.sfhover,#simplemenu a:focus,#simplemenu a:hover,#simplemenu a:active
  63. {
  64. background:#3875d7;
  65. color:#fff;
  66. }
  67. #simplemenu li:hover ul,#simplemenu li.sfhover ul
  68. {
  69. left:-1px;
  70. top:20px;
  71. }
  72. #simplemenu li:hover li ul,#simplemenu li.sfhover li ul
  73. {
  74. top:-999em;
  75. }
  76. #simplemenu li li:hover ul,#simplemenu li li.sfhover ul
  77. {
  78. left:14em;
  79. top:-1px;
  80. width:14em;
  81. }
  82. #simplemenu li li
  83. {
  84. background:#ddd;
  85. float:none;
  86. border:none;
  87. }
  88. #simplemenu li li a
  89. {
  90. float:none;
  91. padding-right:0;
  92. }