Advertisement
fazeela

navigation style

Dec 20th, 2012
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.01 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement