call-minimal.css 687 B

123456789101112131415161718192021222324252627282930313233343536
  1. .main-view {
  2. }
  3. .main-view .video-view {
  4. margin: 0.5rem;
  5. -webkit-margin-collapse: collapse;
  6. position: relative;
  7. }
  8. .main-view .video-view .name-bar {
  9. position: absolute;
  10. top: 0;
  11. left: 0;
  12. width: 100%;
  13. background: #00000044;
  14. font-size: 11px;
  15. text-align: right;
  16. padding: 3px 6px;
  17. color: #fff;
  18. }
  19. @media all and (min-width: 768px) {
  20. .main-view {
  21. display: flex;
  22. flex-wrap: wrap;
  23. align-items: start;
  24. justify-content: center;
  25. }
  26. .main-view .video-view {
  27. width: 480px;
  28. height: 360px !important;
  29. }
  30. }
  31. @media all and (max-width: 767px) {
  32. #video-container {
  33. padding: 0;
  34. }
  35. }