You are here

audiofield.wavesurfer.css in AudioField 8

Same filename and directory in other branches
  1. 7 css/audiofield.wavesurfer.css
/*
 * Waveform requires custom styling as it is not built in to the library.
 */
.audiofield-wavesurfer .player-button {
  color: #fff;
  background-color: #337ab7;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 55px;
}
.audiofield-wavesurfer .player-button.playpause {
  width: 45px;
}
.audiofield-wavesurfer .player-button:hover {
  background-color: #286090;
}
.audiofield-wavesurfer .volume {
  float: right;
}
.audiofield-wavesurfer.playlist .playlist {
  margin-top: 5px;
}
.audiofield-wavesurfer.playlist .playlist .track {
  cursor: pointer;
  border-bottom: 1px solid black;
  padding: 6px 4px;
}
.audiofield-wavesurfer.playlist .playlist .track.playing {
  color: #337ab7;
}
.audiofield-wavesurfer.playlist .playlist .track:hover {
  background-color: #337ab7;
  color: #fff;
}

File

css/audiofield.wavesurfer.css
View source
  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. }