Advertisement
Guest User

CSS w/o drop down

a guest
Apr 16th, 2012
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.98 KB | None | 0 0
  1. /* =Menu
  2. -------------------------------------------------------------- */
  3.  
  4. #access {
  5. clear: both;
  6. display: block;
  7. float: left;
  8. margin-left: 330px;
  9. width: 650px;
  10. overflow: hidden;
  11. height: 63px;
  12. }
  13. #access ul {
  14. font-size: 19px;
  15. list-style: none;
  16. margin: 0 0 0 0.13em;
  17. padding-left: 0;
  18. }
  19. #access li {
  20. float: left;
  21. position: relative;
  22. }
  23. #access a {
  24. color: #eee;
  25. display: block;
  26. line-height: 3.333em;
  27. padding: 0 1em;
  28. text-decoration: none;
  29. /* font-weight: bold; */
  30. font-family: "ubuntuc";
  31. font-size: 19px;
  32. text-transform:uppercase;
  33. }
  34. #access ul ul {
  35. -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  36. -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  37. box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  38. float: left;
  39. margin: 0;
  40. position: absolute;
  41. top: 3.333em;
  42. left: 0;
  43. width: 188px;
  44. z-index: 99999;
  45. }
  46.  
  47. #access ul ul li {
  48. display:block;
  49.  
  50. }
  51. #access ul ul ul {
  52. left: 100%;
  53. top: 0;
  54. }
  55. #access ul ul a {
  56. background: #f9f9f9;
  57. border-bottom: 1px dotted #ddd;
  58. color: #444;
  59. /* font-weight: normal; */
  60. height: auto;
  61. line-height: 1.4em;
  62. padding: 10px 10px;
  63. width: 168px;
  64. font-family: "ubuntuc";
  65. font-size: 19px;
  66.  
  67. }
  68. #access li:hover > a,
  69. #access ul ul :hover > a,
  70. #access a:focus {
  71. /* background: #efefef; */
  72. }
  73. #access li:hover > a,
  74. #access a:focus {
  75. /*background: #f9f9f9; /* Show a solid color for older browsers
  76. background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
  77. background: -o-linear-gradient(#f9f9f9, #e5e5e5);
  78. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax
  79. background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); */
  80. color: #373737;
  81. }
  82. #access ul li:hover > ul {
  83. display: block;
  84. z-index:99999999;
  85. }
  86. #access .current-menu-item > a,
  87. #access .current-menu-ancestor > a,
  88. #access .current_page_item > a,
  89. #access .current_page_ancestor > a {
  90. /* font-weight: bold; */
  91. color: #373737;
  92. font-family: "ubuntuc";
  93. font-size: 19px;
  94. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement