mix-rails-core 0.10.1

Sign up to get free protection for your applications and to get access to all the features.
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 */