MP3-jPlayer - Version 1.3.3

Version Description

  • Fixed the CSS that caused player to display poorly in some themes.
Download this release

Release Info

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

Code changes from version 1.3.2 to 1.3.3

Files changed (8) hide show
  1. css/images/Thumbs.db +0 -0
  2. css/mp3-jplayer-cyanALT.css +55 -33
  3. css/mp3jplayer-blu.css +60 -42
  4. css/mp3jplayer-green.css +60 -42
  5. css/mp3jplayer-grey.css +62 -43
  6. js/mp3-jplayer.js +1 -1
  7. mp3jplayer.php +2 -2
  8. readme.txt +14 -7
css/images/Thumbs.db CHANGED
Binary file
css/mp3-jplayer-cyanALT.css CHANGED
@@ -13,16 +13,18 @@ div.jp-playlist-player {
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
- width: auto; }
 
17
 
18
 
19
  /* skin
20
  ----------------------------------------- */
21
  div.jp-innerwrap { position: relative;
22
- width: 281px; }
 
23
 
24
  #innerx { position: absolute;
25
- width: 261px; /* IE6 - need to specify widths/height */
26
  height: 103px;
27
  left: 10px;
28
  right: 10px;
@@ -31,14 +33,14 @@ div.jp-innerwrap { position: relative;
31
 
32
  #innerleft { position: absolute;
33
  width: 10px;
34
- height: 103px; /* IE6 - need to specify height */
35
  left: 0px;
36
  top: 0px;
37
  background: url('images/case2-l.png') no-repeat left top; }
38
 
39
  #innerright { position: absolute;
40
  width: 10px;
41
- height: 103px; /* IE6 - need to specify height */
42
  right: 0px;
43
  top: 0px;
44
  background: url('images/case2-r.png') no-repeat left top; }
@@ -113,17 +115,23 @@ div.jp-interface { position: relative;
113
  div.jp-interface ul.jp-controls {
114
  list-style-type:none;
115
  padding:0;
116
- margin: 0px 0px 0px 16px; }
117
 
118
  div.jp-interface ul.jp-controls li {
119
- position: absolute; }
 
 
 
120
 
121
- div.jp-interface ul.jp-controls a {
122
  display: block;
123
  position: absolute;
124
  overflow:hidden;
125
  text-indent:-9999px;
126
- outline: none; }
 
 
 
127
 
128
  a.jp-play,
129
  a.jp-pause,
@@ -133,22 +141,24 @@ div.jp-interface { position: relative;
133
  top:65px;
134
  width:30px;
135
  height:30px;
136
- border: 0px solid #b2b2b2; }
 
 
137
 
138
  a.jp-play { left: 232px; width:29px; height:31px; background: url("images/buttons2.png") -110px 1px no-repeat; }
139
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; }
140
 
141
  a.jp-pause { left: 232px; width:29px; height:31px; background: url("images/buttons2.png") -2px 1px no-repeat; }
142
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; }
143
 
144
  a.jp-stop { left: 202px; width:28px; height:31px; background: url("images/buttons2.png") -80px 1px no-repeat; }
145
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; }
146
 
147
  a.jp-previous { left:149px; width:22px; top:64px; background: url("images/buttons2.png") -32px 0px no-repeat; }
148
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; }
149
 
150
  a.jp-next { left:171px; width:22px; top:64px; background: url("images/buttons2.png") -55px 0px no-repeat; }
151
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; }
152
 
153
 
154
  /* other buttons*/
@@ -190,13 +200,15 @@ div.jp-interface { position: relative;
190
  width: 100%;
191
  padding: 0px 5px 0px 5px;
192
  background: transparent;
193
- text-decoration: none; }
 
 
194
 
195
- /* #downloadmp3-button a:hover { color: #fff; } */
196
 
197
  #downloadmp3-button.betweenlinks a { color: #ececec; }
198
  #downloadmp3-button.whilelinks a { color: #fff; }
199
-
200
 
201
  /* sliders/bars */
202
  .ui-state-disabled { cursor: default !important; }
@@ -307,44 +319,54 @@ div.jp-interface { position: relative;
307
 
308
  div.jp-playlist { width: 279px; }
309
 
310
- div.jp-playlist ul{
311
  list-style-type:none;
312
- margin:-1px 0 0 1px;
313
- padding:2px 0px 3px 0px;
314
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
315
  border:0px solid #666;
316
  border-top:none; }
317
 
318
- div.jp-playlist-player div.jp-playlist li {
319
- padding:0px 0px 0px 2px;
320
- border-bottom:1px solid #ebebeb;
321
  font-family: 'verdana', 'Lucida Grande', 'arial';
322
  font-weight: 500;
323
  font-size: 11px;
324
  line-height: 18px;
325
  letter-spacing: 0px;
326
- word-spacing: 0px; }
 
 
 
327
 
328
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; }
329
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {}
330
 
331
 
332
- div.jp-playlist-player div.jp-playlist a {
333
  color: #444;
334
  text-decoration: none;
335
- display: block;
336
  width: 254px;
337
- padding: 5px 0px 4px 20px;
338
  white-space: nowrap;
339
- overflow: hidden; }
 
 
 
 
 
 
340
 
341
- div.jp-playlist-player div.jp-playlist a:hover {
342
  color:#00c0f0;
343
  background: #f7f7f7; }
344
 
345
- div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
346
  color:#77c0f0;
347
  background: #f4f4f4; }
348
 
349
 
350
  /* ______________________________________________________________________ */
 
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
+ width: auto;
17
+ background: transparent; }
18
 
19
 
20
  /* skin
21
  ----------------------------------------- */
22
  div.jp-innerwrap { position: relative;
23
+ width: 281px;
24
+ background: transparent; }
25
 
26
  #innerx { position: absolute;
27
+ width: 261px; /* IE6 */
28
  height: 103px;
29
  left: 10px;
30
  right: 10px;
33
 
34
  #innerleft { position: absolute;
35
  width: 10px;
36
+ height: 103px; /* IE6 */
37
  left: 0px;
38
  top: 0px;
39
  background: url('images/case2-l.png') no-repeat left top; }
40
 
41
  #innerright { position: absolute;
42
  width: 10px;
43
+ height: 103px; /* IE6 */
44
  right: 0px;
45
  top: 0px;
46
  background: url('images/case2-r.png') no-repeat left top; }
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,
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*/
200
  width: 100%;
201
  padding: 0px 5px 0px 5px;
202
  background: transparent;
203
+ text-decoration: none;
204
+ outline: none;
205
+ border-bottom: none; }
206
 
207
+ #downloadmp3-button a:hover { outline: none; border-bottom: none; color: #ececec; }
208
 
209
  #downloadmp3-button.betweenlinks a { color: #ececec; }
210
  #downloadmp3-button.whilelinks a { color: #fff; }
211
+ #downloadmp3-button.whilelinks a:hover { color: #fff; }
212
 
213
  /* sliders/bars */
214
  .ui-state-disabled { cursor: default !important; }
319
 
320
  div.jp-playlist { width: 279px; }
321
 
322
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist ul {
323
  list-style-type:none;
324
+ margin:-1px 0 0 1px !important;
325
+ padding:2px 0px 0px 0px !important;
326
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
327
  border:0px solid #666;
328
  border-top:none; }
329
 
330
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist li, #playlist-wrap div.jp-playlist li {
331
+ padding:0px 0px 0px 2px !important;
332
+ border-bottom:1px solid #ebebeb !important;
333
  font-family: 'verdana', 'Lucida Grande', 'arial';
334
  font-weight: 500;
335
  font-size: 11px;
336
  line-height: 18px;
337
  letter-spacing: 0px;
338
+ word-spacing: 0px;
339
+ margin: 0px;
340
+ background-image: none;
341
+ list-style-type:none !important; }
342
 
343
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; background-image: none; }
344
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current { background-image: none; }
345
 
346
 
347
+ div.jp-playlist-player div.jp-playlist a, #playlist-wrap div.jp-playlist a {
348
  color: #444;
349
  text-decoration: none;
350
+ display: block !important;
351
  width: 254px;
352
+ padding: 5px 0px 4px 20px !important;
353
  white-space: nowrap;
354
+ overflow: hidden !important;
355
+ outline: none;
356
+ margin: 0px !important;
357
+ font-family: 'verdana', 'Lucida Grande', 'arial';
358
+ font-weight: 500;
359
+ background-image: none;
360
+ border: 0px; }
361
 
362
+ div.jp-playlist-player div.jp-playlist a:hover, #playlist-wrap div.jp-playlist a:hover {
363
  color:#00c0f0;
364
  background: #f7f7f7; }
365
 
366
+ div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current, #playlist-wrap div.jp-playlist a.jplayer_playlist_current {
367
  color:#77c0f0;
368
  background: #f4f4f4; }
369
 
370
 
371
  /* ______________________________________________________________________ */
372
+
css/mp3jplayer-blu.css CHANGED
@@ -13,7 +13,8 @@ div.jp-playlist-player {
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
- width: auto; }
 
17
 
18
 
19
  /* skin
@@ -24,7 +25,7 @@ div.jp-innerwrap { position: relative;
24
  }
25
 
26
  #innerx { position: absolute;
27
- width: 263px; /* IE6 - need to specify widths/height */
28
  height: 96px;
29
  left: 9px;
30
  right: 9px;
@@ -33,14 +34,14 @@ div.jp-innerwrap { position: relative;
33
 
34
  #innerleft { position: absolute;
35
  width: 10px;
36
- height: 96px; /* IE6 - need to specify height */
37
  left: -1px;
38
  top: 0px;
39
  background: url('images/case2-l.png') no-repeat left bottom; }
40
 
41
  #innerright { position: absolute;
42
  width: 10px;
43
- height: 50px; /* IE6 - need to specify height */
44
  right: -1px;
45
  bottom: 0px;
46
  background: url('images/case2-r.png') no-repeat left bottom; }
@@ -49,8 +50,7 @@ div.jp-innerwrap { position: relative;
49
  width: 100px;
50
  height: 20px;
51
  right: 0px;
52
- top: 0px;
53
- background: url('images/case3-tabr.png') no-repeat right top; }
54
 
55
 
56
  /* interface
@@ -70,7 +70,7 @@ div.jp-interface { position: relative;
70
  left: 10px;
71
  width: auto;
72
  max-width: 262px;
73
- color: #fff; /* 01ace5 444 01ace5 */
74
  line-height: 14px;
75
  white-space: nowrap;
76
  overflow: hidden;
@@ -120,17 +120,23 @@ div.jp-interface { position: relative;
120
  div.jp-interface ul.jp-controls {
121
  list-style-type:none;
122
  padding:0;
123
- margin: 0px 0px 0px 16px; }
124
 
125
  div.jp-interface ul.jp-controls li {
126
- position: absolute; }
 
 
 
127
 
128
- div.jp-interface ul.jp-controls a {
129
  display: block;
130
  position: absolute;
131
  overflow:hidden;
132
  text-indent:-9999px;
133
- outline: none; }
 
 
 
134
 
135
  a.jp-play,
136
  a.jp-pause,
@@ -141,22 +147,23 @@ div.jp-interface { position: relative;
141
  width:28px;
142
  height:34px;
143
  border: 0px solid #b2b2b2;
144
- cursor: default; }
 
145
 
146
  a.jp-play { left: 233px; background: url("images/buttons2.png") -110px 1px no-repeat; }
147
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; }
148
 
149
  a.jp-pause { left: 233px; background: url("images/buttons2.png") -2px 1px no-repeat; }
150
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; }
151
 
152
  a.jp-stop { left: 203px; background: url("images/buttons2.png") -80px 1px no-repeat; }
153
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; }
154
 
155
  a.jp-previous { left:151px; width:22px; top:57px; background: url("images/buttons2.png") -32px 0px no-repeat; }
156
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; }
157
 
158
  a.jp-next { left:175px; width:22px; top:57px; background: url("images/buttons2.png") -55px 0px no-repeat; }
159
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; }
160
 
161
 
162
  /* other buttons*/
@@ -202,9 +209,10 @@ div.jp-interface { position: relative;
202
  width: 100%;
203
  padding: 0px 11px 0px 11px;
204
  background: transparent;
205
- text-decoration: none; }
 
206
 
207
- /* #downloadmp3-button a:hover { color: #fff; } */
208
 
209
  #downloadmp3-button.betweenlinks a { color: #d7d7d7; }
210
  #downloadmp3-button.whilelinks a { color: #f3f3f3; }
@@ -240,11 +248,11 @@ div.jp-interface { position: relative;
240
  height:2px;
241
  background: #778;
242
  border: 1px solid #aab;
243
- font-size: 1px; /* IE6 - sorts out div height */
244
  cursor: default;
245
  z-index: 150; }
246
 
247
- #sliderVolume .ui-widget-header { background: #ccc; /* 5d84dcb4a488 */ }
248
 
249
  #sliderVolume .ui-slider-handle {
250
  height: 11px;
@@ -275,7 +283,7 @@ div.jp-interface { position: relative;
275
  width:281px;
276
  height: 57px;
277
  background: #f0f0f0;
278
- font-size: 1px; /* IE6 - sorts out div height */
279
  cursor: default; }
280
 
281
  #sliderPlayback { position:absolute;
@@ -283,7 +291,7 @@ div.jp-interface { position: relative;
283
  left: 1px;
284
  top: 0px;
285
  background: transparent;
286
- font-size: 5px; /* IE6 - sorts out div height */
287
  border: 0px solid #888;
288
  border-bottom: 0px solid #888;
289
  border-left: 0px solid #888; }
@@ -320,7 +328,7 @@ div.jp-interface { position: relative;
320
  background: #c0c0c0; }
321
 
322
  .ui-progressbar .ui-progressbar-value {margin: 0px; height:100%;
323
- background: #90a0b7; /* 92abcd 8ca4c7 92abcd 819abd */
324
  }
325
 
326
  #bars_holder .ui-slider-horizontal { height: 55px; }
@@ -332,43 +340,53 @@ div.jp-interface { position: relative;
332
 
333
  div.jp-playlist { width: 279px; }
334
 
335
- div.jp-playlist ul{
 
336
  list-style-type:none;
337
- margin:-1px 0 0 1px;
338
- padding:2px 0px 3px 0px;
339
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
340
  border:0px solid #666;
341
  border-top:none; }
342
 
343
- div.jp-playlist-player div.jp-playlist li {
344
- padding:0px 0px 0px 2px;
345
- border-bottom:1px solid #ebebeb;
 
346
  font-family: 'verdana', 'Lucida Grande', 'arial';
347
  font-weight: 500;
348
  font-size: 11px;
349
  line-height: 18px;
350
  letter-spacing: 0px;
351
- word-spacing: 0px; }
352
-
353
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; }
354
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {}
355
 
 
 
356
 
357
- div.jp-playlist-player div.jp-playlist a {
 
358
  color: #444;
359
  text-decoration: none;
360
- display: block;
361
  width: 254px;
362
- padding: 5px 0px 4px 20px;
363
  white-space: nowrap;
364
- overflow: hidden;
365
- outline: none; }
 
 
 
 
 
366
 
367
- div.jp-playlist-player div.jp-playlist a:hover {
368
- color:#b4b4b4; /* 00c0f0 */
369
  background: #f7f7f7; }
370
 
371
- div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
372
  color:#b8a47e; /* 77c0f0 */
373
  background: #f4f4f4; }
374
 
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
+ width: auto;
17
+ background: transparent; }
18
 
19
 
20
  /* skin
25
  }
26
 
27
  #innerx { position: absolute;
28
+ width: 263px; /* IE6 */
29
  height: 96px;
30
  left: 9px;
31
  right: 9px;
34
 
35
  #innerleft { position: absolute;
36
  width: 10px;
37
+ height: 96px; /* IE6 */
38
  left: -1px;
39
  top: 0px;
40
  background: url('images/case2-l.png') no-repeat left bottom; }
41
 
42
  #innerright { position: absolute;
43
  width: 10px;
44
+ height: 50px; /* IE6 */
45
  right: -1px;
46
  bottom: 0px;
47
  background: url('images/case2-r.png') no-repeat left bottom; }
50
  width: 100px;
51
  height: 20px;
52
  right: 0px;
53
+ top: 0px; }
 
54
 
55
 
56
  /* interface
70
  left: 10px;
71
  width: auto;
72
  max-width: 262px;
73
+ color: #fff;
74
  line-height: 14px;
75
  white-space: nowrap;
76
  overflow: hidden;
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,
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: 233px; 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: 233px; 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:151px; width:22px; top:57px; 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:57px; 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*/
209
  width: 100%;
210
  padding: 0px 11px 0px 11px;
211
  background: transparent;
212
+ text-decoration: none;
213
+ border-bottom: none; }
214
 
215
+ #downloadmp3-button a:hover { outline: none; border-bottom: none; color: #ececec; }
216
 
217
  #downloadmp3-button.betweenlinks a { color: #d7d7d7; }
218
  #downloadmp3-button.whilelinks a { color: #f3f3f3; }
248
  height:2px;
249
  background: #778;
250
  border: 1px solid #aab;
251
+ font-size: 1px; /* IE6 */
252
  cursor: default;
253
  z-index: 150; }
254
 
255
+ #sliderVolume .ui-widget-header { background: #ccc; }
256
 
257
  #sliderVolume .ui-slider-handle {
258
  height: 11px;
283
  width:281px;
284
  height: 57px;
285
  background: #f0f0f0;
286
+ font-size: 1px; /* IE6 */
287
  cursor: default; }
288
 
289
  #sliderPlayback { position:absolute;
291
  left: 1px;
292
  top: 0px;
293
  background: transparent;
294
+ font-size: 5px; /* IE6 */
295
  border: 0px solid #888;
296
  border-bottom: 0px solid #888;
297
  border-left: 0px solid #888; }
328
  background: #c0c0c0; }
329
 
330
  .ui-progressbar .ui-progressbar-value {margin: 0px; height:100%;
331
+ background: #90a0b7;
332
  }
333
 
334
  #bars_holder .ui-slider-horizontal { height: 55px; }
340
 
341
  div.jp-playlist { width: 279px; }
342
 
343
+ /* #playlist-wrap div.jp-playlist ul{ */
344
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist ul{
345
  list-style-type:none;
346
+ margin:-1px 0 0 1px !important;
347
+ padding:2px 0px 0px 0px !important;
348
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
349
  border:0px solid #666;
350
  border-top:none; }
351
 
352
+ /* div.jp-playlist-player div.jp-playlist li, #playlist-wrap div.jp-playlist li { */
353
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist li, #playlist-wrap div.jp-playlist li {
354
+ padding:0px 0px 0px 2px !important;
355
+ border-bottom:1px solid #ebebeb !important;
356
  font-family: 'verdana', 'Lucida Grande', 'arial';
357
  font-weight: 500;
358
  font-size: 11px;
359
  line-height: 18px;
360
  letter-spacing: 0px;
361
+ word-spacing: 0px;
362
+ margin: 0px;
363
+ background-image: none;
364
+ list-style-type:none !important; }
365
 
366
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; background-image: none; }
367
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current { background-image: none; }
368
 
369
+
370
+ div.jp-playlist-player div.jp-playlist a, #playlist-wrap div.jp-playlist a {
371
  color: #444;
372
  text-decoration: none;
373
+ display: block !important;
374
  width: 254px;
375
+ padding: 5px 0px 4px 20px !important;
376
  white-space: nowrap;
377
+ overflow: hidden !important;
378
+ outline: none;
379
+ margin: 0px !important;
380
+ font-family: 'verdana', 'Lucida Grande', 'arial';
381
+ font-weight: 500;
382
+ background-image: none;
383
+ border: 0px; }
384
 
385
+ div.jp-playlist-player div.jp-playlist a:hover, #playlist-wrap div.jp-playlist a:hover {
386
+ color:#808080; /* b4b4b4 c7b67f d1b37c 00c0f0 */
387
  background: #f7f7f7; }
388
 
389
+ div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current, #playlist-wrap div.jp-playlist a.jplayer_playlist_current {
390
  color:#b8a47e; /* 77c0f0 */
391
  background: #f4f4f4; }
392
 
css/mp3jplayer-green.css CHANGED
@@ -13,18 +13,18 @@ div.jp-playlist-player {
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
- width: auto; }
 
17
 
18
 
19
  /* skin
20
  ----------------------------------------- */
21
  div.jp-innerwrap { position: relative;
22
  width: 281px;
23
- background: transparent;
24
- }
25
 
26
  #innerx { position: absolute;
27
- width: 263px; /* IE6 - need to specify widths/height */
28
  height: 96px;
29
  left: 9px;
30
  right: 9px;
@@ -33,14 +33,14 @@ div.jp-innerwrap { position: relative;
33
 
34
  #innerleft { position: absolute;
35
  width: 10px;
36
- height: 96px; /* IE6 - need to specify height */
37
  left: -1px;
38
  top: 0px;
39
  background: url('images/case2-l.png') no-repeat left bottom; }
40
 
41
  #innerright { position: absolute;
42
  width: 10px;
43
- height: 50px; /* IE6 - need to specify height */
44
  right: -1px;
45
  bottom: 0px;
46
  background: url('images/case2-r.png') no-repeat left bottom; }
@@ -49,8 +49,7 @@ div.jp-innerwrap { position: relative;
49
  width: 100px;
50
  height: 20px;
51
  right: 0px;
52
- top: 0px;
53
- background: url('images/case3-tabr.png') no-repeat right top; }
54
 
55
 
56
  /* interface
@@ -117,17 +116,23 @@ div.jp-interface { position: relative;
117
  div.jp-interface ul.jp-controls {
118
  list-style-type:none;
119
  padding:0;
120
- margin: 0px 0px 0px 16px; }
121
 
122
  div.jp-interface ul.jp-controls li {
123
- position: absolute; }
 
 
 
124
 
125
- div.jp-interface ul.jp-controls a {
126
  display: block;
127
  position: absolute;
128
  overflow:hidden;
129
  text-indent:-9999px;
130
- outline: none; }
 
 
 
131
 
132
  a.jp-play,
133
  a.jp-pause,
@@ -138,22 +143,23 @@ div.jp-interface { position: relative;
138
  width:28px;
139
  height:34px;
140
  border: 0px solid #b2b2b2;
141
- cursor: default; }
 
142
 
143
  a.jp-play { left: 233px; background: url("images/buttons2.png") -110px 1px no-repeat; }
144
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; }
145
 
146
  a.jp-pause { left: 233px; background: url("images/buttons2.png") -2px 1px no-repeat; }
147
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; }
148
 
149
  a.jp-stop { left: 203px; background: url("images/buttons2.png") -80px 1px no-repeat; }
150
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; }
151
 
152
  a.jp-previous { left:151px; width:22px; top:57px; background: url("images/buttons2.png") -32px 0px no-repeat; }
153
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; }
154
 
155
  a.jp-next { left:175px; width:22px; top:57px; background: url("images/buttons2.png") -55px 0px no-repeat; }
156
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; }
157
 
158
 
159
  /* other buttons*/
@@ -199,9 +205,10 @@ div.jp-interface { position: relative;
199
  width: 100%;
200
  padding: 0px 11px 0px 11px;
201
  background: transparent;
202
- text-decoration: none; }
 
203
 
204
- /* #downloadmp3-button a:hover { color: #fff; } */
205
 
206
  #downloadmp3-button.betweenlinks a { color: #d7d7d7; }
207
  #downloadmp3-button.whilelinks a { color: #f3f3f3; }
@@ -228,7 +235,8 @@ div.jp-interface { position: relative;
228
  border-right: 0px;
229
  background: #a9cfac url('images/green-bar2.gif') repeat-y right top;
230
  color: #888;
231
- font-weight: bold; }
 
232
 
233
  #sliderVolume { position:absolute;
234
  top:0px;
@@ -237,7 +245,7 @@ div.jp-interface { position: relative;
237
  height:2px;
238
  background: #777;
239
  border: 1px solid #aaa;
240
- font-size: 1px; /* IE6 - sorts out div height ignorance */
241
  cursor: default;
242
  z-index: 150; }
243
 
@@ -272,7 +280,7 @@ div.jp-interface { position: relative;
272
  width:281px;
273
  height: 57px;
274
  background: #f0f0f0;
275
- font-size: 1px; /* IE6 - sorts out div height ignorance */
276
  cursor: default; }
277
 
278
  #sliderPlayback { position:absolute;
@@ -280,7 +288,7 @@ div.jp-interface { position: relative;
280
  left: 1px;
281
  top: 0px;
282
  background: transparent;
283
- font-size: 5px; /* IE6 - sorts out div height ignorance */
284
  border: 0px solid #888;
285
  border-bottom: 0px solid #888;
286
  border-left: 0px solid #888; }
@@ -329,43 +337,53 @@ div.jp-interface { position: relative;
329
 
330
  div.jp-playlist { width: 279px; }
331
 
332
- div.jp-playlist ul{
 
333
  list-style-type:none;
334
- margin:-1px 0 0 1px;
335
- padding:2px 0px 3px 0px;
336
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
337
  border:0px solid #666;
338
  border-top:none; }
339
 
340
- div.jp-playlist-player div.jp-playlist li {
341
- padding:0px 0px 0px 2px;
342
- border-bottom:1px solid #ebebeb;
 
343
  font-family: 'verdana', 'Lucida Grande', 'arial';
344
  font-weight: 500;
345
  font-size: 11px;
346
  line-height: 18px;
347
  letter-spacing: 0px;
348
- word-spacing: 0px; }
349
-
350
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; }
351
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {}
352
 
 
 
353
 
354
- div.jp-playlist-player div.jp-playlist a {
 
355
  color: #444;
356
  text-decoration: none;
357
- display: block;
358
  width: 254px;
359
- padding: 5px 0px 4px 20px;
360
  white-space: nowrap;
361
- overflow: hidden;
362
- outline: none; }
 
 
 
 
 
363
 
364
- div.jp-playlist-player div.jp-playlist a:hover {
365
- color:#b4b4b4; /* c7b67f d1b37c 00c0f0 */
366
  background: #f7f7f7; }
367
 
368
- div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
369
  color:#b8a47e; /* 77c0f0 */
370
  background: #f4f4f4; }
371
 
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
+ width: auto;
17
+ background: transparent; }
18
 
19
 
20
  /* skin
21
  ----------------------------------------- */
22
  div.jp-innerwrap { position: relative;
23
  width: 281px;
24
+ background: transparent; }
 
25
 
26
  #innerx { position: absolute;
27
+ width: 263px; /* IE6 */
28
  height: 96px;
29
  left: 9px;
30
  right: 9px;
33
 
34
  #innerleft { position: absolute;
35
  width: 10px;
36
+ height: 96px; /* IE6 */
37
  left: -1px;
38
  top: 0px;
39
  background: url('images/case2-l.png') no-repeat left bottom; }
40
 
41
  #innerright { position: absolute;
42
  width: 10px;
43
+ height: 50px; /* IE6 */
44
  right: -1px;
45
  bottom: 0px;
46
  background: url('images/case2-r.png') no-repeat left bottom; }
49
  width: 100px;
50
  height: 20px;
51
  right: 0px;
52
+ top: 0px; }
 
53
 
54
 
55
  /* interface
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,
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: 233px; 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: 233px; 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:151px; width:22px; top:57px; 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:57px; 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*/
205
  width: 100%;
206
  padding: 0px 11px 0px 11px;
207
  background: transparent;
208
+ text-decoration: none;
209
+ border-bottom: none; }
210
 
211
+ #downloadmp3-button a:hover { outline: none; border-bottom: none; color: #ececec; }
212
 
213
  #downloadmp3-button.betweenlinks a { color: #d7d7d7; }
214
  #downloadmp3-button.whilelinks a { color: #f3f3f3; }
235
  border-right: 0px;
236
  background: #a9cfac url('images/green-bar2.gif') repeat-y right top;
237
  color: #888;
238
+ font-weight: bold;
239
+ }
240
 
241
  #sliderVolume { position:absolute;
242
  top:0px;
245
  height:2px;
246
  background: #777;
247
  border: 1px solid #aaa;
248
+ font-size: 1px; /* IE6 */
249
  cursor: default;
250
  z-index: 150; }
251
 
280
  width:281px;
281
  height: 57px;
282
  background: #f0f0f0;
283
+ font-size: 1px; /* IE6 */
284
  cursor: default; }
285
 
286
  #sliderPlayback { position:absolute;
288
  left: 1px;
289
  top: 0px;
290
  background: transparent;
291
+ font-size: 5px; /* IE6 */
292
  border: 0px solid #888;
293
  border-bottom: 0px solid #888;
294
  border-left: 0px solid #888; }
337
 
338
  div.jp-playlist { width: 279px; }
339
 
340
+ /* #playlist-wrap div.jp-playlist ul{ */
341
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist ul {
342
  list-style-type:none;
343
+ margin:-1px 0 0 1px !important;
344
+ padding:2px 0px 0px 0px !important;
345
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
346
  border:0px solid #666;
347
  border-top:none; }
348
 
349
+ /* div.jp-playlist-player div.jp-playlist li, #playlist-wrap div.jp-playlist li { */
350
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist li, #playlist-wrap div.jp-playlist li {
351
+ padding:0px 0px 0px 2px !important;
352
+ border-bottom:1px solid #ebebeb !important;
353
  font-family: 'verdana', 'Lucida Grande', 'arial';
354
  font-weight: 500;
355
  font-size: 11px;
356
  line-height: 18px;
357
  letter-spacing: 0px;
358
+ word-spacing: 0px;
359
+ margin: 0px;
360
+ background-image: none;
361
+ list-style-type:none !important; }
362
 
363
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; background-image: none; }
364
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current { background-image: none; }
365
 
366
+
367
+ div.jp-playlist-player div.jp-playlist a, #playlist-wrap div.jp-playlist a {
368
  color: #444;
369
  text-decoration: none;
370
+ display: block !important;
371
  width: 254px;
372
+ padding: 5px 0px 4px 20px !important;
373
  white-space: nowrap;
374
+ overflow: hidden !important;
375
+ outline: none;
376
+ margin: 0px !important;
377
+ font-family: 'verdana', 'Lucida Grande', 'arial';
378
+ font-weight: 500;
379
+ background-image: none;
380
+ border: 0px; }
381
 
382
+ div.jp-playlist-player div.jp-playlist a:hover, #playlist-wrap div.jp-playlist a:hover {
383
+ color:#808080; /* b4b4b4 c7b67f d1b37c 00c0f0 */
384
  background: #f7f7f7; }
385
 
386
+ div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current, #playlist-wrap div.jp-playlist a.jplayer_playlist_current {
387
  color:#b8a47e; /* 77c0f0 */
388
  background: #f4f4f4; }
389
 
css/mp3jplayer-grey.css CHANGED
@@ -13,7 +13,8 @@ div.jp-playlist-player {
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
- width: auto; }
 
17
 
18
 
19
  /* skin
@@ -24,7 +25,7 @@ div.jp-innerwrap { position: relative;
24
  }
25
 
26
  #innerx { position: absolute;
27
- width: 263px; /* IE6 - need to specify widths/height */
28
  height: 96px;
29
  left: 9px;
30
  right: 9px;
@@ -33,14 +34,14 @@ div.jp-innerwrap { position: relative;
33
 
34
  #innerleft { position: absolute;
35
  width: 10px;
36
- height: 96px; /* IE6 - need to specify height */
37
  left: -1px;
38
  top: 0px;
39
  background: url('images/case2-l.png') no-repeat left bottom; }
40
 
41
  #innerright { position: absolute;
42
  width: 10px;
43
- height: 50px; /* IE6 - need to specify height */
44
  right: -1px;
45
  bottom: 0px;
46
  background: url('images/case2-r.png') no-repeat left bottom; }
@@ -49,8 +50,7 @@ div.jp-innerwrap { position: relative;
49
  width: 100px;
50
  height: 20px;
51
  right: 0px;
52
- top: 0px;
53
- background: url('images/case3-tabr.png') no-repeat right top; }
54
 
55
 
56
  /* interface
@@ -70,7 +70,7 @@ div.jp-interface { position: relative;
70
  left: 10px;
71
  width: auto;
72
  max-width: 262px;
73
- color: #fff; /* 01ace5 444 01ace5 */
74
  line-height: 14px;
75
  white-space: nowrap;
76
  overflow: hidden;
@@ -119,17 +119,23 @@ div.jp-interface { position: relative;
119
  div.jp-interface ul.jp-controls {
120
  list-style-type:none;
121
  padding:0;
122
- margin: 0px 0px 0px 16px; }
123
 
124
  div.jp-interface ul.jp-controls li {
125
- position: absolute; }
 
 
 
126
 
127
- div.jp-interface ul.jp-controls a {
128
  display: block;
129
  position: absolute;
130
  overflow:hidden;
131
  text-indent:-9999px;
132
- outline: none; }
 
 
 
133
 
134
  a.jp-play,
135
  a.jp-pause,
@@ -140,22 +146,23 @@ div.jp-interface { position: relative;
140
  width:28px;
141
  height:34px;
142
  border: 0px solid #b2b2b2;
143
- cursor: default; }
 
144
 
145
  a.jp-play { left: 233px; background: url("images/buttons2.png") -110px 1px no-repeat; }
146
- a.jp-play:hover { background: url("images/buttons2H.png") -110px 1px no-repeat; }
147
 
148
  a.jp-pause { left: 233px; background: url("images/buttons2.png") -2px 1px no-repeat; }
149
- a.jp-pause:hover { background: url("images/buttons2H.png") -2px 1px no-repeat; }
150
 
151
  a.jp-stop { left: 203px; background: url("images/buttons2.png") -80px 1px no-repeat; }
152
- a.jp-stop:hover { background: url("images/buttons2H.png") -80px 1px no-repeat; }
153
 
154
  a.jp-previous { left:151px; width:22px; top:57px; background: url("images/buttons2.png") -32px 0px no-repeat; }
155
- a.jp-previous:hover { background: url("images/buttons2H.png") -32px 0px no-repeat; }
156
 
157
  a.jp-next { left:175px; width:22px; top:57px; background: url("images/buttons2.png") -55px 0px no-repeat; }
158
- a.jp-next:hover { background: url("images/buttons2H.png") -55px 0px no-repeat; }
159
 
160
 
161
  /* other buttons*/
@@ -187,7 +194,8 @@ div.jp-interface { position: relative;
187
  -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px;
188
  -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;
189
  overflow: hidden;
190
- z-index: 150; }
 
191
 
192
  /* #downloadmp3-button:hover { background-color: #49bbff; } */
193
 
@@ -201,9 +209,10 @@ div.jp-interface { position: relative;
201
  width: 100%;
202
  padding: 0px 11px 0px 11px;
203
  background: transparent;
204
- text-decoration: none; }
 
205
 
206
- /* #downloadmp3-button a:hover { color: #fff; } */
207
 
208
  #downloadmp3-button.betweenlinks a { color: #d7d7d7; }
209
  #downloadmp3-button.whilelinks a { color: #f3f3f3; }
@@ -239,7 +248,7 @@ div.jp-interface { position: relative;
239
  height:2px;
240
  background: #777;
241
  border: 1px solid #bbb;
242
- font-size: 1px; /* IE6 - sorts out div height ignorance */
243
  cursor: default;
244
  z-index: 150; }
245
 
@@ -274,7 +283,7 @@ div.jp-interface { position: relative;
274
  width:281px;
275
  height: 57px;
276
  background: #f0f0f0;
277
- font-size: 1px; /* IE6 - sorts out div height ignorance */
278
  cursor: default; }
279
 
280
  #sliderPlayback { position:absolute;
@@ -282,7 +291,7 @@ div.jp-interface { position: relative;
282
  left: 1px;
283
  top: 0px;
284
  background: transparent;
285
- font-size: 5px; /* IE6 - sorts out div height ignorance */
286
  border: 0px solid #888;
287
  border-bottom: 0px solid #888;
288
  border-left: 0px solid #888; }
@@ -319,7 +328,7 @@ div.jp-interface { position: relative;
319
  background: #c7c7c7; }
320
 
321
  .ui-progressbar .ui-progressbar-value {margin: 0px; height:100%;
322
- background: #bababa; /* 94c098 8dc392 83b387 b5cfb7 */
323
  }
324
 
325
  #bars_holder .ui-slider-horizontal { height: 55px; }
@@ -331,44 +340,54 @@ div.jp-interface { position: relative;
331
 
332
  div.jp-playlist { width: 279px; }
333
 
334
- div.jp-playlist ul{
 
335
  list-style-type:none;
336
- margin:-1px 0 0 1px;
337
- padding:2px 0px 3px 0px;
338
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
339
  border:0px solid #666;
340
  border-top:none; }
341
 
342
- div.jp-playlist-player div.jp-playlist li {
343
- padding:0px 0px 0px 2px;
344
- border-bottom:1px solid #ebebeb;
 
345
  font-family: 'verdana', 'Lucida Grande', 'arial';
346
  font-weight: 500;
347
  font-size: 11px;
348
  line-height: 18px;
349
  letter-spacing: 0px;
350
- word-spacing: 0px; }
 
 
 
351
 
352
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; }
353
- div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {}
354
 
355
-
356
- div.jp-playlist-player div.jp-playlist a {
357
  color: #444;
358
  text-decoration: none;
359
- display: block;
360
  width: 254px;
361
- padding: 5px 0px 4px 20px;
362
  white-space: nowrap;
363
- overflow: hidden;
364
- outline: none; }
 
 
 
 
 
365
 
366
- div.jp-playlist-player div.jp-playlist a:hover {
367
- color:#b4b4b4; /* d1b37c 00c0f0 */
368
  background: #f7f7f7; }
369
 
370
- div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
371
- color:#b8a47e; /* 77c0f0 */
372
  background: #f4f4f4; }
373
 
374
 
13
  margin: 0px;
14
  font-family: Verdana, Arial, sans-serif;
15
  color: #666;
16
+ width: auto;
17
+ background: transparent; }
18
 
19
 
20
  /* skin
25
  }
26
 
27
  #innerx { position: absolute;
28
+ width: 263px; /* IE6 */
29
  height: 96px;
30
  left: 9px;
31
  right: 9px;
34
 
35
  #innerleft { position: absolute;
36
  width: 10px;
37
+ height: 96px; /* IE6 */
38
  left: -1px;
39
  top: 0px;
40
  background: url('images/case2-l.png') no-repeat left bottom; }
41
 
42
  #innerright { position: absolute;
43
  width: 10px;
44
+ height: 50px; /* IE6 */
45
  right: -1px;
46
  bottom: 0px;
47
  background: url('images/case2-r.png') no-repeat left bottom; }
50
  width: 100px;
51
  height: 20px;
52
  right: 0px;
53
+ top: 0px; }
 
54
 
55
 
56
  /* interface
70
  left: 10px;
71
  width: auto;
72
  max-width: 262px;
73
+ color: #fff;
74
  line-height: 14px;
75
  white-space: nowrap;
76
  overflow: hidden;
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,
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: 233px; 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: 233px; 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:151px; width:22px; top:57px; 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:57px; 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*/
194
  -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px;
195
  -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;
196
  overflow: hidden;
197
+ z-index: 150;
198
+ }
199
 
200
  /* #downloadmp3-button:hover { background-color: #49bbff; } */
201
 
209
  width: 100%;
210
  padding: 0px 11px 0px 11px;
211
  background: transparent;
212
+ text-decoration: none;
213
+ border-bottom: none; }
214
 
215
+ #downloadmp3-button a:hover { outline: none; border-bottom: none; color: #ececec; }
216
 
217
  #downloadmp3-button.betweenlinks a { color: #d7d7d7; }
218
  #downloadmp3-button.whilelinks a { color: #f3f3f3; }
248
  height:2px;
249
  background: #777;
250
  border: 1px solid #bbb;
251
+ font-size: 1px; /* IE6 */
252
  cursor: default;
253
  z-index: 150; }
254
 
283
  width:281px;
284
  height: 57px;
285
  background: #f0f0f0;
286
+ font-size: 1px; /* IE6 */
287
  cursor: default; }
288
 
289
  #sliderPlayback { position:absolute;
291
  left: 1px;
292
  top: 0px;
293
  background: transparent;
294
+ font-size: 5px; /* IE6 */
295
  border: 0px solid #888;
296
  border-bottom: 0px solid #888;
297
  border-left: 0px solid #888; }
328
  background: #c7c7c7; }
329
 
330
  .ui-progressbar .ui-progressbar-value {margin: 0px; height:100%;
331
+ background: #bababa;
332
  }
333
 
334
  #bars_holder .ui-slider-horizontal { height: 55px; }
340
 
341
  div.jp-playlist { width: 279px; }
342
 
343
+ /* #playlist-wrap div.jp-playlist ul{ */
344
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist ul{
345
  list-style-type:none;
346
+ margin:-1px 0 0 1px !important;
347
+ padding:2px 0px 0px 0px !important;
348
  background: #f1f1f1 url('images/list-x.gif') repeat-x left -60px;
349
  border:0px solid #666;
350
  border-top:none; }
351
 
352
+ /* div.jp-playlist-player div.jp-playlist li, #playlist-wrap div.jp-playlist li { */
353
+ div.jp-playlist-player div#jplayer_playlist.jp-playlist li, #playlist-wrap div.jp-playlist li {
354
+ padding:0px 0px 0px 2px !important;
355
+ border-bottom:1px solid #ebebeb !important;
356
  font-family: 'verdana', 'Lucida Grande', 'arial';
357
  font-weight: 500;
358
  font-size: 11px;
359
  line-height: 18px;
360
  letter-spacing: 0px;
361
+ word-spacing: 0px;
362
+ margin: 0px;
363
+ background-image: none;
364
+ list-style-type:none !important; }
365
 
366
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last { border-bottom:none; background-image: none; }
367
+ div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current { background-image: none; }
368
 
369
+
370
+ div.jp-playlist-player div.jp-playlist a, #playlist-wrap div.jp-playlist a {
371
  color: #444;
372
  text-decoration: none;
373
+ display: block !important;
374
  width: 254px;
375
+ padding: 5px 0px 4px 20px !important;
376
  white-space: nowrap;
377
+ overflow: hidden !important;
378
+ outline: none;
379
+ margin: 0px !important;
380
+ font-family: 'verdana', 'Lucida Grande', 'arial';
381
+ font-weight: 500;
382
+ background-image: none;
383
+ border: 0px; }
384
 
385
+ div.jp-playlist-player div.jp-playlist a:hover, #playlist-wrap div.jp-playlist a:hover {
386
+ color:#808080;
387
  background: #f7f7f7; }
388
 
389
+ div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current, #playlist-wrap div.jp-playlist a.jplayer_playlist_current {
390
+ color:#b8a47e;
391
  background: #f4f4f4; }
392
 
393
 
js/mp3-jplayer.js CHANGED
@@ -1,5 +1,5 @@
1
  <!--
2
- // MP3-jPlayer 1.3.2
3
  // www.sjward.org
4
 
5
  var foxcurrentstate = "open";
1
  <!--
2
+ // MP3-jPlayer 1.3.3
3
  // www.sjward.org
4
 
5
  var foxcurrentstate = "open";
mp3jplayer.php CHANGED
@@ -1,9 +1,9 @@
1
  <?php
2
- /* CURRENT
3
  Plugin Name: MP3-jPlayer
4
  Plugin URI: http://sjward.org/jplayer-for-wordpress
5
  Description: Adds an mp3 player with a playlist to any Wordpress pages and posts that you have assigned mp3's to.
6
- Version: 1.3.2
7
  Author: Simon Ward
8
  Author URI: http://www.sjward.org
9
  License: GPL2
1
  <?php
2
+ /*
3
  Plugin Name: MP3-jPlayer
4
  Plugin URI: http://sjward.org/jplayer-for-wordpress
5
  Description: Adds an mp3 player with a playlist to any Wordpress pages and posts that you have assigned mp3's to.
6
+ Version: 1.3.3
7
  Author: Simon Ward
8
  Author URI: http://www.sjward.org
9
  License: GPL2
readme.txt CHANGED
@@ -2,10 +2,10 @@
2
  Author URI: http://www.sjward.org
3
  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, css
6
  Requires at least: 2.8
7
  Tested up to: 3.0.1
8
- Stable tag: 1.3.2
9
 
10
  Auto adds an mp3 audio player to pages/posts that you make a playlist on.
11
 
@@ -13,17 +13,20 @@ Auto adds an mp3 audio player to pages/posts that you make a playlist on.
13
 
14
  == Description ==
15
 
16
- This version adds shortcode support
 
17
 
18
  features:
19
- - Easy playing of mp3's from your media library, a default folder, another domain
20
- - Use custom fields to make ordered playlists
21
  - Add titles and captions, use or overide media library titles and captions
 
 
22
  - No setup
23
  - Simple admin panel
24
- - Uses jPlayer
25
 
26
- The player has a loader bar and position/vol sliders, status info, hideable playlist, and optional download mp3 button.
27
 
28
  [See a Demo here](http://sjward.org/jplayer-for-wordpress)
29
 
@@ -102,6 +105,10 @@ To Install manually:
102
 
103
 
104
  == Changelog ==
 
 
 
 
105
  = 1.3.2 =
106
  * Added the shortcode [mp3-jplayer] and attributes: pos (left, right, none), dload (true, false) which over-ride the admin-panel position and download settings on that post/page. Eg. [mp3-jplayer pos="right" dload="true"]
107
  * Tweaked transport button graphic a wee bit.
2
  Author URI: http://www.sjward.org
3
  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, css, post, page
6
  Requires at least: 2.8
7
  Tested up to: 3.0.1
8
+ Stable tag: 1.3.3
9
 
10
  Auto adds an mp3 audio player to pages/posts that you make a playlist on.
11
 
13
 
14
  == Description ==
15
 
16
+ This version fixes the mis-aligned playlist/buttons on the player that occurred in some wordpress themes.
17
+
18
 
19
  features:
20
+ - Easy playing of mp3's from your Media Library, a default folder, another domain
21
+ - Make ordered playlists using custom fields
22
  - Add titles and captions, use or overide media library titles and captions
23
+ - Set a playlist for download
24
+ - Optional shortcode
25
  - No setup
26
  - Simple admin panel
27
+ - Integrates jPlayer
28
 
29
+ The player has a loader bar and position/vol sliders, status info, and hideable playlist. There's also an option to add the player to the post index's most recent post with a playlist.
30
 
31
  [See a Demo here](http://sjward.org/jplayer-for-wordpress)
32
 
105
 
106
 
107
  == Changelog ==
108
+
109
+ = 1.3.3 =
110
+ * Fixed the CSS that caused player to display poorly in some themes.
111
+
112
  = 1.3.2 =
113
  * Added the shortcode [mp3-jplayer] and attributes: pos (left, right, none), dload (true, false) which over-ride the admin-panel position and download settings on that post/page. Eg. [mp3-jplayer pos="right" dload="true"]
114
  * Tweaked transport button graphic a wee bit.