Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

jqueryslidemenu

By: a guest on Nov 12th, 2012  |  syntax: None  |  size: 2.25 KB  |  hits: 41  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. }