You are here

audio_js_mini.css in audio.js 7

.audiojs audio {
  left: -1px;
  position: absolute;
}

.audiojs-label {
  font-weight: bold;
}

.audiojs-mini .audiojs {
  background: #404040;
  background-image: -moz-linear-gradient(center top,#444 0%,#555 50%,#444 51%,#444 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(0.5,#555),color-stop(0.51,#444),color-stop(1,#444));
  font-family: monospace;
  font-size: 12px;
  height: 36px;
  overflow: hidden;
  width: 36px;
}

.audiojs-mini .audiojs .play-pause {
  float: left;
  height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 4px 6px;
  width: 25px;
}

.audiojs-mini .audiojs p {
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 28px;
  margin: 0;
  width: 25px;
}

.audiojs-mini .audiojs .play {
  display: block;
}

.audiojs-mini .audiojs .scrubber,
.audiojs-mini .audiojs .time {
  display: none;
}

.audiojs-mini .audiojs .play {
  background: url(../images/player-graphics.gif) -2px -1px no-repeat;
}

.audiojs-mini .audiojs .loading {
  background: url(../images/player-graphics.gif) -2px -31px no-repeat;
}

.audiojs-mini .audiojs .error {
  background: url(../images/player-graphics.gif) -2px -61px no-repeat;
}

.audiojs-mini .audiojs .pause {
  background: url(../images/player-graphics.gif) -2px -91px no-repeat;
}

.audiojs-mini .playing .play,
.audiojs-mini .playing .loading,
.audiojs-mini .playing .error {
  display: none;
}

.audiojs-mini .playing .pause {
  display: block;
}

.audiojs-mini .loading .play,
.audiojs-mini .loading .pause,
.audiojs-mini .loading .error {
  display: none;
}

.audiojs-mini .loading .loading {
  display: block;
}

.audiojs-mini .error .time,
.audiojs-mini .error .play,
.audiojs-mini .error .pause,
.audiojs-mini .error .scrubber,
.audiojs-mini .error .loading {
  display: none;
}

.audiojs-mini .error .error {
  display: block;
}

.audiojs-mini .error .play-pause p {
  cursor: auto;
}

.audiojs-mini .error .error-message {
  display: block;
}

File

css/audio_js_mini.css
View source
  1. .audiojs audio {
  2. left: -1px;
  3. position: absolute;
  4. }
  5. .audiojs-label {
  6. font-weight: bold;
  7. }
  8. .audiojs-mini .audiojs {
  9. background: #404040;
  10. background-image: -moz-linear-gradient(center top,#444 0%,#555 50%,#444 51%,#444 100%);
  11. background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(0.5,#555),color-stop(0.51,#444),color-stop(1,#444));
  12. font-family: monospace;
  13. font-size: 12px;
  14. height: 36px;
  15. overflow: hidden;
  16. width: 36px;
  17. }
  18. .audiojs-mini .audiojs .play-pause {
  19. float: left;
  20. height: 28px;
  21. margin: 0;
  22. overflow: hidden;
  23. padding: 4px 6px;
  24. width: 25px;
  25. }
  26. .audiojs-mini .audiojs p {
  27. background-repeat: no-repeat;
  28. cursor: pointer;
  29. display: none;
  30. height: 28px;
  31. margin: 0;
  32. width: 25px;
  33. }
  34. .audiojs-mini .audiojs .play {
  35. display: block;
  36. }
  37. .audiojs-mini .audiojs .scrubber,
  38. .audiojs-mini .audiojs .time {
  39. display: none;
  40. }
  41. .audiojs-mini .audiojs .play {
  42. background: url(../images/player-graphics.gif) -2px -1px no-repeat;
  43. }
  44. .audiojs-mini .audiojs .loading {
  45. background: url(../images/player-graphics.gif) -2px -31px no-repeat;
  46. }
  47. .audiojs-mini .audiojs .error {
  48. background: url(../images/player-graphics.gif) -2px -61px no-repeat;
  49. }
  50. .audiojs-mini .audiojs .pause {
  51. background: url(../images/player-graphics.gif) -2px -91px no-repeat;
  52. }
  53. .audiojs-mini .playing .play,
  54. .audiojs-mini .playing .loading,
  55. .audiojs-mini .playing .error {
  56. display: none;
  57. }
  58. .audiojs-mini .playing .pause {
  59. display: block;
  60. }
  61. .audiojs-mini .loading .play,
  62. .audiojs-mini .loading .pause,
  63. .audiojs-mini .loading .error {
  64. display: none;
  65. }
  66. .audiojs-mini .loading .loading {
  67. display: block;
  68. }
  69. .audiojs-mini .error .time,
  70. .audiojs-mini .error .play,
  71. .audiojs-mini .error .pause,
  72. .audiojs-mini .error .scrubber,
  73. .audiojs-mini .error .loading {
  74. display: none;
  75. }
  76. .audiojs-mini .error .error {
  77. display: block;
  78. }
  79. .audiojs-mini .error .play-pause p {
  80. cursor: auto;
  81. }
  82. .audiojs-mini .error .error-message {
  83. display: block;
  84. }