player.css 518 B

123456789101112131415161718192021222324252627282930313233
  1. .player{
  2. display: flex;
  3. justify-content: center;
  4. bottom: 50px;
  5. position: fixed;
  6. right: 0px;
  7. left: 0px;
  8. z-index: 1;
  9. }
  10. .player audio {
  11. display: flex;
  12. border: 1px solid grey;
  13. border-radius: 25px;
  14. }
  15. .prevTrack,
  16. .nextTrack,
  17. .loopTrack {
  18. height: 50px;
  19. width: 50px;
  20. border-radius: 50px;
  21. outline:none;
  22. font-size: 15px;
  23. }
  24. .loopTrack:hover,
  25. .active{
  26. background-color: #1384e7;
  27. }
  28. .loopTrackClick{
  29. /* background-color: red; */
  30. background-color: #1384e7;
  31. }