Advertisement
danateruel

Blogger Menu code 2

Oct 14th, 2012
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.24 KB | None | 0 0
  1. #cssmenu {
  2. border:1px solid #000000;
  3. background:#000000;
  4. }
  5. #cssmenu > ul {
  6. padding:1px 0;
  7. margin:0px;
  8. list-style:none;
  9. width:100%;
  10. height:21px;
  11. border-top:1px solid #FFFFFF;
  12. border-bottom:1px solid #FFFFFF;
  13. font:normal 8pt verdana, arial, helvetica;
  14. }
  15. #cssmenu > ul li {
  16. margin:0;
  17. padding:0;
  18. display:block;
  19. float:left;
  20. position:relative;
  21. width:148px;
  22. }
  23. #cssmenu > ul li a:link, #cssmenu > ul li a:visited {
  24. padding:4px 0;
  25. display:block;
  26. text-align:center;
  27. text-decoration:none;
  28. background:#000000;
  29. color:#ffffff;
  30. width:148px;
  31. height:13px;
  32. }
  33. #cssmenu > ul li:hover a, #cssmenu > ul li a:hover, #cssmenu > ul li a:active {
  34. padding:4px 0;
  35. display:block;
  36. text-align:center;
  37. text-decoration:none;
  38. background:#666666;
  39. color:#ffffff;
  40. width:146px;
  41. height:13px;
  42. border-left:1px solid #ffffff;
  43. border-right:1px solid #ffffff;
  44. }
  45. #cssmenu > ul li ul {
  46. margin:0;
  47. padding:1px 1px 0;
  48. list-style:none;
  49. display:none;
  50. background:#ffffff;
  51. width:146px;
  52. position:absolute;
  53. top:21px;
  54. left:-1px;
  55. border:1px solid #000000;
  56. border-top:none;
  57. }
  58. #cssmenu > ul li:hover ul {
  59. display:block;
  60. }
  61. #cssmenu > ul li ul li {
  62. width:146px;
  63. clear:left;
  64. width:146px;
  65. }
  66. #cssmenu > ul li ul li a:link, #cssmenu > ul li ul li a:visited {
  67. clear:left;
  68. background:#000000;
  69. padding:4px 0;
  70. width:146px;
  71. border:none;
  72. border-bottom:1px solid #ffffff;
  73. position:relative;
  74. z-index:1000;
  75. }
  76. #cssmenu > ul li ul li:hover a, #cssmenu > ul li ul li a:active, #cssmenu > ul li ul li a:hover {
  77. clear:left;
  78. background:#666666;
  79. padding:4px 0;
  80. width:146px;
  81. border:none;
  82. border-bottom:1px solid #ffffff;
  83. position:relative;
  84. z-index:1000;
  85. }
  86. #cssmenu > ul li ul li ul.navigation-3 {
  87. display:none;
  88. margin:0;
  89. padding:0;
  90. list-style:none;
  91. position:absolute;
  92. left:145px;
  93. top:-2px;
  94. padding:1px 1px 0 1px;
  95. border:1px solid #000000;
  96. border-left:1px solid #000000;
  97. background:#ffffff;
  98. z-index:900;
  99. }
  100. #cssmenu > ul li ul li:hover ul.navigation-3 {
  101. display:block;
  102. }
  103. #cssmenu > ul li ul li ul.navigation-3 li a:link, #cssmenu > ul li ul li ul.navigation-3 li a:visited {
  104. background:#000000;
  105. }
  106. #cssmenu > ul li ul li ul.navigation-3 li:hover a, #cssmenu > ul li ul li ul.navigation-3 li a:hover, #cssmenu > ul li ul li ul.navigation-3 li a:active {
  107. background:#ec454e;
  108. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement