Advertisement
alchymyth

need-help-styling-secondary-menu

May 16th, 2013
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.21 KB | None | 0 0
  1. /* =Menu
  2. -------------------------------------------------------------- */
  3. #access { margin-bottom: 1px; }
  4. .nav2 {
  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 26px;
  17.     width: 100%;
  18. }
  19. .nav2 ul {
  20.     font-size: 13px;
  21.     list-style: none;
  22.     margin: 0 0 0 -0.8125em;
  23.     padding-left: 0;
  24. }
  25. .nav2 li {
  26.     float: left;
  27.     position: relative;
  28. }
  29. .nav2 a {
  30.     color: #eee;
  31.     display: block;
  32.     line-height: 3.333em;
  33.     padding: 0 1.2125em;
  34.     text-decoration: none;
  35. }
  36. .nav2 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. .nav2 ul ul ul {
  50.     left: 100%;
  51.     top: 0;
  52. }
  53. .nav2 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. .nav2 li:hover > a,
  65. .nav2 ul ul :hover > a,
  66. .nav2 a:focus {
  67.     background: #efefef;
  68. }
  69. .nav2 li:hover > a,
  70. .nav2 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. .nav2 ul li:hover > ul {
  79.     display: block;
  80. }
  81. .nav2 .current-menu-item > a,
  82. .nav2 .current-menu-ancestor > a,
  83. .nav2 .current_page_item > a,
  84. .nav2 .current_page_ancestor > a {
  85.     font-weight: bold;
  86. }
  87.  
  88. div.nav2 ul {
  89.     margin: 0 6.6%;
  90. }
  91.  
  92. #main { padding-top: 0; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement