You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

48 lines
1006 B

  1. /*---------------
  2. Video Module
  3. ----------------*/
  4. .video.module {
  5. position: relative;
  6. background: #333333 url(/images/icon-placeholder-logo.png) no-repeat center center;
  7. }
  8. .video.module .play {
  9. cursor: pointer;
  10. position: absolute;
  11. top: 0px;
  12. left: 0px;
  13. z-index: 100;
  14. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  15. filter: alpha(opacity=60);
  16. opacity: 0.6;
  17. width: 100%;
  18. height: 100%;
  19. background: url(/images/icon-play.png) no-repeat center center;
  20. -webkit-transition: opacity 0.3s;
  21. -moz-transition: opacity 0.3s;
  22. -o-transition: opacity 0.3s;
  23. -ms-transition: opacity 0.3s;
  24. transition: opacity 0.3s;
  25. }
  26. .video.module .play:hover {
  27. opacity: 1;
  28. }
  29. .video.module .placeholder {
  30. width: 100%;
  31. height: 100%;
  32. }
  33. .video.module .embed {
  34. display: none;
  35. }
  36. /* Video Active */
  37. .video.module.active .play,
  38. .video.module.active .placeholder {
  39. display: none;
  40. }
  41. .video.module.active .embed {
  42. display: block;
  43. }