Advertisement
Guest User

Untitled

a guest
Dec 6th, 2011
497
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.37 KB | None | 0 0
  1. #myslidemenu {
  2. padding-top: 10px;
  3. }
  4. .jqueryslidemenu{
  5. width: 100%;
  6. }
  7.  
  8. .jqueryslidemenu ul{
  9. margin: 0;
  10. padding: 0;
  11. list-style-type: none;
  12. }
  13.  
  14. /*Top level list items*/
  15. .jqueryslidemenu ul li{
  16. position: relative;
  17. display: inline;
  18. float: left;
  19. z-index:100;
  20. float:left;
  21. }
  22.  
  23. .jqueryslidemenu ul li.first a {
  24. margin-left: 0;
  25. padding-left: 0;
  26. }
  27. /*Top level menu link items style*/
  28. .jqueryslidemenu ul li a{
  29. display:block;
  30. width:115px;
  31. padding:4px 0px;
  32. text-decoration: none;
  33. line-height: 20px;
  34. outline: none;
  35. text-align:left;
  36. font-size: 12px;
  37. color:#7c7c7c;
  38. }
  39.  
  40. * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
  41. display: inline-block;
  42. }
  43.  
  44. .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
  45. color: #7c7c7c;
  46. }
  47.  
  48. .jqueryslidemenu ul li a:hover,
  49. .jqueryslidemenu ul li.selected a,
  50. .jqueryslidemenu ul li.current_page_item a {
  51. color: #2a7ea0;
  52. }
  53.  
  54. /*1st sub level menu*/
  55. .jqueryslidemenu ul li ul{
  56. position: absolute;
  57. left: 0;
  58. display: block;
  59. visibility: hidden;
  60. border:1px solid #cbcbcb;
  61. border-right:none;
  62. }
  63.  
  64. /*Sub level menu list items (undo style from Top level List Items)*/
  65. .jqueryslidemenu ul li ul li{
  66. display: list-item;
  67. z-index: 99999;
  68. }
  69.  
  70. /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  71. .jqueryslidemenu ul li ul li ul{
  72. border-right:none;
  73. top: 0;
  74. }
  75.  
  76. /* Sub level menu links style */
  77. .jqueryslidemenu ul li ul li a,
  78. .jqueryslidemenu ul li ul li a:link,
  79. .jqueryslidemenu ul li ul li a:visited{
  80. width: 160px; /*width of sub menus*/
  81. margin: 0;
  82. border-bottom: 1px solid #cbcbcb;
  83. background: #fff;
  84. color: #999999;
  85. padding:8px 20px;
  86. font-size: 16px;
  87. }
  88.  
  89. .jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
  90. background: #EAEAEA;
  91. color: #2a7ea0;
  92. }
  93.  
  94. /* ######### CSS classes applied to down and right arrow images ######### */
  95.  
  96. .downarrowclass{
  97. position: absolute;
  98. top: 12px;
  99. right: 7px;
  100. display: none;
  101. }
  102.  
  103. .rightarrowclass{
  104. position: absolute;
  105. top: 6px;
  106. right: 5px;
  107. display: none;
  108. }
  109.  
  110. #menu-wrapper {
  111. height: 69px;
  112. margin: 0 auto;
  113. width: 990px;
  114.  
  115. }
  116. #menu-container {
  117. height: 67px;
  118. width: 990px;
  119. margin: 0;
  120. padding: 0;
  121. background-color: #E6E6DC;
  122. border-top:1px solid #ffffff;
  123. border-bottom:1px solid #ffffff;
  124.  
  125.  
  126. }
  127.  
  128.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement