benlevywebdesign

Wordpress theme css dropdown menu css

Nov 16th, 2012
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.86 KB | None | 0 0
  1. #navbar {
  2.     height: 40px;
  3.     padding-left: 10px;
  4.     margin-left:-10px;
  5.     margin-top: -29px;
  6.     margin-bottom:0;
  7.     background: #F4DE9F;
  8.     width:930px;
  9.     /*backgroundborder-top: 2px solid #F4DE9F;
  10.     border-bottom: 2px solid #F4DE9F;*/
  11. }
  12.  
  13. #navbar li {
  14.     float: left;
  15.     list-style: none;
  16.     margin-bottom: 30px;
  17.     margin-left:-20px;
  18. }
  19. #navbar li a {
  20.     font-family: "MuseoSans_500";
  21.     color: #3C290B;
  22.     font-weight: 500;
  23.     text-transform: uppercase;
  24. }
  25. #navbar li:hover {
  26.     background: #FFF1C2;
  27.     color: #645548;
  28.     text-decoration: none;
  29. }
  30. #navbar li a:hover {
  31.     background: #FFF1C2;
  32.     color: #645548;
  33.     text-decoration: none;
  34. }
  35. #navbar .parent > a, #navbar .parent > a:hover {
  36.     background: #F4DE9F;
  37.     background-position: right;
  38.     background-repeat: no-repeat;
  39. }
  40. #navbar ul, #navbar ul li {
  41.     display: inline;
  42.     list-style: none;
  43.     margin: 0;
  44.     padding: 0;
  45. }
  46. #navbar ul li a {
  47.     display: inline-block;
  48.     padding: 11px 16.2px 8px;
  49.     text-decoration: none;
  50. }
  51. /*
  52. #navbar ul li a:hover {
  53. }
  54. #navbar ul #first a:hover {
  55. }*/
  56. #navbar ul li {
  57.     position: relative;
  58. }
  59. #navbar li ul {
  60.     display: none;
  61.     left: 11px;
  62.     position: absolute;
  63.     top: 51px;
  64. }
  65. #navbar li ul a {
  66.     background: #F4DE9F;
  67. }
  68. #navbar ul ul li:hover ul {
  69.     left: 0;
  70. }
  71. #navbar ul ul ul li {
  72.     margin-top: -14px;
  73. }
  74. #navbar ul li:hover ul {
  75.     display: inline-block;
  76. }
  77. #navbar ul ul, #navbar ul li:hover ul ul, #navbar ul ul li:hover ul ul {
  78.     margin: -11px 0 0 -11px;
  79. }
  80. #navbar ul li:hover ul, #navbar ul ul li:hover ul, #navbar ul ul ul li:hover ul {
  81.     display: block;
  82. }
  83. /*#navbar ul li:hover ul li a, #navbar ul ul li:hover ul li a, #navbar ul ul ul li:hover ul li a {
  84. }*/
  85. #navbar ul li:hover ul li a {
  86.     padding: 10px 14px 8px;
  87.     width: 112px;
  88. }
  89. #navbar ul ul li:hover ul li a {
  90. }
  91. #navbar ul ul ul li:hover ul li a {
  92.     padding: 0 16px 0 24px;
  93.     width: 140px;
  94. }
  95. #navbar .children li a:hover {
  96.     color: #000;
  97. }
Advertisement
Add Comment
Please, Sign In to add comment