Advertisement
theholthut

Untitled

Jan 23rd, 2018
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.59 KB | None | 0 0
  1. Getting the stupid page navigation to have teh freaking animated underline */
  2.  
  3. #header ul#header-menu>li>a:before, #header ul#header-menu>li>a:after {
  4. opacity: initial;
  5. }
  6.  
  7. a.menu-item-href {
  8. text-decoration: none;
  9. color: #9B2E20;
  10. -webkit-transition: color .05s;
  11. -moz-transition: color .05s;
  12. -o-transition: color .05s;
  13. transition: color .05s;
  14. }
  15.  
  16. a.menu-item-href:hover {
  17. color: #9B2E20 !important;
  18. }
  19.  
  20. a.menu-item-href::after {
  21. content: '';
  22. position: absolute;
  23. left: 15px;
  24. bottom: 30px;
  25. width: 25%;
  26. height: 2px;
  27. -webkit-transition: width .3s;
  28. -moz-transition: width .3s;
  29. -o-transition: width .3s;
  30. transition: width .3s;
  31. pointer-events: none;
  32. }
  33.  
  34. a.menu-item-href::after {
  35. background-color: #9B2E20 !important;
  36. }
  37.  
  38. a.menu-item-href:hover::after {
  39. background: #9B2E20 !important;
  40. }
  41.  
  42. a.menu-item-href:hover::after{
  43. content: '';
  44. position: absolute;
  45. left: 15px;
  46. bottom: 30px;
  47. width: 100%;
  48. height: 2px;
  49. }
  50.  
  51. #header ul#header-menu>li:hover>a:before, #header ul#header-menu>li:hover>a:after, #header ul#header-menu>li.current-menu-item>a:before, #header ul#header-menu>li.current-menu-item>a:after, #header ul#header-menu>li.current-menu-parent>a:before, #header ul#header-menu>li.current-menu-parent>a:after, #header ul#header-menu>li.current-menu-ancestor>a:before, #header ul#header-menu>li.current-menu-ancestor>a:after {
  52. opacity: 1;
  53. -webkit-transition: 0.5s;
  54. -moz-transition: 0.5s;
  55. -ms-transition: 0.5s;
  56. -o-transition: 0.5s;
  57. transition: 0.5s;
  58. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement