call-minimal.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .videos-container {
  2. padding-bottom: 60px;
  3. }
  4. .main-view {
  5. }
  6. .main-view .video-view {
  7. margin: 0.5rem;
  8. -webkit-margin-collapse: collapse;
  9. position: relative;
  10. }
  11. .main-view .video-view .name-bar {
  12. position: absolute;
  13. top: 0;
  14. left: 0;
  15. width: 100%;
  16. background: #00000044;
  17. font-size: 11px;
  18. text-align: right;
  19. padding: 3px 6px;
  20. color: #fff;
  21. }
  22. #call-actions {
  23. justify-content: center;
  24. align-items: center;
  25. background: #00000033;
  26. position: fixed;
  27. width: 100%;
  28. height: 60px;
  29. left: 0;
  30. bottom: 0;
  31. }
  32. #call-actions .btn {
  33. padding: 0;
  34. display: inline-flex;
  35. align-items: center;
  36. justify-content: center;
  37. width: 50px;
  38. height: 50px;
  39. border-radius: 100%;
  40. }
  41. @media all and (min-width: 768px) {
  42. .main-view {
  43. display: flex;
  44. flex-wrap: wrap;
  45. align-items: start;
  46. justify-content: center;
  47. }
  48. .main-view .video-view {
  49. width: 480px;
  50. height: 360px !important;
  51. }
  52. }
  53. @media all and (max-width: 767px) {
  54. #video-container {
  55. padding: 0;
  56. }
  57. }