joseph94

CSS Dropdown Menu - Gare

Mar 14th, 2012
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.09 KB | None | 0 0
  1. #nav{
  2.     width:960px;
  3.     height:60px;
  4.     background:url(images/bg-nav.png) #231F20 no-repeat;
  5. }
  6. .mymenu{
  7. margin:0 auto;
  8. z-index: 10;
  9. }
  10. .mymenu li{
  11. display: inline;
  12. list-style:none;
  13. float: left;
  14. }
  15. .mymenu ul{
  16. line-height:60px;
  17. list-style:none;
  18. }
  19. .mymenu a, .mymenu a:hover{
  20. border:medium none;
  21. display:block;
  22. text-decoration:none;
  23. }
  24. .mymenu a, .mymenu a:visited{
  25. color:#FFF;
  26. display:block;
  27. padding:0 20px;
  28. }
  29. .mymenu a:hover, .mymenu a:active, .current_page_item a, #home .on, .menu-footer a:hover{
  30. text-decoration:underline;
  31. }
  32. .mymenu li ul{
  33. height:auto;
  34. left:-999em;
  35. line-height:30px;
  36. margin:0;
  37. padding:0;
  38. position:absolute;
  39. width:222px;
  40. }
  41. .mymenu li li{
  42. width:220px;
  43. }
  44. .mymenu li li a, .mymenu li li a:visited{
  45. background:#1E1F21;
  46. color:#FFFFFF;
  47. font-size:0.9em;
  48. font-weight:normal;
  49. }
  50. .mymenu li li a:hover, .mymenu li li a:active{
  51. background:#60625C none repeat scroll 0 0;
  52. text-decoration: none;
  53. }
  54. .mymenu li:hover ul, .mymenu li li:hover ul, .mymenu li li li:hover ul, .mymenu li.sfhover ul, .mymenu li li.sfhover ul, .mymenu li li li.sfhover ul{
  55. left:auto;
  56. }
Advertisement
Add Comment
Please, Sign In to add comment