player.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. /* @override http://macs.local/david/wp-content/themes/dw/css/jplayer.css */
  2. div.jp-audio-stream {
  3. background: #eee;
  4. padding: 2px;
  5. width: 44px;
  6. }
  7. div.jp-interface {
  8. }
  9. div.jp-audio-stream ul.jp-controls {
  10. padding:0px !important;
  11. margin:0px !important;
  12. }
  13. div.jp-interface ul.jp-controls li {
  14. padding:0px !important;
  15. margin:0px !important;
  16. }
  17. div.jp-interface ul.jp-controls a {
  18. display:block;
  19. overflow:hidden;
  20. text-indent:-9999px;
  21. }
  22. a.jp-play,
  23. a.jp-pause {
  24. width:40px;
  25. height:40px;
  26. }
  27. a.jp-play {
  28. background: url("../img/jplayer.jpg") 0 0 no-repeat;
  29. }
  30. a.jp-play:hover {
  31. background: url("../img/jplayer.jpg") -41px 0 no-repeat;
  32. }
  33. a.jp-pause {
  34. background: url("../img/jplayer.jpg") 0 -42px no-repeat;
  35. display: none;
  36. }
  37. a.jp-pause:hover {
  38. background: url("../img/jplayer.jpg") -41px -42px no-repeat;
  39. }
  40. div.jp-current-time {
  41. margin: 0px 0px 0 5px;
  42. }
  43. div#player-container{
  44. width: 350px;
  45. }
  46. div#player{
  47. padding: 20px;
  48. height: 50px;
  49. width: 220px;
  50. background-color: white;
  51. float: left;
  52. color: #555555;
  53. }
  54. #song-information{
  55. width: 50%;
  56. float: left;
  57. text-align: left;
  58. }
  59. #controls{
  60. width: 50%;
  61. float: left;
  62. text-align: right;
  63. }
  64. div#amplitude-album-art{
  65. height: 90px;
  66. width: 90px;
  67. background-color: black;
  68. float: left;
  69. }
  70. div#amplitude-album-art img{
  71. height: 90px;
  72. width: 90px;
  73. }
  74. #amplitude-play-pause{
  75. width: 15px;
  76. height: 17px;
  77. cursor: pointer;
  78. float: right;
  79. }
  80. .amplitude-paused{
  81. background-image: url('../img/small-gray-play.png');
  82. background-repeat: no-repeat;
  83. }
  84. .amplitude-playing{
  85. background-image: url('../img/small-gray-pause.png');
  86. background-repeat: no-repeat;
  87. }
  88. #amplitude-volume-slider{
  89. width: 100%;
  90. }
  91. #amplitude-now-playing-name{
  92. font-family: 'PT Sans', sans-serif;
  93. font-weight: 700;
  94. font-size: 12px;
  95. }
  96. #amplitude-now-playing-album{
  97. font-family: 'PT Sans', sans-serif;
  98. font-weight: 400;
  99. font-size: 12px;
  100. }
  101. #amplitude-current-time{
  102. font-family: 'PT Sans', sans-serif;
  103. font-size: 10px;
  104. font-weight: 400;
  105. }