Turn audio into a shareable video. forked from nypublicradio/audiogram

base.css 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. html,
  2. body,
  3. div,
  4. span,
  5. object,
  6. iframe,
  7. h1,
  8. h2,
  9. h3,
  10. h4,
  11. h5,
  12. h6,
  13. p,
  14. blockquote,
  15. pre,
  16. a,
  17. abbr,
  18. address,
  19. cite,
  20. code,
  21. del,
  22. dfn,
  23. em,
  24. img,
  25. ins,
  26. q,
  27. small,
  28. strong,
  29. sub,
  30. sup,
  31. dl,
  32. dt,
  33. dd,
  34. ol,
  35. ul,
  36. li,
  37. fieldset,
  38. form,
  39. label,
  40. legend,
  41. table,
  42. caption,
  43. tbody,
  44. tfoot,
  45. thead,
  46. tr,
  47. th,
  48. td {
  49. border: 0;
  50. margin: 0;
  51. padding: 0;
  52. }
  53. article,
  54. aside,
  55. figure,
  56. figure img,
  57. figcaption,
  58. hgroup,
  59. footer,
  60. header,
  61. nav,
  62. section,
  63. video,
  64. object,
  65. h1,
  66. h2,
  67. h3,
  68. h4,
  69. h5 {
  70. display: block;
  71. }
  72. a img {
  73. border: 0;
  74. }
  75. figure {
  76. position: relative;
  77. }
  78. figure img {
  79. width: 100%;
  80. }
  81. ul {
  82. list-style: none;
  83. }
  84. * {
  85. box-sizing: border-box;
  86. -moz-box-sizing: border-box;
  87. -webkit-box-sizing: border-box;
  88. }
  89. body {
  90. background-color: #fff;
  91. color: #000000;
  92. font-size: 16px;
  93. font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  94. }
  95. select,
  96. input,
  97. text,
  98. option,
  99. button {
  100. font-size: 16px;
  101. font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  102. }
  103. a {
  104. text-decoration: none;
  105. }
  106. .clear {
  107. clear: both;
  108. }
  109. div.container {
  110. margin: 1rem auto 0 auto;
  111. }
  112. canvas,audio,svg {
  113. vertical-align: top;
  114. }
  115. .left {
  116. float: left;
  117. }
  118. .right {
  119. float: right;
  120. }
  121. .hidden {
  122. display: none;
  123. }