parallax.less 786 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /**
  2. * Parallax
  3. */
  4. .vc_parallax {
  5. position: relative;
  6. overflow: hidden;
  7. > * {
  8. position: relative;
  9. z-index: 1;
  10. }
  11. .vc_parallax-inner {
  12. pointer-events: none; // disables video clickability
  13. position: absolute;
  14. left: 0;
  15. right: 0;
  16. top: 0;
  17. background-attachment: scroll;
  18. background-color: transparent;
  19. background-image: inherit;
  20. background-size: cover;
  21. z-index: 0;
  22. background-position: 50% 0%;
  23. }
  24. }
  25. .vc_parallax-inner {
  26. iframe {
  27. max-width: 1000%;
  28. }
  29. }
  30. .vc_video-bg-container {
  31. position: relative;
  32. }
  33. .vc_video-bg {
  34. height: 100%;
  35. overflow: hidden;
  36. pointer-events: none; // disables video clickability
  37. position: absolute;
  38. top: 0;
  39. left: 0;
  40. width: 100%;
  41. z-index: 0;
  42. iframe {
  43. max-width: 1000%;
  44. }
  45. }