Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Dec 29th, 2010  |  syntax: CSS  |  size: 1.53 KB  |  views: 415  |  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. .jqueryslidemenu{
  2. font: bold 12px Verdana;
  3. background: #444343;
  4. width: 100%;
  5. }
  6.  
  7. .jqueryslidemenu ul{
  8. margin: 0;
  9. padding: 0;
  10. list-style-type: none;
  11. }
  12.  
  13. /*Top level list items*/
  14. .jqueryslidemenu ul li{
  15. position: relative;
  16. display: inline;
  17. float: left;
  18. }
  19.  
  20. /*Top level menu link items style*/
  21. .jqueryslidemenu ul li a{
  22. display: block;
  23. background: #444343; /*background of tabs (default state)*/
  24. color: white;
  25. padding: 8px 10px;
  26. border-right: 1px solid #FFFFFF;
  27. color: #2d2b2b;
  28. text-decoration: none;
  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: white;
  37. }
  38.  
  39. .jqueryslidemenu ul li a:hover{
  40. background: black; /*tab link background during hover state*/
  41. color: white;
  42. }
  43.        
  44. /*1st sub level menu*/
  45. .jqueryslidemenu ul li ul{
  46. position: absolute;
  47. left: 0;
  48. display: block;
  49. visibility: hidden;
  50. }
  51.  
  52. /*Sub level menu list items (undo style from Top level List Items)*/
  53. .jqueryslidemenu ul li ul li{
  54. display: list-item;
  55. float: none;
  56. }
  57.  
  58. /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  59. .jqueryslidemenu ul li ul li ul{
  60. top: 0;
  61. }
  62.  
  63. /* Sub level menu links style */
  64. .jqueryslidemenu ul li ul li a{
  65. font: normal 13px Verdana;
  66. width: 160px; /*width of sub menus*/
  67. padding: 5px;
  68. margin: 0;
  69. border-top-width: 0;
  70. border-bottom: 1px solid gray;
  71. }
  72.  
  73. .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
  74. background: #eff9ff;
  75. color: black;
  76. }