integration jaudio-player

[mw_sourceml] / app / out / default / css / jaudio-player.1.1.css

diff --git a/app/out/default/css/jaudio-player.1.1.css b/app/out/default/css/jaudio-player.1.1.css
new file mode 100644 (file)
index 0000000..2566c2b
--- /dev/null
+++ b/app/out/default/css/jaudio-player.1.1.css
@@ -0,0 +1,156 @@
+/*
+  jaudioPlayer 1.1
+  http://jaudio-player.dj3c1t.com/
+
+*/
+
+.audio_player{
+  position: relative;
+  margin-bottom: 0.5em;
+}
+
+.audio_player img.loading{
+  position: absolute;
+  top: 2px;
+  left: 0;
+  display: none;
+}
+.with_waveform .audio_player img.loading{
+  top: 21px;
+}
+
+
+.audio_player .player_controls{
+  margin: 0;
+  position: absolute;
+  top: 2px;
+  left: 0px;
+  width: 42px;
+}
+
+.with_waveform .audio_player .player_controls{
+  top: 21px;
+}
+
+.audio_player .player_controls a{
+  text-decoration: none;
+  display: block;
+  float: right;
+  width: 16px;
+  height: 16px;
+  margin: 0 0 0 5px;
+}
+
+.audio_player .player_controls a span{
+  display: none;
+}
+
+.audio_player .player_controls a.play{
+  background-position: 0px 0px;
+}
+
+.audio_player .player_controls a.play:hover{
+  background-position: -16px 0px;
+}
+
+.audio_player .player_controls a.pause{
+  background-position: 0px -16px;
+  display: none;
+}
+
+.audio_player .player_controls a.pause:hover{
+  background-position: -16px -16px;
+}
+
+.audio_player .player_controls a.stop{
+  background-position: 0px -32px;
+  display: none;
+}
+
+.audio_player .player_controls a.stop:hover{
+  background-position: -16px -32px;
+}
+
+
+.audio_player .player_progress{
+  height: 20px;
+  overflow: hidden;
+  margin: 0 10em 0 55px;
+  position: relative;
+}
+
+.audio_player .player_progress div,
+.audio_player .player_progress img{
+  cursor: pointer;
+}
+
+.audio_player .player_progress .bg{
+  background-color: #e5e5e5;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+
+.audio_player .player_progress .loaded{
+  background-color: #c0c0c0;
+  width: 0;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+
+.audio_player .player_progress .position{
+  background-color: #666666;
+  width: 0;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+
+.with_waveform .audio_player .player_progress{
+  height: 60px;
+  background-color: transparent;
+}
+
+.with_waveform .audio_player .player_progress img{
+       height:100%;
+}
+
+.with_waveform .audio_player .player_progress .bg{
+  background-color: transparent;
+  opacity: 0.4;
+}
+
+.with_waveform .audio_player .player_progress .loaded{
+  background-color: transparent;
+  opacity: 0.4;
+}
+
+.with_waveform .audio_player .player_progress .position{
+  background-color: transparent;
+  opacity: 1;
+  border-right: solid 2px #333333;
+}
+
+.audio_player .time{
+  position: absolute;
+  top: 0px;
+  right: 5px;
+}
+
+.with_waveform .audio_player .time{
+  top: 22px;
+}
+
+.audio_player .time .duration{
+  color: #888888;
+  border-left: solid 1px #888888;
+  padding-left: 0.5em;
+}