Advertisement
Guest User

jqueryslidemenu

a guest
Nov 12th, 2012
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.25 KB | None | 0 0
  1. #myslidemenu {
  2. float: right;
  3. margin-top: 12px;
  4. }
  5. .jqueryslidemenu{
  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. }
  20. .jqueryslidemenu ul li.first a {
  21. margin-left: 0;
  22. padding-left: 0;
  23. }
  24. /*Top level menu link items style*/
  25. .jqueryslidemenu ul li a{
  26. font-size: 16px;
  27. color: #777777;
  28. padding: 5px 14px ;
  29. }
  30.  
  31. * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
  32. display: inline-block;
  33. }
  34.  
  35. .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
  36. color: #777777;
  37. }
  38. .jqueryslidemenu ul li.current_page_item a, .jqueryslidemenu ul li.current_page_parent a,.jqueryslidemenu ul li.current-page-ancestor a {
  39. color: #4F8C00;
  40. }
  41. .jqueryslidemenu ul li a:hover{
  42. color: #4F8C00;
  43. }
  44.  
  45. /*1st sub level menu*/
  46. .jqueryslidemenu ul li ul{
  47. position: absolute;
  48. left: 0;
  49. display: block;
  50. visibility: hidden;
  51. padding-top: 16px;
  52. z-index: 102;
  53. background: url(../images/topmenu.png) top center no-repeat;
  54. }
  55.  
  56. /*Sub level menu list items (undo style from Top level List Items)*/
  57. .jqueryslidemenu ul li ul li{
  58. margin: 0;
  59. padding: 0;
  60. border: none;
  61. z-index: 102;
  62. background-color: #fafafa;
  63. }
  64.  
  65. /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  66. .jqueryslidemenu ul li ul li ul{
  67. top: 0;
  68. z-index: 999999;
  69. padding-top: 0;
  70. }
  71.  
  72. /* Sub level menu links style */
  73. .jqueryslidemenu ul li ul li a,
  74. .jqueryslidemenu ul li ul li a:link,
  75. .jqueryslidemenu ul li ul li a:visited{
  76. width: 150px; /*width of sub menus*/
  77. margin: 0px;
  78. padding: 5px 10px 10px 10px;
  79. border-bottom: 1px solid #ffffff;
  80. background: url(../images/bg-dropdown.png) bottom left repeat-x;
  81. display: block;
  82. z-index: 9999999;
  83. font-size: 14px;
  84. color: #8a8a8a;
  85. height: 100%;
  86. line-height: 18px;
  87. }
  88.  
  89. .jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
  90. color: #4F8C00;
  91. }
  92.  
  93. /* ######### CSS classes applied to down and right arrow images ######### */
  94.  
  95. .downarrowclass{
  96. position: absolute;
  97. top: 12px;
  98. right: 7px;
  99. display: none;
  100. }
  101.  
  102. .rightarrowclass{
  103. position: absolute;
  104. top: 6px;
  105. right: 5px;
  106. display: none;
  107. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement