audiofield.wavesurfer.css 935 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /*
  2. * Waveform requires custom styling as it is not built in to the library.
  3. */
  4. .audiofield-wavesurfer .player-button {
  5. color: #fff;
  6. background-color: #337ab7;
  7. display: inline-block;
  8. padding: 6px 12px;
  9. margin-bottom: 0;
  10. text-align: center;
  11. white-space: nowrap;
  12. cursor: pointer;
  13. border: 1px solid transparent;
  14. border-radius: 4px;
  15. width: 55px;
  16. }
  17. .audiofield-wavesurfer .player-button.playpause {
  18. width: 45px;
  19. }
  20. .audiofield-wavesurfer .player-button:hover {
  21. background-color: #286090;
  22. }
  23. .audiofield-wavesurfer .volume {
  24. float: right;
  25. }
  26. .audiofield-wavesurfer.playlist .playlist {
  27. margin-top: 5px;
  28. }
  29. .audiofield-wavesurfer.playlist .playlist .track {
  30. cursor: pointer;
  31. border-bottom: 1px solid black;
  32. padding: 6px 4px;
  33. }
  34. .audiofield-wavesurfer.playlist .playlist .track.playing {
  35. color: #337ab7;
  36. }
  37. .audiofield-wavesurfer.playlist .playlist .track:hover {
  38. background-color: #337ab7;
  39. color: #fff;
  40. }