API tools faq
paste
Stefanp44

Untitled

Stefanp44
Sep 1st, 2025
388
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.51 KB | None | 0 0
raw download clone embed print report
  1. /*MENU*/
  2. #top-menu-nav a {font-weight:400}
  3. #top-menu-nav>ul>li>a:hover {opacity:1;color:#e40303 !important}
  4. #et-secondary-menu>ul>li>a:hover {opacity:1;color:#007fff}
  5. /*Sub-menu*/
  6. .et-fixed-header #top-menu>li>a {color:#fff !important}
  7. #top-menu .sub-menu li a:hover::before {background:none}
  8. #top-menu .sub-menu li a:hover {background:#007fff;color:#fff !important;opacity:1}
  9. /*SUBMENU ANIMATIONS*/
  10. #top-menu-nav ul.sub-menu,.pm_submenu_effects .et-menu-nav ul.sub-menu {overflow: hidden;border-top: 0;border-radius: 3px;background-color: transparent !important;padding: 0px !important;-webkit-box-shadow: none !important;box-shadow: none !important}
  11. #top-menu-nav ul#top-menu > li:hover ul.sub-menu,#top-menu-nav ul#top-menu > li:focus ul.sub-menu,.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu,.pm_submenu_effects .et-menu-nav ul.et-menu > li:focus ul.sub-menu {max-height: 2000px}
  12. #top-menu-nav #top-menu li li a,.pm_submenu_effects .et-menu-nav .et-menu li li a {width: 240px !important;color:#fff !important}
  13. #top-menu-nav #top-menu li li,.pm_submenu_effects .et-menu-nav .et-menu li li {padding: 0px !important;background-color:#556069 !important}
  14. /*common css for all animations*/
  15. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(1),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(1) {-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s}
  16. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(2),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(2) {-webkit-transition-delay: 66ms;-o-transition-delay: 66ms;transition-delay: 66ms}
  17. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(3),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(3) {-webkit-transition-delay: 133ms;
  18. -o-transition-delay: 133ms;transition-delay: 133ms}
  19. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(4),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(4) {-webkit-transition-delay: 200ms;
  20. -o-transition-delay: 200ms;transition-delay: 200ms}
  21. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(5),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(5) {-webkit-transition-delay: 266ms;
  22. -o-transition-delay: 266ms;transition-delay: 266ms}
  23. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(6),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(6) {-webkit-transition-delay: 333ms;
  24. -o-transition-delay: 333ms;transition-delay: 333ms}
  25. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(7),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(7) {-webkit-transition-delay: 400ms;
  26. -o-transition-delay: 400ms;transition-delay: 400ms}
  27. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(8),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(8) {-webkit-transition-delay: 466ms;
  28. -o-transition-delay: 466ms;transition-delay: 466ms}
  29. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li:nth-child(9),.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li:nth-child(9) {-webkit-transition-delay:533ms;
  30. -o-transition-delay:533ms;transition-delay:533ms}
  31. /*default*/
  32. #top-menu-nav ul.sub-menu li,.pm_submenu_effects .et-menu-nav ul.sub-menu li {margin: 0px !important;opacity: 0;-webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
  33. -o-transition: opacity .4s, -o-transform .6s, max-height .6s;transition: opacity .4s, transform .6s, max-height .6s}
  34. #top-menu-nav ul#top-menu > li:hover ul.sub-menu li,#top-menu-nav ul#top-menu > li:focus ul.sub-menu li,.pm_submenu_effects .et-menu-nav ul.et-menu > li:hover ul.sub-menu li,
  35. .pm_submenu_effects .et-menu-nav ul.et-menu > li:focus ul.sub-menu li {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}
  36. /*JAWS START*/
  37. #top-menu-nav li.jaws ul.sub-menu li,.pm_submenu_effects .et-menu-nav li.jaws ul.sub-menu li {-webkit-transform-origin: 50% -100px;-ms-transform-origin: 50% -100px;transform-origin: 50% -100px}
  38. #top-menu-nav li.jaws ul.sub-menu li:nth-child(odd),.pm_submenu_effects .et-menu-nav li.jaws ul.sub-menu li:nth-child(odd) {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);
  39. transform: rotate(90deg)}
  40. #top-menu-nav li.jaws ul.sub-menu li:nth-child(even),.pm_submenu_effects .et-menu-nav li.jaws ul.sub-menu li:nth-child(even) {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);
  41. transform: rotate(-90deg)}
  42. /*JAWS END*/
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!