soundcloud-custom-player-rails 1.0.0

data/vendor/assets/stylesheets/sc-player-minimal/colors.css

@@ -0,0 +1,138 @@
+.sc-player {
+  font: 12px Arial, sans-serif;
+  color: #333;
+  font-size: 1.6em;
+  line-height: 1.6em;
+  font-weight: bold;
+
+}
+
+.sc-player.special {
+  border: 2px solid #ff3300;
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  border-radius: 15px;
+  padding: 5px;
+}
+
+.sc-player a {
+  text-decoration: none;
+  color: #333;
+}
+
+/* scrubber */
+
+.sc-scrubber {
+  background-color: #e5e5e5;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+}
+
+.sc-scrubber .sc-time-span {
+  background-color: #fff;
+}
+
+.sc-scrubber .sc-time-span img {
+  height: 30px;
+  width: 100%;
+  background-color: #000;
+}
+
+.sc-scrubber .sc-buffer, .sc-scrubber .sc-played {
+  background-color: #fff;
+  opacity: 0.4;
+}
+
+.sc-scrubber .sc-played {
+  background-color: #000;
+  opacity: 0.4;
+}
+
+/* controls */
+
+.sc-player .sc-controls a {
+  color: transparent;
+  background: url('sc-player-minimal/play.png');
+}
+
+.sc-player .sc-controls a:hover {
+  background: url('sc-player-minimal/play-hover.png');
+}
+
+.sc-player .sc-controls a.sc-pause {
+  background: url('sc-player-minimal/play.png');
+}
+
+.sc-player .sc-controls a.sc-pause:hover{
+  background: url('sc-player-minimal/play-hover.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause{
+  background: url('sc-player-minimal/pause.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause:hover{
+  background: url('sc-player-minimal/pause-hover.png');
+}
+
+.sc-scrubber .sc-time-indicators{
+  background: #fff;
+  color: #000;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  padding: 2px;
+  font-size: 0.4em;
+  font-weight: normal;
+  line-height: 1em;
+}
+
+/* Track listings*/
+
+.sc-player ol.sc-trackslist li.active, .sc-player ol.sc-trackslist li:hover {
+  background-color: #fff;
+  padding: 4px;
+  color: #000;
+}
+
+.sc-player ol.sc-trackslist li.active a {
+  color: #000;
+}
+
+.sc-track-duration {
+  text-align: right;
+  float: right;
+  padding: 0 5px;
+  margin-left: 5px;
+  display: none;
+}
+
+/* Track info*/
+
+.sc-player .sc-info{
+  background: #fff;
+  opacity: 0.9;
+}
+
+.sc-player .sc-info-toggle{
+  background: #fff;
+  color: #003399;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-box-shadow: 1px 1px 4px #ccc;
+  -webkit-box-shadow: 1px 1px 4px #ccc;
+  padding: 4px;
+}
+
+.sc-player .sc-info-toggle:hover{
+  background: #003399;
+  color: #eee;
+}
+
+.sc-player .sc-info-close{
+  background: #003399;
+  color: #fff;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  padding: 2px 4px;
+  font-weight: bold;
+}

data/vendor/assets/stylesheets/sc-player-minimal/standards.css

@@ -0,0 +1,17 @@
+body {
+  font-family: 'georgia', times, serif;
+  width: 1000px;
+  margin: 0 auto;
+}
+
+h1 {
+  font-style: italic;
+  border-bottom: 1px dotted #000;
+  padding: 20px 0;
+}
+
+.footer {
+  border-top: 1px dotted #000;
+  padding: 10px 0;
+  text-align: right;
+}

data/vendor/assets/stylesheets/sc-player-minimal/structure.css

@@ -0,0 +1,174 @@
+.sc-player{
+  width: 100%;
+  height: 60px;
+  position: relative;
+  margin: 20px 0;
+}
+
+.sc-player ol, .sc-player li{
+  margin: 0;
+  padding: 0;
+  list-style-position: inside;
+}
+
+/* Artworks */
+
+.sc-player .sc-artwork-list{
+  display: none;
+}
+
+.sc-player .sc-artwork-list li{
+  list-style-type: none;
+  display: none;
+}
+
+.sc-player .sc-artwork-list li.active{
+  list-style-type: none;
+  display: block;
+}
+
+.sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div{
+  list-style-type: none;
+  width: 100%;
+  height: 100%;
+}
+
+/* controls */
+
+.sc-player .sc-controls{
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  top: 8px;
+}
+
+.sc-player .sc-controls a{
+  display: block;
+  width: 40px;
+  height: 40px;
+}
+
+.sc-player .sc-controls a.sc-play, .sc-player .sc-controls a.sc-pause{
+  text-indent: -3000px;
+}
+
+.sc-player .sc-controls a.sc-pause{
+  display: none;
+}
+
+.sc-player.playing .sc-controls a.sc-play{
+  display: none;
+}
+
+.sc-player.playing .sc-controls a.sc-pause{
+  display: block;
+}
+
+/* scrubber */
+
+.sc-scrubber {
+  position: absolute;
+  left: -5000px;
+  bottom: 10px;
+  height: 40px;
+  width: 95.5%;
+}
+
+.sc-player:hover .sc-scrubber, .sc-player.playing .sc-scrubber {
+  display: block;
+  left: 45px;
+}
+
+
+
+.sc-scrubber .sc-time-span{
+  height: 30px;
+  margin: 5px;
+  position: relative;
+}
+
+.sc-scrubber .sc-buffer, .sc-scrubber .sc-played{
+  height: 30px;
+  position: absolute;
+  top: 0;
+  width: 0;
+  -webkit-transition: width 0.1s linear;
+}
+
+.sc-scrubber .sc-time-indicators{
+  position: absolute;
+  right: 0;
+  top: -20px;
+}
+
+/* tracks */
+
+/* Track listings*/
+
+.sc-player ol.sc-trackslist{
+  position: absolute;
+  float: left;
+  width: 92%;
+  height: 100%;
+  left: 45px;
+  overflow: auto;
+}
+
+.sc-player ol.sc-trackslist li{
+  float: left;
+  width: 95.5%;
+  cursor: pointer;
+  margin: 5px;
+  padding: 5px;
+  list-style: none;
+}
+
+/* Track info*/
+
+.sc-player .sc-info{
+  position: absolute;
+  top: 10px;
+  left: -5000px;
+  width : 200px;
+  padding: 5px;
+  height: 450px;
+  z-index: 500;
+  margin-left: -40px;
+}
+
+.sc-player .sc-info.active{
+  left: 25%;
+  top: 5%;
+}
+
+
+.sc-player .sc-info-toggle{
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  display: none;
+}
+
+.sc-player .sc-info-toggle.active{
+  left: -5000px;
+}
+
+.sc-player .sc-info-close{
+  position: absolute;
+  top: 10px;
+  right: 20px;
+}
+
+/* utilities */
+
+.sc-player .hidden {
+  display: none;
+}
+
+.sc-player-engine-container{
+  width: 1px;
+  height: 1px;
+  position: fixed;
+  top: 2px;
+  left: 2px;
+}

data/vendor/assets/stylesheets/sc-player-red/colors.css

@@ -0,0 +1,141 @@
+.sc-player {
+  font: 12px arial, sans-serif;
+  background-color: red;
+  color: #333;
+  font-size: 0.6em;
+  line-height: 1.6em;
+  font-weight: bold;
+}
+
+.sc-player a {
+  text-decoration: none;
+  color: #333;
+}
+
+/* scrubber */
+
+.sc-scrubber {
+  background-color: red;
+}
+
+.sc-scrubber .sc-time-span {
+  background-color: #fff;
+}
+
+.sc-scrubber .sc-time-span img {
+  height: 80px;
+  width: 800px;
+  background-color: red;
+}
+
+.sc-scrubber .sc-buffer, .sc-scrubber .sc-played {
+  background-color: #fff;
+  opacity: 0.4;
+}
+
+.sc-scrubber .sc-played {
+  background-color: #333;
+  opacity: 0.4;
+}
+
+/* controls */
+
+.sc-player .sc-controls a {
+  color: transparent;
+  background: url('sc-player-red/play.png');
+}
+
+.sc-player .sc-controls a:hover {
+  background: url('sc-player-red/play-hover.png');
+}
+
+.sc-player .sc-controls a.sc-pause {
+  background: url('sc-player-red/play.png');
+}
+
+.sc-player .sc-controls a.sc-pause:hover{
+  background: url('sc-player-red/play-hover.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause{
+  background: url('sc-player-red/pause.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause:hover{
+  background: url('sc-player-red/pause-hover.png');
+}
+
+.sc-scrubber .sc-time-indicators{
+  background: #fff;
+  color: red;
+  padding: 4px;
+}
+
+/* Track listings*/
+
+.sc-player ol.sc-trackslist li {
+  background: #e5e5e5;
+  padding: 5px;
+}
+
+.sc-player ol.sc-trackslist li.active, .sc-player ol.sc-trackslist li:hover {
+  background-color: #fff;
+  padding: 5px;
+  color: red;
+}
+
+.sc-player ol.sc-trackslist li.active a {
+  color: red;
+}
+
+.sc-track-duration {
+  text-align: right;
+  float: right;
+  padding: 0 5px;
+  margin-left: 5px;
+  display: none;
+}
+
+/* Track info*/
+
+.sc-player .sc-info{
+  background: #fff;
+  opacity: 0.9;
+}
+
+.sc-player .sc-info-toggle{
+  background: #fff;
+  color: #003399;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-box-shadow: 1px 1px 4px #ccc;
+  -webkit-box-shadow: 1px 1px 4px #ccc;
+  padding: 4px;
+}
+
+.sc-player .sc-info-toggle:hover{
+  background: #003399;
+  color: #eee;
+}
+
+.sc-player .sc-info-close{
+  background: #003399;
+  color: #fff;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  padding: 2px 4px;
+  font-weight: bold;
+}
+
+/* remote control */
+
+a.sc-remote-link {
+  background: url('img/play.png') top left no-repeat;
+  padding-left: 20px;
+  text-decoration: none;
+}
+
+a.sc-remote-link.playing{
+  background-image: url('img/pause.png');
+}
+