Advertisement
alchymyth

twenty eleven menu css

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