MP3-jPlayer - Version 1.4.2

Version Description

  • Fixed error in the scripts handling for the widget, thanks to kathy for reporting.
  • Fixed the non-showing library captions when using widget modes 2/3 to play library files.
  • Fixed (hopefully) the mis-aligned buttons that were still happening in some themes.
Download this release

Release Info

Developer simon.ward
Plugin Icon 128x128 MP3-jPlayer
Version 1.4.2
Comparing to
See all releases

Code changes from version 1.4.1 to 1.4.2

Files changed (12) hide show
  1. css/mp3jplayer-blu-sidebar.css +50 -52
  2. css/mp3jplayer-blu.css +51 -51
  3. css/mp3jplayer-cyanALT-sidebar.css +51 -51
  4. css/mp3jplayer-cyanALT.css +51 -51
  5. css/mp3jplayer-green-sidebar.css +50 -52
  6. css/mp3jplayer-green.css +52 -51
  7. css/mp3jplayer-grey-sidebar.css +51 -51
  8. css/mp3jplayer-grey.css +52 -52
  9. css/mp3jplayer-text-sidebar.css +0 -1
  10. css/mp3jplayer-text.css +0 -1
  11. mp3jplayer.php +10 -9
  12. readme.txt +13 -18
css/mp3jplayer-blu-sidebar.css CHANGED
@@ -102,9 +102,9 @@ div.jp-interface { position: relative;
102
 
103
 
104
 
105
- div.jp-play-time { left: 95px; color: #fff; }
106
- div.jp-total-time { right: 10px; }
107
- #status { right: 37px; width: 40px; }
108
 
109
 
110
  #status { font-size: 8px; }
@@ -116,55 +116,53 @@ div.jp-interface { position: relative;
116
  span.mp3-loading { background: url('../css/images/finding-bar11b.gif') repeat-y 0px 3px; padding-left: 6px; } */
117
 
118
 
119
- /* transport buttons */
120
- div.jp-interface ul.jp-controls {
121
- list-style-type:none;
122
- padding:0;
123
- margin: 0px 0px 0px 16px !important; }
124
-
125
- div.jp-interface ul.jp-controls li {
126
- position: absolute;
127
- margin: 0px;
128
- padding: 0px;
129
- list-style-type:none !important; }
130
-
131
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
132
- display: block;
133
- position: absolute;
134
- overflow:hidden;
135
- text-indent:-9999px;
136
- outline: none;
137
- margin: 0px;
138
- padding: 0px;
139
- border-bottom: none !important; }
140
-
141
- a.jp-play,
142
- a.jp-pause,
143
- a.jp-stop,
144
- a.jp-previous,
145
- a.jp-next {
146
- top:57px;
147
- width:28px;
148
- height:28px;
149
- border: 0px solid #b2b2b2;
150
- cursor: default;
151
- border-bottom: none !important; }
152
-
153
- a.jp-play { left: 153px; background: url("images/buttons2.png") -110px -2px no-repeat; }
154
- a.jp-play:hover { background: url("images/buttons2H.png") -110px -2px no-repeat; border-bottom: none; }
155
-
156
- a.jp-pause { left: 153px; background: url("images/buttons2.png") -2px -2px no-repeat; }
157
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px -2px no-repeat; border-bottom: none; }
158
-
159
- a.jp-stop { left: 124px; background: url("images/buttons2.png") -80px -2px no-repeat; }
160
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px -2px no-repeat; border-bottom: none; }
161
-
162
- a.jp-previous { left:75px; width:22px; top:56px; background: url("images/buttons2.png") -32px -2px no-repeat; }
163
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px -2px no-repeat; border-bottom: none; }
164
-
165
- a.jp-next { left:98px; width:22px; top:56px; background: url("images/buttons2.png") -55px -2px no-repeat; }
166
- a.jp-next:hover { background: url("images/buttons2H.png") -55px -2px no-repeat; border-bottom: none; }
167
-
168
 
169
  /* other buttons*/
170
  #playlist-toggle, #downloadmp3-button {
102
 
103
 
104
 
105
+ div.jp-play-time { right: 79px; color: #fff; }
106
+ div.jp-total-time { right: 7px; }
107
+ #status { right: 34px; width: 40px; }
108
 
109
 
110
  #status { font-size: 8px; }
116
  span.mp3-loading { background: url('../css/images/finding-bar11b.gif') repeat-y 0px 3px; padding-left: 6px; } */
117
 
118
 
119
+ /* transport buttons -------------- */
120
+ div.jp-interface ul.jp-controls {
121
+ list-style-type:none !important;
122
+ padding:0 !important;
123
+ margin: 0px 0px 0px 16px !important;
124
+ }
125
+
126
+ div.jp-interface ul.jp-controls li {
127
+ margin: 0px !important;
128
+ padding: 0px !important;
129
+ list-style-type:none !important;
130
+ overflow:hidden !important;
131
+ }
132
+
133
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
134
+ display: block; /* don't mark important */
135
+ position: absolute !important;
136
+ overflow:hidden !important;
137
+ text-indent:-9999px !important;
138
+ outline: none !important;
139
+ margin: 0px !important;
140
+ padding: 0px !important;
141
+ border-bottom: none !important;
142
+ }
143
+
144
+ a.jp-play,
145
+ a.jp-pause,
146
+ a.jp-stop,
147
+ a.jp-previous,
148
+ a.jp-next {
149
+ border: 0px !important;
150
+ cursor: default !important;
151
+ }
152
+ a.jp-play { bottom:4px; right: 4px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
153
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
154
+
155
+ a.jp-pause { bottom:4px; right: 4px; width:28px !important; height:32px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
156
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
157
+
158
+ a.jp-stop { bottom:4px; right: 33px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
159
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
160
+
161
+ a.jp-previous { bottom:8px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
162
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
163
+
164
+ a.jp-next { bottom:8px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
165
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
 
 
166
 
167
  /* other buttons*/
168
  #playlist-toggle, #downloadmp3-button {
css/mp3jplayer-blu.css CHANGED
@@ -102,9 +102,9 @@ div.jp-interface { position: relative;
102
 
103
 
104
 
105
- div.jp-play-time { left: 175px; color: #fff; }
106
- div.jp-total-time { right: 10px; }
107
- #status { right: 37px; width: 40px; }
108
 
109
 
110
  #status { font-size: 8px; }
@@ -116,56 +116,56 @@ div.jp-interface { position: relative;
116
  span.mp3-loading { background: url('../css/images/finding-bar11b.gif') repeat-y 0px 3px; padding-left: 6px; } */
117
 
118
 
119
- /* transport buttons */
120
- div.jp-interface ul.jp-controls {
121
- list-style-type:none;
122
- padding:0;
123
- margin: 0px 0px 0px 16px !important; }
124
-
125
- div.jp-interface ul.jp-controls li {
126
- position: absolute;
127
- margin: 0px;
128
- padding: 0px;
129
- list-style-type:none !important; }
130
-
131
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
132
- display: block;
133
- position: absolute;
134
- overflow:hidden;
135
- text-indent:-9999px;
136
- outline: none;
137
- margin: 0px;
138
- padding: 0px;
139
- border-bottom: none !important; }
140
-
141
- a.jp-play,
142
- a.jp-pause,
143
- a.jp-stop,
144
- a.jp-previous,
145
- a.jp-next {
146
- top:58px;
147
- width:28px;
148
- height:34px;
149
- border: 0px solid #b2b2b2;
150
- cursor: default;
151
- border-bottom: none !important; }
152
-
153
- a.jp-play { left: 232px; background: url("images/buttons2.png") -110px 1px no-repeat; }
154
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; border-bottom: none; }
155
-
156
- a.jp-pause { left: 232px; background: url("images/buttons2.png") -2px 1px no-repeat; }
157
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
158
-
159
- a.jp-stop { left: 203px; background: url("images/buttons2.png") -80px 1px no-repeat; }
160
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; border-bottom: none; }
161
-
162
- a.jp-previous { left:152px; width:22px; top:58px; background: url("images/buttons2.png") -32px 0px no-repeat; }
163
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; border-bottom: none; }
164
-
165
- a.jp-next { left:175px; width:22px; top:58px; background: url("images/buttons2.png") -55px 0px no-repeat; }
166
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; border-bottom: none; }
167
 
168
 
 
169
  /* other buttons*/
170
  #playlist-toggle, #downloadmp3-button {
171
  position: absolute;
102
 
103
 
104
 
105
+ div.jp-play-time { right: 79px; color: #fff; }
106
+ div.jp-total-time { right: 7px; }
107
+ #status { right: 34px; width: 40px; }
108
 
109
 
110
  #status { font-size: 8px; }
116
  span.mp3-loading { background: url('../css/images/finding-bar11b.gif') repeat-y 0px 3px; padding-left: 6px; } */
117
 
118
 
119
+ /* transport buttons -------------- */
120
+ div.jp-interface ul.jp-controls {
121
+ list-style-type:none !important;
122
+ padding:0 !important;
123
+ margin: 0px 0px 0px 16px !important;
124
+ }
125
+
126
+ div.jp-interface ul.jp-controls li {
127
+ margin: 0px !important;
128
+ padding: 0px !important;
129
+ list-style-type:none !important;
130
+ overflow:hidden !important;
131
+ }
132
+
133
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
134
+ display: block; /* don't mark important */
135
+ position: absolute !important;
136
+ overflow:hidden !important;
137
+ text-indent:-9999px !important;
138
+ outline: none !important;
139
+ margin: 0px !important;
140
+ padding: 0px !important;
141
+ border-bottom: none !important;
142
+ }
143
+
144
+ a.jp-play,
145
+ a.jp-pause,
146
+ a.jp-stop,
147
+ a.jp-previous,
148
+ a.jp-next {
149
+ border: 0px !important;
150
+ cursor: default !important;
151
+ }
152
+ a.jp-play { bottom:4px; right: 4px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
153
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
154
+
155
+ a.jp-pause { bottom:4px; right: 4px; width:28px !important; height:34px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
156
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
157
+
158
+ a.jp-stop { bottom:4px; right: 33px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
159
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
160
+
161
+ a.jp-previous { bottom:10px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
162
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
163
+
164
+ a.jp-next { bottom:10px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
165
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
 
166
 
167
 
168
+
169
  /* other buttons*/
170
  #playlist-toggle, #downloadmp3-button {
171
  position: absolute;
css/mp3jplayer-cyanALT-sidebar.css CHANGED
@@ -98,9 +98,9 @@ div.jp-interface { position: relative;
98
 
99
 
100
 
101
- div.jp-play-time { left: 97px; top: 42px; }
102
- div.jp-total-time { right: 8px; top: 42px; }
103
- #status { right: 35px; top: 42px; width: 40px; }
104
 
105
 
106
  #status { font-size: 8px; }
@@ -111,56 +111,56 @@ div.jp-interface { position: relative;
111
  span.mp3-loading { background: url('../css/images/finding-bar9b.gif') no-repeat right top; }
112
 
113
 
114
- /* transport buttons */
115
- div.jp-interface ul.jp-controls {
116
- list-style-type:none;
117
- padding:0;
118
- margin: 0px 0px 0px 16px !important; }
119
-
120
- div.jp-interface ul.jp-controls li {
121
- position: absolute;
122
- margin: 0px;
123
- padding: 0px;
124
- list-style-type:none !important; }
125
-
126
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
127
- display: block;
128
- position: absolute;
129
- overflow:hidden;
130
- text-indent:-9999px;
131
- outline: none;
132
- margin: 0px;
133
- padding: 0px;
134
- border-bottom: none !important; }
135
-
136
- a.jp-play,
137
- a.jp-pause,
138
- a.jp-stop,
139
- a.jp-previous,
140
- a.jp-next {
141
- top:65px;
142
- width:30px;
143
- height:30px;
144
- border: 0px solid #b2b2b2;
145
- cursor: default;
146
- border-bottom: none !important; }
147
-
148
- a.jp-play { left: 152px; width:29px; height:31px; background: url("images/buttons2.png") -110px 1px no-repeat; }
149
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; border-bottom: none; }
150
-
151
- a.jp-pause { left: 152px; width:29px; height:31px; background: url("images/buttons2.png") -2px 1px no-repeat; }
152
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
153
-
154
- a.jp-stop { left: 123px; width:28px; height:31px; background: url("images/buttons2.png") -80px 1px no-repeat; }
155
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; border-bottom: none; }
156
-
157
- a.jp-previous { left:75px; width:22px; top:66px; background: url("images/buttons2.png") -32px 0px no-repeat; }
158
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; border-bottom: none; }
159
-
160
- a.jp-next { left:97px; width:22px; top:66px; background: url("images/buttons2.png") -55px 0px no-repeat; }
161
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; border-bottom: none; }
162
 
163
 
 
164
  /* other buttons*/
165
  #playlist-toggle, #downloadmp3-button {
166
  position: absolute;
98
 
99
 
100
 
101
+ div.jp-play-time { right: 79px; top: 42px; }
102
+ div.jp-total-time { right: 7px; top: 42px; }
103
+ #status { right: 34px; top: 42px; width: 40px; }
104
 
105
 
106
  #status { font-size: 8px; }
111
  span.mp3-loading { background: url('../css/images/finding-bar9b.gif') no-repeat right top; }
112
 
113
 
114
+ /* transport buttons -------------- */
115
+ div.jp-interface ul.jp-controls {
116
+ list-style-type:none !important;
117
+ padding:0 !important;
118
+ margin: 0px 0px 0px 16px !important;
119
+ }
120
+
121
+ div.jp-interface ul.jp-controls li {
122
+ margin: 0px !important;
123
+ padding: 0px !important;
124
+ list-style-type:none !important;
125
+ overflow:hidden !important;
126
+ }
127
+
128
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
129
+ display: block; /* don't mark important */
130
+ position: absolute !important;
131
+ overflow:hidden !important;
132
+ text-indent:-9999px !important;
133
+ outline: none !important;
134
+ margin: 0px !important;
135
+ padding: 0px !important;
136
+ border-bottom: none !important;
137
+ }
138
+
139
+ a.jp-play,
140
+ a.jp-pause,
141
+ a.jp-stop,
142
+ a.jp-previous,
143
+ a.jp-next {
144
+ border: 0px !important;
145
+ cursor: default !important;
146
+ }
147
+ a.jp-play { bottom:5px; right: 4px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
148
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
149
+
150
+ a.jp-pause { bottom:5px; right: 4px; width:28px !important; height:32px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
151
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
152
+
153
+ a.jp-stop { bottom:5px; right: 33px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
154
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
155
+
156
+ a.jp-previous { bottom:9px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
157
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
158
+
159
+ a.jp-next { bottom:9px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
160
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
 
161
 
162
 
163
+
164
  /* other buttons*/
165
  #playlist-toggle, #downloadmp3-button {
166
  position: absolute;
css/mp3jplayer-cyanALT.css CHANGED
@@ -98,9 +98,9 @@ div.jp-interface { position: relative;
98
 
99
 
100
 
101
- div.jp-play-time { left: 177px; top: 42px; }
102
- div.jp-total-time { right: 8px; top: 42px; }
103
- #status { right: 35px; top: 42px; width: 40px; }
104
 
105
 
106
  #status { font-size: 8px; }
@@ -111,54 +111,54 @@ div.jp-interface { position: relative;
111
  span.mp3-loading { background: url('../css/images/finding-bar9b.gif') no-repeat right top; }
112
 
113
 
114
- /* transport buttons */
115
- div.jp-interface ul.jp-controls {
116
- list-style-type:none;
117
- padding:0;
118
- margin: 0px 0px 0px 16px !important; }
119
-
120
- div.jp-interface ul.jp-controls li {
121
- position: absolute;
122
- margin: 0px;
123
- padding: 0px;
124
- list-style-type:none !important; }
125
-
126
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
127
- display: block;
128
- position: absolute;
129
- overflow:hidden;
130
- text-indent:-9999px;
131
- outline: none;
132
- margin: 0px;
133
- padding: 0px;
134
- border-bottom: none !important; }
135
-
136
- a.jp-play,
137
- a.jp-pause,
138
- a.jp-stop,
139
- a.jp-previous,
140
- a.jp-next {
141
- top:65px;
142
- width:30px;
143
- height:30px;
144
- border: 0px solid #b2b2b2;
145
- cursor: default;
146
- border-bottom: none !important; }
147
-
148
- a.jp-play { left: 232px; width:29px; height:31px; background: url("images/buttons2.png") -110px 1px no-repeat; }
149
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; border-bottom: none; }
150
-
151
- a.jp-pause { left: 232px; width:29px; height:31px; background: url("images/buttons2.png") -2px 1px no-repeat; }
152
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
153
-
154
- a.jp-stop { left: 202px; width:28px; height:31px; background: url("images/buttons2.png") -80px 1px no-repeat; }
155
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; border-bottom: none; }
156
-
157
- a.jp-previous { left:149px; width:22px; top:64px; background: url("images/buttons2.png") -32px 0px no-repeat; }
158
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; border-bottom: none; }
159
-
160
- a.jp-next { left:171px; width:22px; top:64px; background: url("images/buttons2.png") -55px 0px no-repeat; }
161
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; border-bottom: none; }
162
 
163
 
164
  /* other buttons*/
98
 
99
 
100
 
101
+ div.jp-play-time { right: 79px; top: 42px; }
102
+ div.jp-total-time { right: 7px; top: 42px; }
103
+ #status { right: 34px; top: 42px; width: 40px; }
104
 
105
 
106
  #status { font-size: 8px; }
111
  span.mp3-loading { background: url('../css/images/finding-bar9b.gif') no-repeat right top; }
112
 
113
 
114
+ /* transport buttons -------------- */
115
+ div.jp-interface ul.jp-controls {
116
+ list-style-type:none !important;
117
+ padding:0 !important;
118
+ margin: 0px 0px 0px 16px !important;
119
+ }
120
+
121
+ div.jp-interface ul.jp-controls li {
122
+ margin: 0px !important;
123
+ padding: 0px !important;
124
+ list-style-type:none !important;
125
+ overflow:hidden !important;
126
+ }
127
+
128
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
129
+ display: block; /* don't mark important */
130
+ position: absolute !important;
131
+ overflow:hidden !important;
132
+ text-indent:-9999px !important;
133
+ outline: none !important;
134
+ margin: 0px !important;
135
+ padding: 0px !important;
136
+ border-bottom: none !important;
137
+ }
138
+
139
+ a.jp-play,
140
+ a.jp-pause,
141
+ a.jp-stop,
142
+ a.jp-previous,
143
+ a.jp-next {
144
+ border: 0px !important;
145
+ cursor: default !important;
146
+ }
147
+ a.jp-play { bottom:4px; right: 4px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
148
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
149
+
150
+ a.jp-pause { bottom:4px; right: 4px; width:28px !important; height:34px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
151
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
152
+
153
+ a.jp-stop { bottom:4px; right: 33px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
154
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
155
+
156
+ a.jp-previous { bottom:10px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
157
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
158
+
159
+ a.jp-next { bottom:10px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
160
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
161
+
162
 
163
 
164
  /* other buttons*/
css/mp3jplayer-green-sidebar.css CHANGED
@@ -101,9 +101,9 @@ div.jp-interface { position: relative;
101
 
102
 
103
 
104
- div.jp-play-time { left: 95px; color: #fff; }
105
- div.jp-total-time { right: 10px; }
106
- #status { right: 37px; width: 40px; }
107
 
108
 
109
  #status { font-size: 8px; }
@@ -112,55 +112,53 @@ div.jp-interface { position: relative;
112
  span.mp3-loading { background: url('../css/images/finding-bar10b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
113
 
114
 
115
- /* transport buttons */
116
- div.jp-interface ul.jp-controls {
117
- list-style-type:none;
118
- padding:0;
119
- margin: 0px 0px 0px 16px !important; }
120
-
121
- div.jp-interface ul.jp-controls li {
122
- position: absolute;
123
- margin: 0px;
124
- padding: 0px;
125
- list-style-type:none !important; }
126
-
127
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
128
- display: block;
129
- position: absolute;
130
- overflow:hidden;
131
- text-indent:-9999px;
132
- outline: none;
133
- margin: 0px;
134
- padding: 0px;
135
- border-bottom: none !important; }
136
-
137
- a.jp-play,
138
- a.jp-pause,
139
- a.jp-stop,
140
- a.jp-previous,
141
- a.jp-next {
142
- top:57px;
143
- width:28px;
144
- height:28px;
145
- border: 0px solid #b2b2b2;
146
- cursor: default;
147
- border-bottom: none !important; }
148
-
149
- a.jp-play { left: 153px; background: url("images/buttons2.png") -110px -2px no-repeat; }
150
- a.jp-play:hover { background: url("images/buttons2H.png") -110px -2px no-repeat; border-bottom: none; }
151
-
152
- a.jp-pause { left: 153px; background: url("images/buttons2.png") -2px -2px no-repeat; }
153
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px -2px no-repeat; border-bottom: none; }
154
-
155
- a.jp-stop { left: 124px; background: url("images/buttons2.png") -80px -2px no-repeat; }
156
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px -2px no-repeat; border-bottom: none; }
157
-
158
- a.jp-previous { left:75px; width:22px; top:56px; background: url("images/buttons2.png") -32px -2px no-repeat; }
159
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px -2px no-repeat; border-bottom: none; }
160
-
161
- a.jp-next { left:98px; width:22px; top:56px; background: url("images/buttons2.png") -55px -2px no-repeat; }
162
- a.jp-next:hover { background: url("images/buttons2H.png") -55px -2px no-repeat; border-bottom: none; }
163
-
164
 
165
  /* other buttons*/
166
  #playlist-toggle, #downloadmp3-button {
101
 
102
 
103
 
104
+ div.jp-play-time { right: 79px; color: #fff; }
105
+ div.jp-total-time { right: 7px; }
106
+ #status { right: 34px; width: 40px; }
107
 
108
 
109
  #status { font-size: 8px; }
112
  span.mp3-loading { background: url('../css/images/finding-bar10b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
113
 
114
 
115
+ /* transport buttons -------------- */
116
+ div.jp-interface ul.jp-controls {
117
+ list-style-type:none !important;
118
+ padding:0 !important;
119
+ margin: 0px 0px 0px 16px !important;
120
+ }
121
+
122
+ div.jp-interface ul.jp-controls li {
123
+ margin: 0px !important;
124
+ padding: 0px !important;
125
+ list-style-type:none !important;
126
+ overflow:hidden !important;
127
+ }
128
+
129
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
130
+ display: block; /* don't mark important */
131
+ position: absolute !important;
132
+ overflow:hidden !important;
133
+ text-indent:-9999px !important;
134
+ outline: none !important;
135
+ margin: 0px !important;
136
+ padding: 0px !important;
137
+ border-bottom: none !important;
138
+ }
139
+
140
+ a.jp-play,
141
+ a.jp-pause,
142
+ a.jp-stop,
143
+ a.jp-previous,
144
+ a.jp-next {
145
+ border: 0px !important;
146
+ cursor: default !important;
147
+ }
148
+ a.jp-play { bottom:4px; right: 4px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
149
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
150
+
151
+ a.jp-pause { bottom:4px; right: 4px; width:28px !important; height:32px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
152
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
153
+
154
+ a.jp-stop { bottom:4px; right: 33px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
155
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
156
+
157
+ a.jp-previous { bottom:8px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
158
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
159
+
160
+ a.jp-next { bottom:8px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
161
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
 
 
162
 
163
  /* other buttons*/
164
  #playlist-toggle, #downloadmp3-button {
css/mp3jplayer-green.css CHANGED
@@ -101,9 +101,9 @@ div.jp-interface { position: relative;
101
 
102
 
103
 
104
- div.jp-play-time { left: 175px; color: #fff; }
105
- div.jp-total-time { right: 10px; }
106
- #status { right: 37px; width: 40px; color: #fff; }
107
 
108
 
109
  #status { font-size: 8px; }
@@ -112,55 +112,56 @@ div.jp-interface { position: relative;
112
  span.mp3-loading { background: url('../css/images/finding-bar10b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
113
 
114
 
115
- /* transport buttons */
116
- div.jp-interface ul.jp-controls {
117
- list-style-type:none;
118
- padding:0;
119
- margin: 0px 0px 0px 16px !important; }
120
-
121
- div.jp-interface ul.jp-controls li {
122
- position: absolute;
123
- margin: 0px;
124
- padding: 0px;
125
- list-style-type:none !important; }
126
-
127
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
128
- display: block;
129
- position: absolute;
130
- overflow:hidden;
131
- text-indent:-9999px;
132
- outline: none;
133
- margin: 0px;
134
- padding: 0px;
135
- border-bottom: none !important; }
136
-
137
- a.jp-play,
138
- a.jp-pause,
139
- a.jp-stop,
140
- a.jp-previous,
141
- a.jp-next {
142
- top:58px;
143
- width:28px;
144
- height:34px;
145
- border: 0px solid #b2b2b2;
146
- cursor: default;
147
- border-bottom: none !important; }
148
-
149
- a.jp-play { left: 232px; background: url("images/buttons2.png") -110px 1px no-repeat; }
150
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; border-bottom: none; }
151
-
152
- a.jp-pause { left: 232px; background: url("images/buttons2.png") -2px 1px no-repeat; }
153
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
154
-
155
- a.jp-stop { left: 203px; background: url("images/buttons2.png") -80px 1px no-repeat; }
156
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; border-bottom: none; }
157
-
158
- a.jp-previous { left:152px; width:22px; top:58px; background: url("images/buttons2.png") -32px 0px no-repeat; }
159
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; border-bottom: none; }
160
-
161
- a.jp-next { left:175px; width:22px; top:58px; background: url("images/buttons2.png") -55px 0px no-repeat; }
162
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; border-bottom: none; }
163
 
 
164
 
165
  /* other buttons*/
166
  #playlist-toggle, #downloadmp3-button {
101
 
102
 
103
 
104
+ div.jp-play-time { right: 79px; color: #fff; }
105
+ div.jp-total-time { right: 7px; }
106
+ #status { right: 34px; width: 40px; color: #fff; }
107
 
108
 
109
  #status { font-size: 8px; }
112
  span.mp3-loading { background: url('../css/images/finding-bar10b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
113
 
114
 
115
+ /* transport buttons -------------- */
116
+ div.jp-interface ul.jp-controls {
117
+ list-style-type:none !important;
118
+ padding:0 !important;
119
+ margin: 0px 0px 0px 16px !important;
120
+ }
121
+
122
+ div.jp-interface ul.jp-controls li {
123
+ margin: 0px !important;
124
+ padding: 0px !important;
125
+ list-style-type:none !important;
126
+ overflow:hidden !important;
127
+ }
128
+
129
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
130
+ display: block; /* don't mark important */
131
+ position: absolute !important;
132
+ overflow:hidden !important;
133
+ text-indent:-9999px !important;
134
+ outline: none !important;
135
+ margin: 0px !important;
136
+ padding: 0px !important;
137
+ border-bottom: none !important;
138
+ }
139
+
140
+ a.jp-play,
141
+ a.jp-pause,
142
+ a.jp-stop,
143
+ a.jp-previous,
144
+ a.jp-next {
145
+ border: 0px !important;
146
+ cursor: default !important;
147
+ }
148
+ a.jp-play { bottom:4px; right: 4px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
149
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
150
+
151
+ a.jp-pause { bottom:4px; right: 4px; width:28px !important; height:34px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
152
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
153
+
154
+ a.jp-stop { bottom:4px; right: 33px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
155
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
156
+
157
+ a.jp-previous { bottom:10px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
158
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
159
+
160
+ a.jp-next { bottom:10px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
161
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
162
+
163
 
164
+
165
 
166
  /* other buttons*/
167
  #playlist-toggle, #downloadmp3-button {
css/mp3jplayer-grey-sidebar.css CHANGED
@@ -102,9 +102,9 @@ div.jp-interface { position: relative;
102
 
103
 
104
 
105
- div.jp-play-time { left: 95px; color: #fff; }
106
- div.jp-total-time { right: 10px; }
107
- #status { right: 37px; width: 40px; }
108
 
109
 
110
  #status { font-size: 8px; }
@@ -115,54 +115,54 @@ div.jp-interface { position: relative;
115
  span.mp3-loading { background: url('../css/images/finding-bar1b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
116
 
117
 
118
- /* transport buttons */
119
- div.jp-interface ul.jp-controls {
120
- list-style-type:none;
121
- padding:0;
122
- margin: 0px 0px 0px 16px !important; }
123
-
124
- div.jp-interface ul.jp-controls li {
125
- position: absolute;
126
- margin: 0px;
127
- padding: 0px;
128
- list-style-type:none !important; }
129
-
130
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
131
- display: block;
132
- position: absolute;
133
- overflow:hidden;
134
- text-indent:-9999px;
135
- outline: none;
136
- margin: 0px;
137
- padding: 0px;
138
- border-bottom: none !important; }
139
-
140
- a.jp-play,
141
- a.jp-pause,
142
- a.jp-stop,
143
- a.jp-previous,
144
- a.jp-next {
145
- top:57px;
146
- width:28px;
147
- height:28px;
148
- border: 0px solid #b2b2b2;
149
- cursor: default;
150
- border-bottom: none !important; }
151
-
152
- a.jp-play { left: 153px; background: url("images/buttons2.png") -110px -2px no-repeat; }
153
- a.jp-play:hover { background: url("images/buttons2H.png") -110px -2px no-repeat; border-bottom: none; }
154
-
155
- a.jp-pause { left: 153px; background: url("images/buttons2.png") -2px -2px no-repeat; }
156
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px -2px no-repeat; border-bottom: none; }
157
-
158
- a.jp-stop { left: 124px; background: url("images/buttons2.png") -80px -2px no-repeat; }
159
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px -2px no-repeat; border-bottom: none; }
160
-
161
- a.jp-previous { left:75px; width:22px; top:56px; background: url("images/buttons2.png") -32px -2px no-repeat; }
162
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px -2px no-repeat; border-bottom: none; }
163
-
164
- a.jp-next { left:98px; width:22px; top:56px; background: url("images/buttons2.png") -55px -2px no-repeat; }
165
- a.jp-next:hover { background: url("images/buttons2H.png") -55px -2px no-repeat; border-bottom: none; }
166
 
167
 
168
  /* other buttons*/
102
 
103
 
104
 
105
+ div.jp-play-time { right: 79px; color: #fff; }
106
+ div.jp-total-time { right: 7px; }
107
+ #status { right: 34px; width: 40px; }
108
 
109
 
110
  #status { font-size: 8px; }
115
  span.mp3-loading { background: url('../css/images/finding-bar1b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
116
 
117
 
118
+ /* transport buttons -------------- */
119
+ div.jp-interface ul.jp-controls {
120
+ list-style-type:none !important;
121
+ padding:0 !important;
122
+ margin: 0px 0px 0px 16px !important;
123
+ }
124
+
125
+ div.jp-interface ul.jp-controls li {
126
+ margin: 0px !important;
127
+ padding: 0px !important;
128
+ list-style-type:none !important;
129
+ overflow:hidden !important;
130
+ }
131
+
132
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
133
+ display: block; /* don't mark important */
134
+ position: absolute !important;
135
+ overflow:hidden !important;
136
+ text-indent:-9999px !important;
137
+ outline: none !important;
138
+ margin: 0px !important;
139
+ padding: 0px !important;
140
+ border-bottom: none !important;
141
+ }
142
+
143
+ a.jp-play,
144
+ a.jp-pause,
145
+ a.jp-stop,
146
+ a.jp-previous,
147
+ a.jp-next {
148
+ border: 0px !important;
149
+ cursor: default !important;
150
+ }
151
+ a.jp-play { bottom:4px; right: 4px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
152
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
153
+
154
+ a.jp-pause { bottom:4px; right: 4px; width:28px !important; height:32px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
155
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
156
+
157
+ a.jp-stop { bottom:4px; right: 33px; width:26px !important; height:32px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
158
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
159
+
160
+ a.jp-previous { bottom:8px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
161
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
162
+
163
+ a.jp-next { bottom:8px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
164
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
165
+
166
 
167
 
168
  /* other buttons*/
css/mp3jplayer-grey.css CHANGED
@@ -102,9 +102,9 @@ div.jp-interface { position: relative;
102
 
103
 
104
 
105
- div.jp-play-time { left: 175px; color: #fff; }
106
- div.jp-total-time { right: 10px; }
107
- #status { right: 37px; width: 40px; color: #fff; }
108
 
109
 
110
  #status { font-size: 8px; }
@@ -114,55 +114,55 @@ div.jp-interface { position: relative;
114
  span.mp3-finding { background: url('../css/images/finding-bar1b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
115
  span.mp3-loading { background: url('../css/images/finding-bar1b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
116
 
117
-
118
- /* transport buttons */
119
- div.jp-interface ul.jp-controls {
120
- list-style-type:none;
121
- padding:0;
122
- margin: 0px 0px 0px 16px !important; }
123
-
124
- div.jp-interface ul.jp-controls li {
125
- position: absolute;
126
- margin: 0px;
127
- padding: 0px;
128
- list-style-type:none !important; }
129
-
130
- div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
131
- display: block;
132
- position: absolute;
133
- overflow:hidden;
134
- text-indent:-9999px;
135
- outline: none;
136
- margin: 0px;
137
- padding: 0px;
138
- border-bottom: none !important; }
139
-
140
- a.jp-play,
141
- a.jp-pause,
142
- a.jp-stop,
143
- a.jp-previous,
144
- a.jp-next {
145
- top:58px;
146
- width:28px;
147
- height:34px;
148
- border: 0px solid #b2b2b2;
149
- cursor: default;
150
- border-bottom: none !important; }
151
-
152
- a.jp-play { left: 232px; background: url("images/buttons2.png") -110px 1px no-repeat; }
153
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; border-bottom: none; }
154
-
155
- a.jp-pause { left: 232px; background: url("images/buttons2.png") -2px 1px no-repeat; }
156
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
157
-
158
- a.jp-stop { left: 203px; background: url("images/buttons2.png") -80px 1px no-repeat; }
159
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; border-bottom: none; }
160
-
161
- a.jp-previous { left:152px; width:22px; top:58px; background: url("images/buttons2.png") -32px 0px no-repeat; }
162
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; border-bottom: none; }
163
-
164
- a.jp-next { left:175px; width:22px; top:58px; background: url("images/buttons2.png") -55px 0px no-repeat; }
165
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; border-bottom: none; }
166
 
167
 
168
  /* other buttons*/
102
 
103
 
104
 
105
+ div.jp-play-time { right: 79px; color: #fff; }
106
+ div.jp-total-time { right: 7px; }
107
+ #status { right: 34px; width: 40px; color: #fff; }
108
 
109
 
110
  #status { font-size: 8px; }
114
  span.mp3-finding { background: url('../css/images/finding-bar1b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
115
  span.mp3-loading { background: url('../css/images/finding-bar1b.gif') repeat-y -2px 3px; margin-left: -3px; padding-left: 4px; }
116
 
117
+
118
+ /* transport buttons -------------- */
119
+ div.jp-interface ul.jp-controls {
120
+ list-style-type:none !important;
121
+ padding:0 !important;
122
+ margin: 0px 0px 0px 16px !important;
123
+ }
124
+
125
+ div.jp-interface ul.jp-controls li {
126
+ margin: 0px !important;
127
+ padding: 0px !important;
128
+ list-style-type:none !important;
129
+ overflow:hidden !important;
130
+ }
131
+
132
+ div.jp-interface ul.jp-controls a, div.jp-interface ul.jp-controls a:hover {
133
+ display: block; /* don't mark important */
134
+ position: absolute !important;
135
+ overflow:hidden !important;
136
+ text-indent:-9999px !important;
137
+ outline: none !important;
138
+ margin: 0px !important;
139
+ padding: 0px !important;
140
+ border-bottom: none !important;
141
+ }
142
+
143
+ a.jp-play,
144
+ a.jp-pause,
145
+ a.jp-stop,
146
+ a.jp-previous,
147
+ a.jp-next {
148
+ border: 0px !important;
149
+ cursor: default !important;
150
+ }
151
+ a.jp-play { bottom:4px; right: 4px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -112px 1px no-repeat; }
152
+ a.jp-play:hover { background: url("images/buttons2H.png") -112px 1px no-repeat; border-bottom: none; }
153
+
154
+ a.jp-pause { bottom:4px; right: 4px; width:28px !important; height:34px !important; background: url("images/buttons2.png") -2px 1px no-repeat; }
155
+ a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; border-bottom: none; }
156
+
157
+ a.jp-stop { bottom:4px; right: 33px; width:26px !important; height:34px !important; background: url("images/buttons2.png") -81px 1px no-repeat; }
158
+ a.jp-stop:hover { background: url("images/buttons2H.png") -81px 1px no-repeat; border-bottom: none; }
159
+
160
+ a.jp-previous { bottom:10px; right:84px; width:22px !important; height:28px !important; background: url("images/buttons2.png") -32px -1px no-repeat; }
161
+ a.jp-previous:hover { background: url("images/buttons2H.png") -32px -1px no-repeat; border-bottom: none; }
162
+
163
+ a.jp-next { bottom:10px; right:63px; width:19px !important; height:28px !important; background: url("images/buttons2.png") -57px -1px no-repeat; }
164
+ a.jp-next:hover { background: url("images/buttons2H.png") -57px -1px no-repeat; border-bottom: none; }
165
+
166
 
167
 
168
  /* other buttons*/
css/mp3jplayer-text-sidebar.css CHANGED
@@ -99,7 +99,6 @@ div.jp-interface {
99
  margin: 0px 0px 0px 0px !important; }
100
 
101
  div.jp-interface ul.jp-controls li {
102
- position: absolute;
103
  margin: 0px;
104
  padding: 0px;
105
  list-style-type:none !important;
99
  margin: 0px 0px 0px 0px !important; }
100
 
101
  div.jp-interface ul.jp-controls li {
 
102
  margin: 0px;
103
  padding: 0px;
104
  list-style-type:none !important;
css/mp3jplayer-text.css CHANGED
@@ -96,7 +96,6 @@ div.jp-interface {
96
  margin: 0px 0px 0px 0px !important; }
97
 
98
  div.jp-interface ul.jp-controls li {
99
- position: absolute;
100
  margin: 0px;
101
  padding: 0px;
102
  list-style-type:none !important;
96
  margin: 0px 0px 0px 0px !important; }
97
 
98
  div.jp-interface ul.jp-controls li {
 
99
  margin: 0px;
100
  padding: 0px;
101
  list-style-type:none !important;
mp3jplayer.php CHANGED
@@ -2,7 +2,7 @@
2
  Plugin Name: MP3-jPlayer
3
  Plugin URI: http://sjward.org/jplayer-for-wordpress
4
  Description: A flexible MP3 player with a playlist that can be added to your content or sidebar.
5
- Version: 1.4.1
6
  Author: Simon Ward
7
  Author URI: http://www.sjward.org
8
  License: GPL2
@@ -28,7 +28,7 @@ if ( !class_exists("mp3Fox") )
28
  class mp3Fox
29
  {
30
  // ------------------ //
31
- var $version_of_plugin = "1.4.1"; // Update me! //
32
  var $option_count = 22;
33
  // ------------------ //
34
 
@@ -463,7 +463,8 @@ if ( !class_exists("mp3Fox") )
463
  $sidebarsettings = get_option($name);
464
  $n = 0;
465
  foreach ( $sidebarsettings as $key => $arr ) {
466
- if ( strpos($key, "sidebar") !== false ) {
 
467
  foreach ( $arr as $i => $widget ) {
468
  if ( strchr($widget, "mp3-jplayer-widget") ) {
469
  $activeplayerwidgets[$n++] = $widget;
@@ -574,7 +575,7 @@ if ( !class_exists("mp3Fox") )
574
  $j = 1;
575
  if ( empty($captions) ) {
576
  foreach ( $tracks as $i => $file ) {
577
- $this->feedKeys[$i] = $startnum++ . " mp3.";
578
  $this->feedValues[$i] = $file;
579
  }
580
  }
@@ -589,7 +590,7 @@ if ( !class_exists("mp3Fox") )
589
  }
590
  }
591
  else {
592
- $this->feedKeys[$i] = $startnum++ . " mp3.";
593
  }
594
  $this->feedValues[$i] = $file;
595
  }
@@ -615,7 +616,7 @@ if ( !class_exists("mp3Fox") )
615
  if ( $library['count'] >= 1 ) {
616
  $counter = count($this->postMetaValues);
617
  foreach ( $library['filenames'] as $k => $fn ) {
618
- $captions[$k] = $keys[$i];
619
  }
620
  $this->feed_metadata( $library['filenames'], $captions, ++$counter );
621
  foreach ( $this->feedKeys as $j => $x ) {
@@ -714,7 +715,7 @@ if ( !class_exists("mp3Fox") )
714
  else {
715
  $customArtists[$i] = $splitkey[1];
716
  }
717
- $prevArtist = $customArtists[$i];
718
  }
719
 
720
  // Titles & Filenames //
@@ -1494,7 +1495,7 @@ if ( !class_exists("mp3Fox") )
1494
  <p style="margin-bottom: 8px;">&nbsp; <input type="checkbox" name="disableTemplateTag" value="true" <?php if ($theOptions['disable_template_tag'] == "true") { _e('checked="checked"', "mp3Fox"); }?> /> &nbsp;Ignore player template-tags in theme files
1495
  <br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="description">(this ignores the mp3j_addscripts(), mp3j_flag(), and mp3j_put() tag functions)</span></p>
1496
  </div>
1497
- <input type="hidden" name="mp3foxPluginVersion" value="1.4.0" />
1498
  <br /><br /><br />
1499
  <p style="margin-top: 4px;"><input type="submit" name="update_mp3foxSettings" class="button-primary" value="<?php _e('Update Settings', 'mp3Fox') ?>" />
1500
  &nbsp; Remember settings if plugin is deactivated &nbsp;<input type="checkbox" name="mp3foxRemember" value="true" <?php if ($theOptions['remember_settings'] == "true") { _e('checked="checked"', "mp3Fox"); }?> /></p>
@@ -1765,7 +1766,7 @@ if ( class_exists("WP_Widget") )
1765
  }
1766
  if ( $library['count'] >= 1 ) {
1767
  $counter = count($customvalues);
1768
- $mp3_fox->feed_metadata( $library['filenames'], '', ++$counter );
1769
  $customvaluesB = $mp3_fox->feedValues;
1770
  $customkeysB = $mp3_fox->feedKeys;
1771
  }
2
  Plugin Name: MP3-jPlayer
3
  Plugin URI: http://sjward.org/jplayer-for-wordpress
4
  Description: A flexible MP3 player with a playlist that can be added to your content or sidebar.
5
+ Version: 1.4.2
6
  Author: Simon Ward
7
  Author URI: http://www.sjward.org
8
  License: GPL2
28
  class mp3Fox
29
  {
30
  // ------------------ //
31
+ var $version_of_plugin = "1.4.2"; // Update me! //
32
  var $option_count = 22;
33
  // ------------------ //
34
 
463
  $sidebarsettings = get_option($name);
464
  $n = 0;
465
  foreach ( $sidebarsettings as $key => $arr ) {
466
+ //if ( strpos($key, "sidebar") !== false ) {
467
+ if ( is_array($arr) && $key != "wp_inactive_widgets" ) {
468
  foreach ( $arr as $i => $widget ) {
469
  if ( strchr($widget, "mp3-jplayer-widget") ) {
470
  $activeplayerwidgets[$n++] = $widget;
575
  $j = 1;
576
  if ( empty($captions) ) {
577
  foreach ( $tracks as $i => $file ) {
578
+ $this->feedKeys[$i] = $startnum++ . " mp3";
579
  $this->feedValues[$i] = $file;
580
  }
581
  }
590
  }
591
  }
592
  else {
593
+ $this->feedKeys[$i] = $startnum++ . " mp3";
594
  }
595
  $this->feedValues[$i] = $file;
596
  }
616
  if ( $library['count'] >= 1 ) {
617
  $counter = count($this->postMetaValues);
618
  foreach ( $library['filenames'] as $k => $fn ) {
619
+ $captions[$k] = $library['excerpts'][$k];
620
  }
621
  $this->feed_metadata( $library['filenames'], $captions, ++$counter );
622
  foreach ( $this->feedKeys as $j => $x ) {
715
  else {
716
  $customArtists[$i] = $splitkey[1];
717
  }
718
+ //$prevArtist = $customArtists[$i]; // Removed as is a pain with feeds
719
  }
720
 
721
  // Titles & Filenames //
1495
  <p style="margin-bottom: 8px;">&nbsp; <input type="checkbox" name="disableTemplateTag" value="true" <?php if ($theOptions['disable_template_tag'] == "true") { _e('checked="checked"', "mp3Fox"); }?> /> &nbsp;Ignore player template-tags in theme files
1496
  <br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="description">(this ignores the mp3j_addscripts(), mp3j_flag(), and mp3j_put() tag functions)</span></p>
1497
  </div>
1498
+ <input type="hidden" name="mp3foxPluginVersion" value="<?php echo $this->version_of_plugin; ?>" />
1499
  <br /><br /><br />
1500
  <p style="margin-top: 4px;"><input type="submit" name="update_mp3foxSettings" class="button-primary" value="<?php _e('Update Settings', 'mp3Fox') ?>" />
1501
  &nbsp; Remember settings if plugin is deactivated &nbsp;<input type="checkbox" name="mp3foxRemember" value="true" <?php if ($theOptions['remember_settings'] == "true") { _e('checked="checked"', "mp3Fox"); }?> /></p>
1766
  }
1767
  if ( $library['count'] >= 1 ) {
1768
  $counter = count($customvalues);
1769
+ $mp3_fox->feed_metadata( $library['filenames'], $library['excerpts'], ++$counter );
1770
  $customvaluesB = $mp3_fox->feedValues;
1771
  $customkeysB = $mp3_fox->feedKeys;
1772
  }
readme.txt CHANGED
@@ -4,26 +4,16 @@ Plugin URI: http://www.sjward.org/jplayer-for-wordpress
4
  Contributors: simon.ward
5
  Tags: mp3, audio, player, music, jplayer, integration, music player, mp3 player, playlist, media, jquery, javascript, plugin, shortcode, widget, widgets, css, posts, page, sidebar
6
  Requires at least: 2.8
7
- Tested up to: 3.0.4
8
- Stable tag: 1.4.1
9
 
10
  An mp3 player for pages and posts, optional widget and shortcode, template tags. HTML5 / Flash, works on iphone and ipad.
11
 
12
 
13
  == Description ==
14
- Version 1.4.1 makes repeat playing optional from admin, fixes the text-player buttons CSS in Opera, and fixes the initial-volume setting where the slider was being set but not the volume.
15
 
16
- New since 1.4.0 -
17
-
18
- * A sidebar widget
19
- * A text based player style
20
- * Easy play of entire folders and library
21
- * Randomise playlists
22
- * Show library and local folder filenames on admin page
23
- * Set a custom stylesheet from admin
24
- * Playlist numbering optional
25
- * More shortcode options
26
- * Better help on the admin page
27
 
28
 
29
  [See a Demo here](http://sjward.org/jplayer-for-wordpress)
@@ -39,14 +29,14 @@ Features -
39
  * Optional shortcode and parameters
40
  * A set of template-tags
41
  * Fully CSS styleable
42
- * Integrates Happyworm's jquery.jplayer that can use HTML5 or Flash as needed.
43
 
44
 
45
  <br />
46
  The plugin plays your mp3's by looking in the page/post custom fields for any playlist you have written. The player is added automatically when it picks up a playlist to play. You can also write a playlist in the widget.
47
 
48
 
49
- <br>
50
  **Widget**
51
 
52
  Drag the player widget into one of your sidebars and set it's playback mode or playlist. Use the page filter to include-only or exclude any pages and posts. You can use multiple widgets to set different playlists for different pages.
@@ -202,7 +192,7 @@ To Install manually:
202
  Yes, by widgets or template-tags.
203
 
204
  = Can the player go in the header/footer? =
205
- Yes if your theme has header/footer widget areas, if it doesn't then you can use template-tags to place the player anywhere in the theme.
206
 
207
 
208
  == Screenshots ==
@@ -215,10 +205,15 @@ Yes if your theme has header/footer widget areas, if it doesn't then you can use
215
 
216
  == Changelog ==
217
 
 
 
 
 
 
218
  = 1.4.1 =
219
  * Added a repeat play option on settings page.
220
  * Fixed text-player buttons css in Opera.
221
- * Fixed initial-volume setting error where only the slider was being set and not the volume. Thanks to Darkwave for letting me know.
222
 
223
 
224
  = 1.4.0 =
4
  Contributors: simon.ward
5
  Tags: mp3, audio, player, music, jplayer, integration, music player, mp3 player, playlist, media, jquery, javascript, plugin, shortcode, widget, widgets, css, posts, page, sidebar
6
  Requires at least: 2.8
7
+ Tested up to: 3.1
8
+ Stable tag: 1.4.2
9
 
10
  An mp3 player for pages and posts, optional widget and shortcode, template tags. HTML5 / Flash, works on iphone and ipad.
11
 
12
 
13
  == Description ==
14
+ 1.4.2 fixes an error with the widget handling (it's scripts weren't being loaded in some themes and widget areas). Also fixed are the library captions that weren't showing up when using widget modes 2/3, and a css fix that should re-align the buttons that were still out-of-place in some themes.
15
 
16
+ Recently added - sidebar widget, text based player style, easy play of entire folders and library, randomise playlists, set custom stylesheet from admin.
 
 
 
 
 
 
 
 
 
 
17
 
18
 
19
  [See a Demo here](http://sjward.org/jplayer-for-wordpress)
29
  * Optional shortcode and parameters
30
  * A set of template-tags
31
  * Fully CSS styleable
32
+ * Integrates Happyworm's jquery.jplayer that can use HTML 5 or Flash as needed.
33
 
34
 
35
  <br />
36
  The plugin plays your mp3's by looking in the page/post custom fields for any playlist you have written. The player is added automatically when it picks up a playlist to play. You can also write a playlist in the widget.
37
 
38
 
39
+ <br />
40
  **Widget**
41
 
42
  Drag the player widget into one of your sidebars and set it's playback mode or playlist. Use the page filter to include-only or exclude any pages and posts. You can use multiple widgets to set different playlists for different pages.
192
  Yes, by widgets or template-tags.
193
 
194
  = Can the player go in the header/footer? =
195
+ Yes if your theme has header/footer widget areas, if it doesn't then you can still use the template-tags.
196
 
197
 
198
  == Screenshots ==
205
 
206
  == Changelog ==
207
 
208
+ = 1.4.2 =
209
+ * Fixed error in the scripts handling for the widget, thanks to kathy for reporting.
210
+ * Fixed the non-showing library captions when using widget modes 2/3 to play library files.
211
+ * Fixed (hopefully) the mis-aligned buttons that were still happening in some themes.
212
+
213
  = 1.4.1 =
214
  * Added a repeat play option on settings page.
215
  * Fixed text-player buttons css in Opera.
216
+ * Fixed initial-volume setting error where only the slider was being set and not the volume. Thanks to Darkwave for reporting.
217
 
218
 
219
  = 1.4.0 =