index.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .container {
  2. width: 1600px;
  3. margin: 25px auto;
  4. }
  5. .wrapper {
  6. display: flex;
  7. justify-content: space-around;
  8. align-items: center;
  9. width: 1600px;
  10. /* height: 400px; */
  11. margin: 10px 0;
  12. /* border: 1px solid black; */
  13. }
  14. .wrapper_span {
  15. display: block;
  16. padding: 15px 5px;
  17. /* font-size: 25px; */
  18. /* writing-mode: vertical-lr; */
  19. border: 1px solid rgb(32,116,98);
  20. }
  21. .pcmGraph_wrapper{
  22. display: flex;
  23. justify-content: space-around;
  24. align-items: center;
  25. width: 800px;
  26. height: 200px;
  27. margin: 10px 0;
  28. }
  29. /* .pcmGraph_wrapper span {
  30. display: block;
  31. padding: 15px 5px;
  32. font-size: 25px;
  33. writing-mode: vertical-lr;
  34. border: 1px solid rgb(32,116,98);
  35. } */
  36. #pcmGraph {
  37. width: 730px;
  38. background-color: #bfa;
  39. }
  40. #fftGraph,
  41. #stftGraph,#wrapper_map_stftGraph,#wrapper_map_pcmGraph {
  42. width: 730px;
  43. height: 512px;
  44. background-color: #bfa;
  45. }
  46. #stftGraph{
  47. display:none
  48. }
  49. #wrapper_map_stftGraph{
  50. width:730px;
  51. height: 256px;
  52. }
  53. #wrapper_map_pcmGraph{
  54. background-color: transparent;
  55. position: absolute;
  56. }