Advertisement
Guest User

StCroixCindy

a guest
May 6th, 2014
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.88 KB | None | 0 0
  1.  
  2. /*
  3. Site Navigation - Lifestyle
  4. --------------------------------------------------- */
  5.  
  6. .genesis-nav-menu {
  7.     clear: both;
  8.     font-size: 12px;
  9.     font-family: Verdana, Palatino, Arial;
  10.     line-height: 1;
  11.     width: 100%;
  12. }
  13.  
  14. .genesis-nav-menu .menu-item {
  15.     display: inline-block;
  16.     text-align: left;
  17. }
  18.  
  19. .genesis-nav-menu a {
  20.     color: #fff;
  21.     display: block;
  22.     padding: 20px 15px;
  23.     position: relative;
  24.     text-decoration: none;
  25. }
  26.  
  27. .genesis-nav-menu li.menu-item-has-children:hover > a,
  28. .genesis-nav-menu a:hover,
  29. .genesis-nav-menu .current-menu-item > a {
  30.     background-color: #fff;
  31.     color: #e76e34;
  32. }
  33.  
  34. .genesis-nav-menu .sub-menu {
  35.     left: -9999px;
  36.     opacity: 0;
  37.     position: absolute;
  38.     -webkit-transition: opacity .4s ease-in-out;
  39.     -moz-transition:    opacity .4s ease-in-out;
  40.     -ms-transition:     opacity .4s ease-in-out;
  41.     -o-transition:      opacity .4s ease-in-out;
  42.     transition:         opacity .4s ease-in-out;
  43.     width: 184px;
  44.     z-index: 99;
  45. }
  46.  
  47. .genesis-nav-menu > li:hover .sub-menu a,
  48. .genesis-nav-menu .sub-menu a {
  49.     background-color: #dcefef;
  50.     color: #e76e34;
  51.     font-size: 16px;
  52.     padding: 16px 24px;
  53.     position: relative;
  54.     width: 184px;
  55. }
  56.  
  57. .genesis-nav-menu > li:hover .sub-menu a:hover,
  58. .genesis-nav-menu .sub-menu a:hover {
  59.     background-color: #fff;
  60.     color: #f6921e;
  61. }
  62.  
  63.  
  64. .genesis-nav-menu .sub-menu .sub-menu {
  65.     margin: -44px 0 0 183px;
  66. }
  67.  
  68. .genesis-nav-menu .menu-item:hover {
  69.     position: static;
  70. }
  71.  
  72. .genesis-nav-menu .menu-item:hover > .sub-menu {
  73.     left: auto;
  74.     opacity: 1;
  75. }
  76.  
  77. .genesis-nav-menu > .first > a {
  78.     padding-left: 0;
  79. }
  80.  
  81. .genesis-nav-menu > .last > a {
  82.     padding-right: 0;
  83. }
  84.  
  85. .genesis-nav-menu > .right {
  86.     display: inline-block;
  87.     float: right;
  88.     list-style-type: none;
  89.     padding: 20px 0;
  90. }
  91.  
  92. .genesis-nav-menu > .right > a {
  93.     background: none;
  94.     color: #a5a5a3;
  95.     display: inline;
  96.     padding: 0;
  97. }
  98.  
  99. .genesis-nav-menu > .right > a:hover {
  100.     color: #76d2c5;
  101. }
  102.  
  103. .genesis-nav-menu > .rss > a {
  104.     margin-left: 48px;
  105. }
  106.  
  107. .genesis-nav-menu > .search {
  108.     padding: 0;
  109. }
  110.  
  111. .genesis-nav-menu .search-form input[type="search"] {
  112.     background-position: 12px 12px;
  113.     font-size: 12px;
  114.     padding: 12px 12px 12px 44px;
  115. }
  116.  
  117. /* Site Header Navigation
  118. --------------------------------------------- */
  119.  
  120. .site-header .genesis-nav-menu li,
  121. .site-header .widget_nav_menu ul ul {
  122.     border: none;
  123.     margin: 0;
  124.     padding: 0;
  125. }
  126.  
  127. /* Primary Navigation
  128. --------------------------------------------- */
  129.  
  130. .nav-primary a {
  131.     color: #a5a5a3;
  132. }
  133.  
  134. .nav-primary  li.menu-item-has-children:hover > a,
  135. .nav-primary a:hover,
  136. .nav-primary .current-menu-item > a {
  137.     color: #222;
  138. }
  139.  
  140. /* Secondary Navigation
  141. --------------------------------------------- */
  142.  
  143. .nav-secondary {
  144.     background-color: #2895AE;
  145. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement