This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

navigation style

By: fazeela on Dec 20th, 2012  |  syntax: CSS  |  size: 3.01 KB  |  views: 76  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2. #access {
  3.         display:block;
  4.         text-align:left;
  5.         margin-left:673px;
  6.         margin-top:-105px;
  7. }
  8.  
  9. #access ul {
  10.     margin-bottom:0px;
  11.    
  12. }
  13.  
  14. #access  ul  li.current_page_item,  #access ul li.current-menu-item  {
  15.     -moz-box-shadow:none;
  16.     -webkit-box-shadow:none;
  17.     box-shadow:none;
  18.     background:url(images/MenuSel.png) repeat;
  19.     height:24px;
  20. }
  21.  
  22.  
  23. #access a {
  24.         display:block;
  25.         color:#007cc1;
  26.     font-family:'Myriad Pro';
  27.         text-decoration: none;
  28.         padding:0.2em 1.2em;
  29.         font-size:14px;
  30.     border-bottom:1px #ff0000;
  31. }
  32.  
  33. #access ul li {
  34.     display:block;
  35.     float:left;
  36.     background:url(images/NavTabRpt.png);
  37.     -webkit-border-radius:0px 0px 0 0;
  38.     -moz-border-radius:0px 0px 0 0;
  39.     border-radius:0px 0px 0 0;
  40.     margin:0 0px;
  41.     padding:3px 0;
  42.     -moz-box-shadow:0 -3px 4px rgba(0,0,0,0.1) inset;
  43.     -webkit-box-shadow:0 -3px 4px rgba(0,0,0,0.1) inset;
  44.     box-shadow:0 -3px 4px rgba(0,0,0,0.1) inset;
  45. }
  46.  
  47. #access a:hover {
  48.         color:#0C85CD ;
  49. }
  50.  
  51. #access ul ul {
  52.         display: none;
  53.         position: absolute;
  54.         clear:both;
  55.         z-index: 99999;
  56.         margin-left:0px;
  57.         -moz-box-shadow:0 10px 10px rgba(0, 0, 0, 0.3) ;
  58.         -webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.3);
  59.         box-shadow:0 10px 10px rgba(0, 0, 0, 0.3);
  60.     background:url(images/NavTabRpt.png);
  61. }
  62. #access ul ul li { /* level 2 */
  63.     margin:0;
  64.     width: 100%; /* submenu width fix */
  65.     border-bottom: 0px solid rgba(220,220,220,0.3);
  66.     /* white-space: pre;*/
  67.         position:relative;
  68.         background:url(images/DropDown.png);
  69.     height:25px;
  70.         -webkit-border-radius: 0;
  71.         -moz-border-radius:0;
  72.         border-radius: 0;
  73.         -moz-box-shadow:none ;
  74.         -webkit-box-shadow:none ;
  75.         box-shadow:none;
  76.         display:block;
  77.         float:left;
  78.         clear:both;
  79.         min-width:150px;
  80. }
  81.  
  82.  
  83. #access ul ul ul {
  84.     position:absolute;
  85.         left: 100%;
  86.         top: 0px;
  87.         margin:0;
  88. }
  89.  
  90.  
  91. #access ul ul ul li { /* level 3 */
  92.     border: 0;
  93.     width: 100%;
  94.     display: block;
  95.     float: none;
  96.     border-bottom: 1px solid rgba(220,220,220,0.3);
  97.     white-space: pre; /* submenu width fix */
  98. }
  99.  
  100.  
  101. #access ul ul a, #access ul ul ul a {
  102.         display:block;
  103.         float:none;
  104.         color:#007cc1;
  105.     height:25px;
  106.         width:100% ;
  107.         padding-top: 0.6em ;
  108.         padding-bottom: 0.6em ;
  109. }
  110.  
  111. #access ul ul li:hover, #access ul ul ul li:hover {
  112.         color:red;
  113.     height:25px;
  114. }
  115.  
  116.  
  117.  
  118. #access li:hover > a {
  119.         color:#0E85CD ;
  120. }
  121.  
  122. #access ul ul :hover > a {
  123.         color:#0E85CD;
  124. }
  125.  
  126. #access ul li:hover > ul {
  127.         display: block;
  128. }
  129. #access ul li.current_page_item > a,
  130. #access ul li.current-menu-item > a{
  131.    
  132.         color: black !important;
  133. }
  134.  
  135. #access ul ul li.current_page_item ,
  136. #access ul ul li.current-menu-ancestor,
  137. #access ul ul li.current-menu-item ,
  138. #access ul ul li.current-menu-parent {
  139.         color: #000 !important;
  140.         background:url(images/DropDownSelected.png) !important;
  141. }
  142.  
  143.  
  144. * html #access ul li.current_page_item a,
  145. * html #access ul li.current-menu-ancestor a,
  146. * html #access ul li.current-menu-item a,
  147. * html #access ul li.current-menu-parent a,
  148. * html #access ul li a:hover {
  149.         color: #5F5B5B ;
  150. }
clone this paste RAW Paste Data