Advertisement
srikat

Untitled

Nov 11th, 2013
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.90 KB | None | 0 0
  1. .nav li ul.sub-menu .current-menu-item > a:hover {
  2.     color: #333;
  3. }
  4.  
  5. .nav li ul.sub-menu .current-menu-item > a {
  6.     color: #999;
  7. }
  8.  
  9. .nav li ul.sub-menu {
  10.     left: -9999px;
  11.     opacity: 0;
  12.     position: absolute;
  13.     -webkit-transition: opacity .4s ease-in-out;
  14.     -moz-transition:    opacity .4s ease-in-out;
  15.     -ms-transition:     opacity .4s ease-in-out;
  16.     -o-transition:      opacity .4s ease-in-out;
  17.     transition:         opacity .4s ease-in-out;
  18.     width: 200px;
  19.     z-index: 99;
  20. }
  21.  
  22. .nav li ul.sub-menu a {
  23.     background-color: #fff;
  24.     border: 1px solid #eee;
  25.     border-top: none;
  26.     font-size: 14px;
  27.     font-size: 1.4rem;
  28.     padding: 16px 20px;
  29.     padding: 1.6rem 2rem;
  30.     position: relative;
  31.     width: 200px;
  32. }
  33.  
  34. .nav li ul.sub-menu .sub-menu {
  35.     margin: -54px 0 0 199px;
  36. }
  37.  
  38. .genesis-nav-menu .menu-item:hover {
  39.     position: static;
  40. }
  41.  
  42. .genesis-nav-menu .menu-item:hover > .sub-menu {
  43.     left: auto;
  44.     opacity: 1;
  45. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement