soundcloud-custom-player-rails 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. data/.gitignore +20 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +35 -0
  5. data/Rakefile +1 -0
  6. data/lib/soundcloud-custom-player-rails.rb +12 -0
  7. data/lib/soundcloud-custom-player-rails/engine.rb +6 -0
  8. data/lib/soundcloud-custom-player-rails/railtie.rb +6 -0
  9. data/lib/soundcloud-custom-player-rails/version.rb +3 -0
  10. data/soundcloud-custom-player-rails.gemspec +17 -0
  11. data/vendor/assets/images/sc-player-artwork/pause-hover.png +0 -0
  12. data/vendor/assets/images/sc-player-artwork/pause.png +0 -0
  13. data/vendor/assets/images/sc-player-artwork/play-hover.png +0 -0
  14. data/vendor/assets/images/sc-player-artwork/play.png +0 -0
  15. data/vendor/assets/images/sc-player-minimal/pause-hover.png +0 -0
  16. data/vendor/assets/images/sc-player-minimal/pause.png +0 -0
  17. data/vendor/assets/images/sc-player-minimal/play-hover.png +0 -0
  18. data/vendor/assets/images/sc-player-minimal/play.png +0 -0
  19. data/vendor/assets/images/sc-player-red/pause-hover.png +0 -0
  20. data/vendor/assets/images/sc-player-red/pause.png +0 -0
  21. data/vendor/assets/images/sc-player-red/play-hover.png +0 -0
  22. data/vendor/assets/images/sc-player-red/play.png +0 -0
  23. data/vendor/assets/images/sc-player-standard/pause-blue-hover.png +0 -0
  24. data/vendor/assets/images/sc-player-standard/pause-blue.png +0 -0
  25. data/vendor/assets/images/sc-player-standard/pause-green-hover.png +0 -0
  26. data/vendor/assets/images/sc-player-standard/pause-green.png +0 -0
  27. data/vendor/assets/images/sc-player-standard/pause-orange-hover.png +0 -0
  28. data/vendor/assets/images/sc-player-standard/pause-orange.png +0 -0
  29. data/vendor/assets/images/sc-player-standard/play-blue-hover.png +0 -0
  30. data/vendor/assets/images/sc-player-standard/play-blue.png +0 -0
  31. data/vendor/assets/images/sc-player-standard/play-green-hover.png +0 -0
  32. data/vendor/assets/images/sc-player-standard/play-green.png +0 -0
  33. data/vendor/assets/images/sc-player-standard/play-orange-hover.png +0 -0
  34. data/vendor/assets/images/sc-player-standard/play-orange.png +0 -0
  35. data/vendor/assets/javascripts/sc-player.js +725 -0
  36. data/vendor/assets/javascripts/soundcloud.player.api.js +140 -0
  37. data/vendor/assets/stylesheets/sc-player-artwork/colors.css +130 -0
  38. data/vendor/assets/stylesheets/sc-player-artwork/standards.css +18 -0
  39. data/vendor/assets/stylesheets/sc-player-artwork/structure.css +173 -0
  40. data/vendor/assets/stylesheets/sc-player-minimal/colors.css +138 -0
  41. data/vendor/assets/stylesheets/sc-player-minimal/standards.css +17 -0
  42. data/vendor/assets/stylesheets/sc-player-minimal/structure.css +174 -0
  43. data/vendor/assets/stylesheets/sc-player-red/colors.css +141 -0
  44. data/vendor/assets/stylesheets/sc-player-red/standards.css +32 -0
  45. data/vendor/assets/stylesheets/sc-player-red/structure.css +171 -0
  46. data/vendor/assets/stylesheets/sc-player-standard/colors-blue.css +299 -0
  47. data/vendor/assets/stylesheets/sc-player-standard/colors-green.css +167 -0
  48. data/vendor/assets/stylesheets/sc-player-standard/colors-orange.css +165 -0
  49. data/vendor/assets/stylesheets/sc-player-standard/standards.css +33 -0
  50. data/vendor/assets/stylesheets/sc-player-standard/structure-horizontal.css +209 -0
  51. data/vendor/assets/stylesheets/sc-player-standard/structure-vertical.css +190 -0
  52. metadata +96 -0
@@ -0,0 +1,190 @@
1
+ .sc-player{
2
+ width: 270px;
3
+ height: 540px;
4
+ position: relative;
5
+ margin-bottom: 20px;
6
+ }
7
+
8
+ .sc-player ol, .sc-player li{
9
+ margin: 0;
10
+ padding: 0;
11
+ list-style-position: inside;
12
+ }
13
+
14
+ /* Artworks */
15
+
16
+ .sc-player .sc-artwork-list{
17
+ width: 100%;
18
+ height: 50%;
19
+ background-color: transparent;
20
+ list-style-type: none;
21
+ position: relative;
22
+ }
23
+
24
+ .sc-player .sc-artwork-list li{
25
+ list-style-type: none;
26
+ display: none;
27
+ }
28
+
29
+ .sc-player .sc-artwork-list li.active{
30
+ list-style-type: none;
31
+ display: block;
32
+ }
33
+
34
+ .sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div{
35
+ list-style-type: none;
36
+ width: 100%;
37
+ height: 100%;
38
+ }
39
+
40
+ /* controls */
41
+
42
+ .sc-player .sc-controls{
43
+ position: absolute;
44
+ width: 50px;
45
+ height: 50px;
46
+ margin-left: -25px;
47
+ margin-top: -25px;
48
+ top: 25%;
49
+ left: 50%;
50
+ }
51
+
52
+ .sc-player .sc-controls a{
53
+ display: block;
54
+ width: 50px;
55
+ height: 50px;
56
+ }
57
+
58
+ .sc-player .sc-controls a.sc-pause{
59
+ display: none;
60
+ }
61
+
62
+ .sc-player.playing .sc-controls a.sc-play{
63
+ display: none;
64
+ }
65
+
66
+ .sc-player.playing .sc-controls a.sc-pause{
67
+ display: block;
68
+ }
69
+
70
+ /* scrubber */
71
+
72
+ .sc-scrubber {
73
+ position: absolute;
74
+ left: -5000px;
75
+ bottom: 280px;
76
+ height: 40px;
77
+ width: 250px;
78
+ }
79
+
80
+ .sc-player:hover .sc-scrubber {
81
+ display: block;
82
+ left: 10px;
83
+ }
84
+
85
+ .sc-scrubber .sc-time-span{
86
+ height: 30px;
87
+ margin: 5px;
88
+ position: relative;
89
+ }
90
+
91
+ .sc-scrubber .sc-buffer, .sc-scrubber .sc-played{
92
+ height: 30px;
93
+ position: absolute;
94
+ top: 0;
95
+ }
96
+
97
+ .sc-scrubber .sc-time-indicators{
98
+ position: absolute;
99
+ right: 0;
100
+ top: -30px;
101
+ }
102
+
103
+ /* volume control */
104
+ .sc-volume-slider {
105
+ top: -25px;
106
+ left: 0px;
107
+ position: absolute;
108
+ width: 110px;
109
+ height: 12px;
110
+ background-color: white;
111
+ }
112
+ .sc-volume-slider .sc-volume-status{
113
+ position: absolute;
114
+ width: 0%;
115
+ height: 10px;
116
+ top: 1px;
117
+ left: 1px;
118
+ }
119
+
120
+
121
+ /* tracks */
122
+
123
+ /* Track listings*/
124
+
125
+ .sc-player ol.sc-trackslist{
126
+ position: absolute;
127
+ float: left;
128
+ width: 100%;
129
+ height: 50%;
130
+ top: 50%;
131
+ left: 0;
132
+ overflow: auto;
133
+ }
134
+
135
+ .sc-player ol.sc-trackslist li{
136
+ float: left;
137
+ width: 92%;
138
+ cursor: pointer;
139
+ margin: 5px;
140
+ padding: 5px;
141
+ }
142
+
143
+ /* Track info*/
144
+
145
+ .sc-player .sc-info{
146
+ position: absolute;
147
+ top: 10px;
148
+ left: -5000px;
149
+ width : 400px;
150
+ padding: 5px;
151
+ height: 200px;
152
+ z-index: 500;
153
+ margin-left: -200px;
154
+ }
155
+
156
+ .sc-player .sc-info.active{
157
+ left: 50%;
158
+ top: 12%;
159
+ }
160
+
161
+
162
+ .sc-player .sc-info-toggle{
163
+ position: absolute;
164
+ top: 10px;
165
+ left: 10px;
166
+ }
167
+
168
+ .sc-player .sc-info-toggle.active{
169
+ left: -5000px;
170
+ }
171
+
172
+ .sc-player .sc-info-close{
173
+ position: absolute;
174
+ top: 10px;
175
+ right: 20px;
176
+ }
177
+
178
+ /* utilities */
179
+
180
+ .sc-player .hidden {
181
+ display: none;
182
+ }
183
+
184
+ .sc-player-engine-container{
185
+ width: 1px;
186
+ height: 1px;
187
+ position: fixed;
188
+ top: 2px;
189
+ left: 2px;
190
+ }
metadata ADDED
@@ -0,0 +1,96 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: soundcloud-custom-player-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Daniël van de Burgt
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2012-10-26 00:00:00.000000000 Z
13
+ dependencies: []
14
+ description: Soundcloud Custom Player assets for Rails
15
+ email:
16
+ - thatdutchguy@secretlymexico.com
17
+ executables: []
18
+ extensions: []
19
+ extra_rdoc_files: []
20
+ files:
21
+ - .gitignore
22
+ - Gemfile
23
+ - LICENSE.txt
24
+ - README.md
25
+ - Rakefile
26
+ - lib/soundcloud-custom-player-rails.rb
27
+ - lib/soundcloud-custom-player-rails/engine.rb
28
+ - lib/soundcloud-custom-player-rails/railtie.rb
29
+ - lib/soundcloud-custom-player-rails/version.rb
30
+ - soundcloud-custom-player-rails.gemspec
31
+ - vendor/assets/images/sc-player-artwork/pause-hover.png
32
+ - vendor/assets/images/sc-player-artwork/pause.png
33
+ - vendor/assets/images/sc-player-artwork/play-hover.png
34
+ - vendor/assets/images/sc-player-artwork/play.png
35
+ - vendor/assets/images/sc-player-minimal/pause-hover.png
36
+ - vendor/assets/images/sc-player-minimal/pause.png
37
+ - vendor/assets/images/sc-player-minimal/play-hover.png
38
+ - vendor/assets/images/sc-player-minimal/play.png
39
+ - vendor/assets/images/sc-player-red/pause-hover.png
40
+ - vendor/assets/images/sc-player-red/pause.png
41
+ - vendor/assets/images/sc-player-red/play-hover.png
42
+ - vendor/assets/images/sc-player-red/play.png
43
+ - vendor/assets/images/sc-player-standard/pause-blue-hover.png
44
+ - vendor/assets/images/sc-player-standard/pause-blue.png
45
+ - vendor/assets/images/sc-player-standard/pause-green-hover.png
46
+ - vendor/assets/images/sc-player-standard/pause-green.png
47
+ - vendor/assets/images/sc-player-standard/pause-orange-hover.png
48
+ - vendor/assets/images/sc-player-standard/pause-orange.png
49
+ - vendor/assets/images/sc-player-standard/play-blue-hover.png
50
+ - vendor/assets/images/sc-player-standard/play-blue.png
51
+ - vendor/assets/images/sc-player-standard/play-green-hover.png
52
+ - vendor/assets/images/sc-player-standard/play-green.png
53
+ - vendor/assets/images/sc-player-standard/play-orange-hover.png
54
+ - vendor/assets/images/sc-player-standard/play-orange.png
55
+ - vendor/assets/javascripts/sc-player.js
56
+ - vendor/assets/javascripts/soundcloud.player.api.js
57
+ - vendor/assets/stylesheets/sc-player-artwork/colors.css
58
+ - vendor/assets/stylesheets/sc-player-artwork/standards.css
59
+ - vendor/assets/stylesheets/sc-player-artwork/structure.css
60
+ - vendor/assets/stylesheets/sc-player-minimal/colors.css
61
+ - vendor/assets/stylesheets/sc-player-minimal/standards.css
62
+ - vendor/assets/stylesheets/sc-player-minimal/structure.css
63
+ - vendor/assets/stylesheets/sc-player-red/colors.css
64
+ - vendor/assets/stylesheets/sc-player-red/standards.css
65
+ - vendor/assets/stylesheets/sc-player-red/structure.css
66
+ - vendor/assets/stylesheets/sc-player-standard/colors-blue.css
67
+ - vendor/assets/stylesheets/sc-player-standard/colors-green.css
68
+ - vendor/assets/stylesheets/sc-player-standard/colors-orange.css
69
+ - vendor/assets/stylesheets/sc-player-standard/standards.css
70
+ - vendor/assets/stylesheets/sc-player-standard/structure-horizontal.css
71
+ - vendor/assets/stylesheets/sc-player-standard/structure-vertical.css
72
+ homepage: http://github.com/thatdutchguy/soundcloud-custom-player-rails
73
+ licenses: []
74
+ post_install_message:
75
+ rdoc_options: []
76
+ require_paths:
77
+ - lib
78
+ required_ruby_version: !ruby/object:Gem::Requirement
79
+ none: false
80
+ requirements:
81
+ - - ! '>='
82
+ - !ruby/object:Gem::Version
83
+ version: '0'
84
+ required_rubygems_version: !ruby/object:Gem::Requirement
85
+ none: false
86
+ requirements:
87
+ - - ! '>='
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ requirements: []
91
+ rubyforge_project:
92
+ rubygems_version: 1.8.23
93
+ signing_key:
94
+ specification_version: 3
95
+ summary: Soundcloud Custom Player assets for Rails
96
+ test_files: []