Digitalraindrops

Untitled

Sep 7th, 2010
186
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.93 KB | None | 0 0
  1. /* The main theme structure change width for your theme*/
  2. /* = Main Menu
  3. -------------------------------------------------------------- */
  4.  
  5. #access .menu-header,
  6. div.menu
  7. {
  8.     margin: 0 auto;
  9.     width: 940px;
  10. }
  11.  
  12. #access {
  13.     background: #000;
  14.     display: block;
  15.     float: left;
  16.     margin: 0 auto;
  17.     width: 940px;
  18. }
  19. #access .menu-header,
  20. div.menu {
  21.     font-size: 13px;
  22.     margin-left: 12px;
  23.     width: 928px;
  24. }
  25. #access .menu-header ul,
  26. div.menu ul {
  27.     list-style: none;
  28.     margin: 0;
  29. }
  30. #access .menu-header li,
  31. div.menu li {
  32.     float: left;
  33.     position: relative;
  34. }
  35. #access a {
  36.     color: #aaa;
  37.     display: block;
  38.     line-height: 38px;
  39.     padding: 0 10px;
  40.     text-decoration: none;
  41. }
  42. #access ul ul {
  43.     box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  44.     -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  45.     -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  46.     display: none;
  47.     position: absolute;
  48.     top: 38px;
  49.     left: 0;
  50.     float: left;
  51.     width: 180px;
  52.     z-index: 99999;
  53. }
  54. #access ul ul li {
  55.     min-width: 180px;
  56. }
  57. #access ul ul ul {
  58.     left: 100%;
  59.     top: 0;
  60. }
  61. #access ul ul a {
  62.     background: #333;
  63.     line-height: 1em;
  64.     padding: 10px;
  65.     width: 160px;
  66.     height: auto;
  67. }
  68. #access li:hover > a,
  69. #access ul ul :hover > a {
  70.     background: #333;
  71.     color: #fff;
  72. }
  73. #access ul li:hover > ul {
  74.     display: block;
  75. }
  76. #access ul li.current_page_item > a,
  77. #access ul li.current-menu-ancestor > a,
  78. #access ul li.current-menu-item > a,
  79. #access ul li.current-menu-parent > a {
  80.     color: #fff;
  81. }
  82. * html #access ul li.current_page_item a,
  83. * html #access ul li.current-menu-ancestor a,
  84. * html #access ul li.current-menu-item a,
  85. * html #access ul li.current-menu-parent a,
  86. * html #access ul li a:hover {
  87.     color: #fff;
  88. }
  89.  
  90. /* = Top Menu
  91. -------------------------------------------------------------- */
  92. #pagemenu {
  93.     display: block;
  94.     float: left;
  95.     margin: 5px 0px;
  96.     width: 940px;
  97.     height: 30px;
  98.     /* border-bottom: solid 1px #333; */
  99. }
  100.  
  101. #pagemenu a {
  102.     color:#000;
  103.     line-height:30px;
  104.     margin:0;
  105.     padding:0 10px;
  106.     text-decoration: none;
  107.     text-align:center;
  108. }
  109.  
  110. #pagemenu .page-header,
  111. page-menu.menu {
  112.     font-size: 13px;
  113.     margin-left: 12px;
  114.     width: 928px;
  115. }
  116.  
  117. #pagemenu .page-header ul,
  118. .page-menu ul {
  119.     list-style: none outside none;
  120.     margin: 0;
  121. }
  122.  
  123. #pagemenu .page-header li,
  124. .page-menu li {
  125.     float:left;
  126.     position: relative;
  127. }
  128.  
  129. #pagemenu li:hover > a,
  130. #pagemenu ul ul :hover > a {
  131.     color:#FFF;
  132.     background:#000;
  133. }
  134. #pagemenu ul li:hover > ul {
  135.     display:block;
  136. }
  137. #pagemenu ul li.selected >a,
  138. #pagemenu ul li.current_page_item > a,
  139. #pagemenu ul li.current-menu-ancestor > a,
  140. #pagemenu ul li.current-menu-item > a,
  141. #pagemenu ul li.current-menu-parent > a {
  142.     color: #777;
  143. }
  144.  
  145. * html #pagemenu ul li.selected a,
  146. * html #pagemenu ul li.current_page_item a,
  147. * html #pagemenu ul li.current-menu-ancestor a,
  148. * html #pagemenu ul li.current-menu-item a,
  149. * html #pagemenu ul li.current-menu-parent a,
  150. * html #pagemenu ul li a:hover {
  151.     color:#777;
  152. }
  153. /* End Second Menu support */
Advertisement
Add Comment
Please, Sign In to add comment