robi_69

NavMenu

Sep 23rd, 2014
519
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.28 KB | None | 0 0
  1. /* Navigation */
  2. #navigation {
  3.    margin-left: -38px;
  4.     margin-top: 38px;
  5.  /*   width:300px;
  6.     position:fixed;
  7. left:0;
  8. top:0;*/
  9.    
  10.     /* background-color:Lime;*/
  11. }
  12.  
  13. #navigation ul      { list-style: none; margin: 15px 0 0 0; padding: 15px 0 0 0; }
  14. #navigation ul li   { display: block; padding: 0; margin: 0; }
  15. #navigation ul li a { display: block; height: 26px; padding: 1px 0 0 0; }
  16. #navigation .li-home        { background:url(media/images/navigation/nav-home-01.png) no-repeat; }
  17. #navigation .li-mission     { background:url(media/images/navigation/nav-mission-01.png) no-repeat; }
  18. #navigation .li-footprint   { background:url(media/images/navigation/nav-footprint-01.png) no-repeat; }
  19. #navigation .li-offsetting  { background:url(media/images/navigation/nav-offsetting-01.png) no-repeat; }
  20. #navigation .li-trading     { background:url(media/images/navigation/nav-trading-01.png) no-repeat; }
  21. #navigation .li-services  { background:url(media/images/navigation/nav-management-01.png) no-repeat; }
  22. /*#navigation .li-management  { background:url(media/images/navigation/nav-management-01.png) no-repeat; }*/
  23. #navigation .li-us          { background:url(media/images/navigation/nav-us-01.png) no-repeat; }  
  24. #navigation .li-business    { background:url(media/images/navigation/nav-business-01.png) no-repeat; }
  25. #navigation .li-crc         { background:url(media/images/navigation/nav-crc-01.png) no-repeat; }
  26.  
  27.  
  28. #navigation .li-home:hover,
  29. #navigation .li-home-current        { background:url(media/images/navigation/nav-home-02.png) no-repeat; }
  30. #navigation .li-mission:hover,
  31. #navigation .li-mission-current     { background:url(media/images/navigation/nav-mission-02.png) no-repeat; }
  32. #navigation .li-footprint:hover,
  33. #navigation .li-footprint-current   { background:url(media/images/navigation/nav-footprint-02.png) no-repeat; }
  34. #navigation .li-offsetting:hover,
  35. #navigation .li-offsetting-current  { background:url(media/images/navigation/nav-offsetting-02.png) no-repeat; }
  36. #navigation .li-trading:hover,
  37. #navigation .li-trading-current     { background:url(media/images/navigation/nav-trading-02.png) no-repeat; }    
  38. #navigation .li-services:hover,
  39. #navigation .li-services-current  { background:url(media/images/navigation/nav-management-02.png) no-repeat; }  
  40. /*#navigation .li-management:hover,
  41. #navigation .li-management-current  { background:url(media/images/navigation/nav-management-02.png) no-repeat; }  */
  42. #navigation .li-us:hover,
  43. #navigation .li-us-current          { background:url(media/images/navigation/nav-us-02.png) no-repeat; }  
  44. #navigation .li-business:hover,
  45. #navigation .li-business-current    { background:url(media/images/navigation/nav-business-02.png) no-repeat; }
  46. #navigation .li-crc:hover,
  47. #navigation .li-crc-current         { background:url(media/images/navigation/nav-crc-02.png) no-repeat; }
  48.  
  49.  
  50. #navigation .li-home ul,
  51. #navigation .li-mission ul,
  52. #navigation .li-footprint ul,
  53. #navigation .li-offsetting ul,
  54. #navigation .li-trading ul,
  55. #navigation .li-services ul,
  56. #navigation .li-management,
  57. #navigation .li-us ul,  
  58. #navigation .li-business ul
  59.                             { display:none; }
  60.                            
  61. #navigation .li-home-current ul,
  62. #navigation .li-mission-current ul,
  63. #navigation .li-footprint-current ul,
  64. #navigation .li-offsetting-current ul,
  65. #navigation .li-trading-current ul,  
  66. #navigation .li-services-current ul,
  67. /*#navigation .li-management-current ul,    */
  68. #navigation .li-us-current ul,  
  69. #navigation .li-business-current ul
  70.                             { display:block; }
  71.                            
  72. #navigation ul ul li a      { display: block; padding:3px 0 0 10px; height:17px; margin:0; text-decoration:none; color:#48452b; font-weight:bold; border-bottom:1px solid #c6b190; }
  73. #navigation ul ul li a:hover,
  74. #navigation ul ul li a.current
  75.                             { background:url(media/images/menu-bg-text.jpg) repeat-x; color:#8e9935; }
  76. #navigation ul ul ul li a   { padding:3px 0 0 20px; color:#837c52; }
  77. #navigation ul.submenu      { display:none!important; }
  78. #navigation ul.current      { display:block!important; }
  79. #navigation ul ul           { font-size:12px; padding:0; margin:0 0 0 43px; display:block; }
  80. #navigation ul ul ul        { margin:0; }
  81. #navigation ul ul li        { width:auto; }
Advertisement
Add Comment
Please, Sign In to add comment