mix-rails-core 0.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. data/MIT-LICENSE +20 -0
  2. data/README.rdoc +3 -0
  3. data/Rakefile +27 -0
  4. data/app/assets/images/colorbox/border.png +0 -0
  5. data/app/assets/images/colorbox/controls.png +0 -0
  6. data/app/assets/images/colorbox/ie6/borderBottomCenter.png +0 -0
  7. data/app/assets/images/colorbox/ie6/borderBottomLeft.png +0 -0
  8. data/app/assets/images/colorbox/ie6/borderBottomRight.png +0 -0
  9. data/app/assets/images/colorbox/ie6/borderMiddleLeft.png +0 -0
  10. data/app/assets/images/colorbox/ie6/borderMiddleRight.png +0 -0
  11. data/app/assets/images/colorbox/ie6/borderTopCenter.png +0 -0
  12. data/app/assets/images/colorbox/ie6/borderTopLeft.png +0 -0
  13. data/app/assets/images/colorbox/ie6/borderTopRight.png +0 -0
  14. data/app/assets/images/colorbox/loading.gif +0 -0
  15. data/app/assets/images/colorbox/loading_background.png +0 -0
  16. data/app/assets/images/colorbox/overlay.png +0 -0
  17. data/app/assets/images/jplayer/jplayer.pink.flag.jpg +0 -0
  18. data/app/assets/javascripts/colorbox.js +3 -0
  19. data/app/assets/javascripts/colorbox/jquery.colorbox-min.js +6 -0
  20. data/app/assets/javascripts/jplayer.js +3 -0
  21. data/app/assets/javascripts/jquery.jplayer/Jplayer.swf +0 -0
  22. data/app/assets/javascripts/jquery.jplayer/add-on/jplayer.playlist.min.js +30 -0
  23. data/app/assets/javascripts/jquery.jplayer/add-on/jquery.jplayer.inspector.js +331 -0
  24. data/app/assets/javascripts/jquery.jplayer/extras/jquery-1.8.2-ajax-deprecated.min.js +2 -0
  25. data/app/assets/javascripts/jquery.jplayer/extras/jquery.jplayer.combo.min.js +100 -0
  26. data/app/assets/javascripts/jquery.jplayer/extras/jquery.jplayer.playlist.combo.min.js +131 -0
  27. data/app/assets/javascripts/jquery.jplayer/extras/readme.txt +31 -0
  28. data/app/assets/javascripts/jquery.jplayer/jquery.jplayer.min.js +97 -0
  29. data/app/assets/javascripts/jquery.jplayer/popcorn/popcorn.jplayer.js +559 -0
  30. data/app/assets/javascripts/jquery/jquery.livequery.js +226 -0
  31. data/app/assets/javascripts/jquery/jquery.maskedinput-1.3.min.js +7 -0
  32. data/app/assets/javascripts/underscore.js +1221 -0
  33. data/app/assets/stylesheets/colorbox.css +3 -0
  34. data/app/assets/stylesheets/colorbox/colorbox.css.erb +86 -0
  35. data/app/assets/stylesheets/jplayer/jplayer.pink.flag.css +650 -0
  36. data/app/controllers/gridfs_controller.rb +34 -0
  37. data/app/controllers/mix_controller.rb +10 -0
  38. data/app/helpers/core_helper.rb +15 -0
  39. data/app/models/youtube_validator.rb +9 -0
  40. data/app/views/application/_title.html.haml +1 -0
  41. data/config/locales/core.pt-BR.yml +49 -0
  42. data/config/routes.rb +3 -0
  43. data/lib/mix-rails-core.rb +38 -0
  44. data/lib/mix-rails-core/concerns/engine.rb +16 -0
  45. data/lib/mix-rails-core/engine.rb +9 -0
  46. data/lib/mix-rails-core/railtie.rb +10 -0
  47. data/lib/mix-rails-core/version.rb +10 -0
  48. data/lib/tasks/mix-rails_tasks.rake +4 -0
  49. metadata +515 -0
@@ -0,0 +1,3 @@
1
+ /*
2
+ *= require_tree ./colorbox
3
+ */
@@ -0,0 +1,86 @@
1
+ /*
2
+ ColorBox Core Style:
3
+ The following CSS is consistent between example themes and should not be altered.
4
+ */
5
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
6
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
7
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
8
+ #cboxContent{position:relative;}
9
+ #cboxLoadedContent{overflow:auto;}
10
+ #cboxTitle{margin:0;}
11
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
12
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
13
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
14
+ .cboxIframe{width:100%; height:100%; display:block; border:0;}
15
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
16
+
17
+ /*
18
+ User Style:
19
+ Change the following styles to modify the appearance of ColorBox. They are
20
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
21
+ */
22
+ #cboxOverlay{background:url(<%= image_path("colorbox/overlay.png")) repeat 0 0;}
23
+ #colorbox{}
24
+ #cboxTopLeft{width:21px; height:21px; background:url(<%= image_path("colorbox/controls.png")) no-repeat -101px 0;}
25
+ #cboxTopRight{width:21px; height:21px; background:url(<%= image_path("colorbox/controls.png")) no-repeat -130px 0;}
26
+ #cboxBottomLeft{width:21px; height:21px; background:url(<%= image_path("colorbox/controls.png")) no-repeat -101px -29px;}
27
+ #cboxBottomRight{width:21px; height:21px; background:url(<%= image_path("colorbox/controls.png")) no-repeat -130px -29px;}
28
+ #cboxMiddleLeft{width:21px; background:url(<%= image_path("colorbox/controls.png")) left top repeat-y;}
29
+ #cboxMiddleRight{width:21px; background:url(<%= image_path("colorbox/controls.png")) right top repeat-y;}
30
+ #cboxTopCenter{height:21px; background:url(<%= image_path("colorbox/border.png")) 0 0 repeat-x;}
31
+ #cboxBottomCenter{height:21px; background:url(<%= image_path("colorbox/border.png")) 0 -29px repeat-x;}
32
+ #cboxContent{background:#fff; overflow:hidden;}
33
+ .cboxIframe{background:#fff;}
34
+ #cboxError{padding:50px; border:1px solid #ccc;}
35
+ #cboxLoadedContent{margin-bottom:28px;}
36
+ #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
37
+ #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
38
+ #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
39
+ #cboxPrevious{position:absolute; bottom:0; left:0; background:url(<%= image_path("colorbox/controls.png")) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
40
+ #cboxPrevious:hover{background-position:-75px -25px;}
41
+ #cboxNext{position:absolute; bottom:0; left:27px; background:url(<%= image_path("colorbox/controls.png")) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
42
+ #cboxNext:hover{background-position:-50px -25px;}
43
+ #cboxLoadingOverlay{background:url(<%= image_path("colorbox/loading_background.png")) no-repeat center center;}
44
+ #cboxLoadingGraphic{background:url(<%= image_path("colorbox/loading.gif) no-repeat center center;}
45
+ #cboxClose{position:absolute; bottom:0; right:0; background:url(<%= image_path("colorbox/controls.png")) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
46
+ #cboxClose:hover{background-position:-25px -25px;}
47
+
48
+ /*
49
+ The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
50
+ when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
51
+ See: http://jacklmoore.com/notes/ie-transparency-problems/
52
+ */
53
+ .cboxIE #cboxTopLeft,
54
+ .cboxIE #cboxTopCenter,
55
+ .cboxIE #cboxTopRight,
56
+ .cboxIE #cboxBottomLeft,
57
+ .cboxIE #cboxBottomCenter,
58
+ .cboxIE #cboxBottomRight,
59
+ .cboxIE #cboxMiddleLeft,
60
+ .cboxIE #cboxMiddleRight {
61
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
62
+ }
63
+
64
+ /*
65
+ The following provides PNG transparency support for IE6
66
+ Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
67
+ */
68
+ .cboxIE6 #cboxTopLeft{background:url(<%= image_path("colorbox/ie6/borderTopLeft.png"));}
69
+ .cboxIE6 #cboxTopCenter{background:url(<%= image_path("colorbox/ie6/borderTopCenter.png"));}
70
+ .cboxIE6 #cboxTopRight{background:url(<%= image_path("colorbox/ie6/borderTopRight.png"));}
71
+ .cboxIE6 #cboxBottomLeft{background:url(<%= image_path("colorbox/ie6/borderBottomLeft.png"));}
72
+ .cboxIE6 #cboxBottomCenter{background:url(<%= image_path("colorbox/ie6/borderBottomCenter.png"));}
73
+ .cboxIE6 #cboxBottomRight{background:url(<%= image_path("colorbox/ie6/borderBottomRight.png"));}
74
+ .cboxIE6 #cboxMiddleLeft{background:url(<%= image_path("colorbox/ie6/borderMiddleLeft.png"));}
75
+ .cboxIE6 #cboxMiddleRight{background:url(<%= image_path("colorbox/ie6/borderMiddleRight.png"));}
76
+
77
+ .cboxIE6 #cboxTopLeft,
78
+ .cboxIE6 #cboxTopCenter,
79
+ .cboxIE6 #cboxTopRight,
80
+ .cboxIE6 #cboxBottomLeft,
81
+ .cboxIE6 #cboxBottomCenter,
82
+ .cboxIE6 #cboxBottomRight,
83
+ .cboxIE6 #cboxMiddleLeft,
84
+ .cboxIE6 #cboxMiddleRight {
85
+ _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
86
+ }
@@ -0,0 +1,650 @@
1
+ /*
2
+ * Skin for jPlayer Plugin (jQuery JavaScript Library)
3
+ * http://www.jplayer.org
4
+ *
5
+ * Skin Name: Pink Flag
6
+ *
7
+ * Copyright (c) 2011 Happyworm Ltd
8
+ * Dual licensed under the MIT and GPL licenses.
9
+ * - http://www.opensource.org/licenses/mit-license.php
10
+ * - http://www.gnu.org/copyleft/gpl.html
11
+ *
12
+ * Author: Silvia Benvenuti
13
+ * Skin Version: 1.0 (jPlayer 2.1.0)
14
+ * Date: 1st September 2011
15
+ */
16
+
17
+ div.jp-audio,
18
+ div.jp-video {
19
+
20
+ /* Edit the font-size to counteract inherited font sizing.
21
+ * Eg. 1.25em = 1 / 0.8em
22
+ */
23
+
24
+ font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
25
+
26
+ font-family:Verdana, Arial, sans-serif;
27
+ line-height:1.6;
28
+ color: #fff;
29
+ border-top:1px solid #554461;
30
+ border-left:1px solid #554461;
31
+ border-right:1px solid #180a1f;
32
+ border-bottom:1px solid #180a1f;
33
+ background-color:#3a2a45;
34
+ position:relative;
35
+ }
36
+ div.jp-audio {
37
+ width:201px;
38
+ padding:20px;
39
+ }
40
+
41
+ div.jp-video-270p {
42
+ width:480px;
43
+ }
44
+ div.jp-video-360p {
45
+ width:640px;
46
+ }
47
+ div.jp-video-full {
48
+ /* Rules for IE6 (full-screen) */
49
+ width:480px;
50
+ height:270px;
51
+ /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
52
+ position:static !important; position:relative
53
+ }
54
+
55
+ div.jp-video-full div.jp-jplayer {
56
+ top: 0;
57
+ left: 0;
58
+ position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
59
+ overflow: hidden;
60
+ z-index:1000;
61
+ }
62
+
63
+ div.jp-video-full div.jp-gui {
64
+ position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
65
+ top: 0;
66
+ left: 0;
67
+ width:100%;
68
+ height:100%;
69
+ z-index:1000;
70
+ }
71
+ div.jp-video-full div.jp-interface {
72
+ position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
73
+ bottom: 0;
74
+ left: 0;
75
+ z-index:1000;
76
+ }
77
+
78
+ div.jp-interface {
79
+ position: relative;
80
+ width:100%;
81
+ background-color:#3a2a45; /* Required for the full screen */
82
+ }
83
+
84
+
85
+ div.jp-audio .jp-interface {
86
+ height: 80px;
87
+ padding-top:30px;
88
+ }
89
+
90
+ /* @group CONTROLS */
91
+
92
+ div.jp-controls-holder {
93
+ clear: both;
94
+ width:440px;
95
+ margin:0 auto 10px auto;
96
+ position: relative;
97
+ overflow:hidden;
98
+ }
99
+
100
+ div.jp-interface ul.jp-controls {
101
+ background: url("jplayer.pink.flag.jpg") 0 0 no-repeat;
102
+ list-style-type:none;
103
+ padding: 1px 0 2px 1px;
104
+ overflow:hidden;
105
+ width: 201px;
106
+ height: 34px;
107
+ }
108
+
109
+ div.jp-audio ul.jp-controls {
110
+ margin:0 auto;
111
+ }
112
+
113
+ div.jp-video ul.jp-controls {
114
+ margin:0 0 0 115px;
115
+ float:left;
116
+ display:inline; /* need this to fix IE6 double margin */
117
+ }
118
+
119
+ div.jp-interface ul.jp-controls li {
120
+ display:inline;
121
+ float: left;
122
+ }
123
+ div.jp-interface ul.jp-controls a {
124
+ display:block;
125
+ overflow:hidden;
126
+ text-indent:-9999px;
127
+ height: 34px;
128
+ margin: 0 1px 2px 0;
129
+ padding: 0;
130
+ }
131
+
132
+
133
+ /* @group single player controls */
134
+
135
+ div.jp-type-single .jp-controls li a{
136
+ width: 99px;
137
+ }
138
+
139
+ div.jp-type-single .jp-play {
140
+ background: url("jplayer.pink.flag.jpg") 0px -40px no-repeat;
141
+ }
142
+
143
+ div.jp-type-single .jp-play:hover {
144
+ background: url("jplayer.pink.flag.jpg") -100px -40px no-repeat;
145
+ }
146
+
147
+ div.jp-type-single .jp-pause {
148
+ background: url("jplayer.pink.flag.jpg") 0px -120px no-repeat;
149
+ }
150
+
151
+ div.jp-type-single .jp-pause:hover {
152
+ background: url("jplayer.pink.flag.jpg") -100px -120px no-repeat;
153
+ }
154
+
155
+ div.jp-type-single .jp-stop {
156
+ background: url("jplayer.pink.flag.jpg") 0px -80px no-repeat;
157
+ }
158
+
159
+ div.jp-type-single .jp-stop:hover {
160
+ background: url("jplayer.pink.flag.jpg") -100px -80px no-repeat;
161
+ }
162
+
163
+ /* @end */
164
+
165
+ /* @group playlist player controls */
166
+
167
+ div.jp-type-playlist .jp-controls li a{
168
+ width: 49px;
169
+ }
170
+
171
+ div.jp-type-playlist .jp-play {
172
+ background: url("jplayer.pink.flag.jpg") -24px -40px no-repeat;
173
+ }
174
+
175
+ div.jp-type-playlist .jp-play:hover {
176
+ background: url("jplayer.pink.flag.jpg") -124px -40px no-repeat;
177
+ }
178
+
179
+ div.jp-type-playlist .jp-pause {
180
+ background: url("jplayer.pink.flag.jpg") -24px -120px no-repeat;
181
+ }
182
+
183
+ div.jp-type-playlist .jp-pause:hover {
184
+ background: url("jplayer.pink.flag.jpg") -124px -120px no-repeat;
185
+ }
186
+
187
+ div.jp-type-playlist .jp-stop {
188
+ background: url("jplayer.pink.flag.jpg") -24px -80px no-repeat;
189
+ }
190
+
191
+ div.jp-type-playlist .jp-stop:hover {
192
+ background: url("jplayer.pink.flag.jpg") -124px -80px no-repeat;
193
+ }
194
+
195
+ div.jp-type-playlist .jp-previous {
196
+ background: url("jplayer.pink.flag.jpg") -24px -200px no-repeat;
197
+ }
198
+
199
+ div.jp-type-playlist .jp-previous:hover {
200
+ background: url("jplayer.pink.flag.jpg") -124px -200px no-repeat;
201
+ }
202
+
203
+ div.jp-type-playlist .jp-next {
204
+ background: url("jplayer.pink.flag.jpg") -24px -160px no-repeat;
205
+ }
206
+
207
+ div.jp-type-playlist .jp-next:hover {
208
+ background: url("jplayer.pink.flag.jpg") -124px -160px no-repeat;
209
+ }
210
+
211
+ /* @end */
212
+
213
+ /* @end */
214
+
215
+
216
+
217
+
218
+ /* @group TOGGLES */
219
+
220
+ ul.jp-toggles {
221
+ list-style-type:none;
222
+ padding:0;
223
+ margin:0 auto;
224
+ z-index:20;
225
+ overflow:hidden;
226
+ }
227
+
228
+ div.jp-audio ul.jp-toggles {
229
+ width:55px;
230
+ }
231
+
232
+ div.jp-audio .jp-type-single ul.jp-toggles {
233
+ width:25px;
234
+ }
235
+
236
+ div.jp-video ul.jp-toggles {
237
+ width:100px;
238
+ margin-top: 10px;
239
+ }
240
+
241
+ ul.jp-toggles li{
242
+ display:block;
243
+ float:right;
244
+ }
245
+
246
+ ul.jp-toggles li a{
247
+ display:block;
248
+ width:25px;
249
+ height:18px;
250
+ text-indent:-9999px;
251
+ line-height:100%; /* need this for IE6 */
252
+ }
253
+
254
+ .jp-full-screen {
255
+ background: url("jplayer.pink.flag.jpg") 0 -420px no-repeat;
256
+ margin-left: 20px;
257
+ }
258
+
259
+ .jp-full-screen:hover {
260
+ background: url("jplayer.pink.flag.jpg") -30px -420px no-repeat;
261
+ }
262
+
263
+ .jp-restore-screen {
264
+ background: url("jplayer.pink.flag.jpg") -60px -420px no-repeat;
265
+ margin-left: 20px;
266
+ }
267
+
268
+ .jp-restore-screen:hover {
269
+ background: url("jplayer.pink.flag.jpg") -90px -420px no-repeat;
270
+ }
271
+
272
+ .jp-repeat {
273
+ background: url("jplayer.pink.flag.jpg") 0 -440px no-repeat;
274
+ }
275
+
276
+ .jp-repeat:hover {
277
+ background: url("jplayer.pink.flag.jpg") -30px -440px no-repeat;
278
+ }
279
+
280
+ .jp-repeat-off {
281
+ background: url("jplayer.pink.flag.jpg") -60px -440px no-repeat;
282
+ }
283
+
284
+ .jp-repeat-off:hover {
285
+ background: url("jplayer.pink.flag.jpg") -90px -440px no-repeat;
286
+ }
287
+
288
+ .jp-shuffle {
289
+ background: url("jplayer.pink.flag.jpg") 0 -460px no-repeat;
290
+ margin-left: 5px;
291
+ }
292
+
293
+ .jp-shuffle:hover {
294
+ background: url("jplayer.pink.flag.jpg") -30px -460px no-repeat;
295
+ }
296
+
297
+ .jp-shuffle-off {
298
+ background: url("jplayer.pink.flag.jpg") -60px -460px no-repeat;
299
+ margin-left: 5px;
300
+ }
301
+
302
+ .jp-shuffle-off:hover {
303
+ background: url("jplayer.pink.flag.jpg") -90px -460px no-repeat;
304
+ }
305
+
306
+
307
+ /* @end */
308
+
309
+ /* @group progress bar */
310
+
311
+ /* The seeking class is added/removed inside jPlayer */
312
+ div.jp-seeking-bg {
313
+ background: url("jplayer.pink.flag.seeking.gif");
314
+ }
315
+
316
+ .jp-progress {
317
+ background: url("jplayer.pink.flag.jpg") 0px -240px no-repeat;
318
+ width: 197px;
319
+ height: 13px;
320
+ padding: 0 2px 2px 2px;
321
+ margin-bottom: 4px;
322
+ overflow:hidden;
323
+ }
324
+
325
+ div.jp-video .jp-progress {
326
+ border-top:1px solid #180a1f;
327
+ border-bottom: 1px solid #554560;
328
+ width:100%;
329
+ background-image: none;
330
+ padding: 0;
331
+ }
332
+
333
+ .jp-seek-bar {
334
+ background: url("jplayer.pink.flag.jpg") 0px -260px repeat-x;
335
+ width:0px;
336
+ height: 100%;
337
+ overflow:hidden;
338
+ cursor:pointer;
339
+ }
340
+
341
+ .jp-play-bar {
342
+ background: url("jplayer.pink.flag.jpg") 0px -280px repeat-x;
343
+ width:0px;
344
+ height: 100%;
345
+ overflow:hidden;
346
+ }
347
+
348
+
349
+ /* @end */
350
+
351
+ /* @group volume controls */
352
+
353
+ div.jp-interface ul.jp-controls a.jp-mute,
354
+ div.jp-interface ul.jp-controls a.jp-unmute,
355
+ div.jp-interface ul.jp-controls a.jp-volume-max {
356
+ background: url("jplayer.pink.flag.jpg") 0px -330px no-repeat;
357
+ position: absolute;
358
+ width: 16px;
359
+ height: 11px;
360
+ }
361
+
362
+ div.jp-audio ul.jp-controls a.jp-mute,
363
+ div.jp-audio ul.jp-controls a.jp-unmute {
364
+ top:-6px;
365
+ left: 0;
366
+ }
367
+
368
+ div.jp-audio ul.jp-controls a.jp-volume-max {
369
+ top:-6px;
370
+ right: 0;
371
+ }
372
+
373
+
374
+ div.jp-video ul.jp-controls a.jp-mute,
375
+ div.jp-video ul.jp-controls a.jp-unmute {
376
+ left: 0;
377
+ top:14px;
378
+ }
379
+
380
+ div.jp-video ul.jp-controls a.jp-volume-max {
381
+ left: 84px;
382
+ top:14px;
383
+ }
384
+
385
+ div.jp-interface ul.jp-controls a.jp-mute:hover {
386
+ background: url("jplayer.pink.flag.jpg") -25px -330px no-repeat;
387
+ }
388
+
389
+ div.jp-interface ul.jp-controls a.jp-unmute {
390
+ background: url("jplayer.pink.flag.jpg") -60px -330px no-repeat;
391
+ }
392
+
393
+ div.jp-interface ul.jp-controls a.jp-unmute:hover {
394
+ background: url("jplayer.pink.flag.jpg") -85px -330px no-repeat;
395
+ }
396
+
397
+ div.jp-interface ul.jp-controls a.jp-volume-max {
398
+ background: url("jplayer.pink.flag.jpg") 0px -350px no-repeat;
399
+ }
400
+
401
+ div.jp-interface ul.jp-controls a.jp-volume-max:hover {
402
+ background: url("jplayer.pink.flag.jpg") -25px -350px no-repeat;
403
+ }
404
+
405
+ .jp-volume-bar {
406
+ background: url("jplayer.pink.flag.jpg") 0px -300px repeat-x;
407
+ position: absolute;
408
+ width: 197px;
409
+ height: 4px;
410
+ padding: 2px 2px 1px 2px;
411
+ overflow: hidden;
412
+ }
413
+
414
+ .jp-volume-bar:hover {
415
+ cursor: pointer;
416
+ }
417
+
418
+
419
+ div.jp-audio .jp-interface .jp-volume-bar {
420
+ top:10px;
421
+ left: 0;
422
+ }
423
+
424
+ div.jp-video .jp-volume-bar {
425
+ top: 0;
426
+ left: 0;
427
+ width:95px;
428
+ border-right:1px solid #000;
429
+ margin-top: 30px;
430
+ }
431
+
432
+ .jp-volume-bar-value {
433
+ background: url("jplayer.pink.flag.jpg") 0px -320px repeat-x;
434
+ height: 4px;
435
+ }
436
+
437
+ /* @end */
438
+
439
+ /* @group current time and duration */
440
+
441
+ .jp-current-time, .jp-duration {
442
+ width:70px;
443
+ font-size:.5em;
444
+ color: #8c7a99;
445
+ }
446
+
447
+ .jp-current-time {
448
+ float: left;
449
+ }
450
+
451
+ .jp-duration {
452
+ float: right;
453
+ text-align:right;
454
+ }
455
+
456
+ .jp-video .jp-current-time {
457
+ padding-left:20px;
458
+ }
459
+
460
+ .jp-video .jp-duration {
461
+ padding-right:20px;
462
+ }
463
+
464
+ /* @end */
465
+
466
+ /* @group playlist */
467
+
468
+ .jp-title ul,
469
+ .jp-playlist ul {
470
+ list-style-type:none;
471
+ font-size:.7em;
472
+ margin: 0;
473
+ padding: 0;
474
+ }
475
+
476
+ .jp-video .jp-title ul {
477
+ margin: 0 20px 10px;
478
+ }
479
+
480
+ .jp-video .jp-playlist ul {
481
+ margin: 0 20px;
482
+ }
483
+
484
+ .jp-title li,
485
+ .jp-playlist li {
486
+ position: relative;
487
+ padding: 2px 0;
488
+ border-top:1px solid #554461;
489
+ border-bottom:1px solid #180a1f;
490
+ overflow: hidden;
491
+ }
492
+
493
+ .jp-title li{
494
+ border-bottom:none;
495
+ border-top:none;
496
+ padding:0;
497
+ text-align:center;
498
+ }
499
+
500
+ /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
501
+
502
+ div.jp-type-playlist div.jp-playlist li:first-child {
503
+ border-top:none;
504
+ padding-top:3px;
505
+ }
506
+
507
+ div.jp-type-playlist div.jp-playlist li:last-child {
508
+ border-bottom:none;
509
+ padding-bottom:3px;
510
+ }
511
+
512
+ div.jp-type-playlist div.jp-playlist a {
513
+ color: #fff;
514
+ text-decoration:none;
515
+ }
516
+
517
+ div.jp-type-playlist div.jp-playlist a:hover {
518
+ color: #e892e9;
519
+ }
520
+
521
+ div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
522
+ background-color: #26102e;
523
+ margin: 0 -20px;
524
+ padding: 2px 20px;
525
+ border-top: 1px solid #26102e;
526
+ border-bottom: 1px solid #26102e;
527
+ }
528
+
529
+ div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{
530
+ color: #e892e9;
531
+ }
532
+
533
+ div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
534
+ float:right;
535
+ display:inline;
536
+ text-align:right;
537
+ margin-left:10px;
538
+ font-weight:bold;
539
+ color:#8C7A99;
540
+ }
541
+ div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
542
+ color:#E892E9;
543
+ }
544
+
545
+ div.jp-type-playlist div.jp-playlist span.jp-free-media {
546
+ float: right;
547
+ display:inline;
548
+ text-align:right;
549
+ color:#8C7A99;
550
+ }
551
+
552
+ div.jp-type-playlist div.jp-playlist span.jp-free-media a{
553
+ color:#8C7A99;
554
+ }
555
+
556
+ div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
557
+ color:#E892E9;
558
+ }
559
+ span.jp-artist {
560
+ font-size:.8em;
561
+ color:#8C7A99;
562
+ }
563
+
564
+ /* @end */
565
+
566
+
567
+ div.jp-video div.jp-video-play {
568
+ position:absolute;
569
+ top:0;
570
+ left:0;
571
+ width:100%;
572
+ cursor:pointer;
573
+ background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
574
+ }
575
+ div.jp-video-270p div.jp-video-play {
576
+ height:270px;
577
+ }
578
+ div.jp-video-360p div.jp-video-play {
579
+ height:360px;
580
+ }
581
+ div.jp-video-full div.jp-video-play {
582
+ height:100%;
583
+ z-index:1000;
584
+ }
585
+ a.jp-video-play-icon {
586
+ position:relative;
587
+ display:block;
588
+ width: 112px;
589
+ height: 100px;
590
+
591
+ margin-left:-56px;
592
+ margin-top:-50px;
593
+ left:50%;
594
+ top:50%;
595
+
596
+ background: url("jplayer.pink.flag.video.play.png") 0 0 no-repeat;
597
+ text-indent:-9999px;
598
+ }
599
+ div.jp-video-play:hover a.jp-video-play-icon {
600
+ background: url("jplayer.pink.flag.video.play.png") 0 -100px no-repeat;
601
+ }
602
+
603
+
604
+ div.jp-jplayer audio,
605
+ div.jp-jplayer {
606
+ width:0px;
607
+ height:0px;
608
+ }
609
+
610
+ div.jp-jplayer {
611
+ background-color: #000000;
612
+ }
613
+
614
+ /* @group NO SOLUTION error feedback */
615
+
616
+ .jp-no-solution {
617
+ position:absolute;
618
+ width:390px;
619
+ margin-left:-202px;
620
+ left:50%;
621
+ top: 10px;
622
+
623
+ padding:5px;
624
+ font-size:.8em;
625
+ background-color:#3a2a45;
626
+ border-top:2px solid #554461;
627
+ border-left:2px solid #554461;
628
+ border-right:2px solid #180a1f;
629
+ border-bottom:2px solid #180a1f;
630
+ color:#FFF;
631
+ display:none;
632
+ }
633
+
634
+ .jp-no-solution a {
635
+ color:#FFF;
636
+ }
637
+
638
+ .jp-no-solution span {
639
+ font-size:1em;
640
+ display:block;
641
+ text-align:center;
642
+ font-weight:bold;
643
+ }
644
+
645
+ .jp-audio .jp-no-solution {
646
+ width:190px;
647
+ margin-left:-102px;
648
+ }
649
+
650
+ /* @end */