Permalink
Browse files

Create flash view

  • Loading branch information...
1 parent 803d63c commit eee2be83116ffa95878a0b4b3e46cd5ed16c523e @Breefield committed Mar 1, 2011
View
@@ -0,0 +1 @@
+.DS*
@@ -0,0 +1,3 @@
+@import url("sc-player-flash/standards.css");
+@import url("sc-player-flash/structure-horizontal.css"); /* switch here between 'horizontal' and 'vertical' structure */
+@import url("sc-player-flash/colors-green.css"); /* switch here between 'blue', 'orange' and 'green' color-shemes */
@@ -0,0 +1,299 @@
+.sc-player {
+ font: 12px Arial, sans-serif;
+ background-color: #eee;
+ background: -moz-linear-gradient(top, black, #eee 0px, #fff 50%);
+ background: -webkit-gradient(linear, left top, left 50%, from(black), color-stop(0%, #eee), to(#fff));
+ color: #333;
+ font-size: 0.6em;
+ line-height: 1.6em;
+ -moz-box-shadow: 1px 1px 4px #ccc;
+ -webkit-box-shadow: 1px 1px 4px #ccc;
+}
+
+.sc-player a {
+ text-decoration: none;
+ color: #333;
+}
+
+/* Artworks */
+
+.sc-player .sc-artwork-list{
+ background: #eee;
+ background: -moz-linear-gradient(left bottom, #EEEEEE 20px, #333333 350px) repeat scroll 0 0 transparent;
+ background: -webkit-gradient(linear, right top, left bottom, from(#333), to(#eee));
+}
+
+/* scrubber */
+
+.sc-scrubber {
+ background-color: #e5e5e5;
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ -moz-box-shadow: 1px 1px 4px #ccc;
+ -webkit-box-shadow: 1px 1px 4px #ccc;
+}
+
+.sc-scrubber .sc-time-span {
+ background-color: #fff;
+}
+
+.sc-scrubber .sc-time-span img {
+ height: 30px;
+ width: 100%;
+ background-color: #003399;
+ background: -moz-linear-gradient(top, black, #003399 0px, #5d95d2 90%);
+ background: -webkit-gradient(linear, left top, left 90%, from(black), color-stop(0%, #003399), to(#5d95d2));
+}
+
+.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('img/play-blue.png');
+}
+
+.sc-player .sc-controls a:hover {
+ background: url('img/play-blue-hover.png');
+}
+
+.sc-player .sc-controls a.sc-pause {
+ background: url('img/play-blue.png');
+}
+
+.sc-player .sc-controls a.sc-pause:hover{
+ background: url('img/play-blue-hover.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause{
+ background: url('img/pause-blue.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause:hover{
+ background: url('img/pause-blue-hover.png');
+}
+
+.sc-scrubber .sc-time-indicators{
+ 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;
+}
+
+/* Track listings*/
+
+.sc-player ol.sc-trackslist li.active, .sc-player ol.sc-trackslist li:hover {
+ background-color: #fff;
+ padding: 4px;
+ color: #003399;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-box-shadow: 1px 1px 4px #ccc;
+ -webkit-box-shadow: 1px 1px 4px #ccc;
+}
+
+.sc-player ol.sc-trackslist li.active a {
+ color: #003399;
+}
+
+.sc-track-duration {
+ text-align: right;
+ float: right;
+ padding: 0 5px;
+ margin-left: 5px;
+}
+
+/* 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;
+}
+.sc-player {
+ font: 12px Arial, sans-serif;
+ background-color: #eee;
+ background: -moz-linear-gradient(top, black, #eee 0px, #fff 50%);
+ background: -webkit-gradient(linear, left top, left 50%, from(black), color-stop(0%, #eee), to(#fff));
+ color: #333;
+ font-size: 0.6em;
+ line-height: 1.6em;
+ -moz-box-shadow: 1px 1px 4px #ccc;
+ -webkit-box-shadow: 1px 1px 4px #ccc;
+}
+
+.sc-player a {
+ text-decoration: none;
+ color: #333;
+}
+
+/* scrubber */
+
+.sc-scrubber {
+ background-color: #e5e5e5;
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ -moz-box-shadow: 1px 1px 4px #ccc;
+ -webkit-box-shadow: 1px 1px 4px #ccc;
+}
+
+.sc-scrubber .sc-time-span {
+ background-color: #fff;
+}
+
+.sc-scrubber .sc-time-span img {
+ height: 30px;
+ width: 100%;
+ background-color: #003399;
+ background: -moz-linear-gradient(top, black, #003399 0px, #5d95d2 90%);
+ background: -webkit-gradient(linear, left top, left 90%, from(black), color-stop(0%, #003399), to(#5d95d2));
+}
+
+.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('img/play-blue.png');
+}
+
+.sc-player .sc-controls a:hover {
+ background: url('img/play-blue-hover.png');
+}
+
+.sc-player .sc-controls a.sc-pause {
+ background: url('img/play-blue.png');
+}
+
+.sc-player .sc-controls a.sc-pause:hover{
+ background: url('img/play-blue-hover.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause{
+ background: url('img/pause-blue.png');
+}
+
+.sc-player.playing .sc-controls a.sc-pause:hover{
+ background: url('img/pause-blue-hover.png');
+}
+
+.sc-scrubber .sc-time-indicators{
+ 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;
+}
+
+/* Track listings*/
+
+.sc-player ol.sc-trackslist li.active, .sc-player ol.sc-trackslist li:hover {
+ background-color: #fff;
+ padding: 4px;
+ color: #003399;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-box-shadow: 1px 1px 4px #ccc;
+ -webkit-box-shadow: 1px 1px 4px #ccc;
+}
+
+.sc-player ol.sc-trackslist li.active a {
+ color: #003399;
+}
+
+.sc-track-duration {
+ text-align: right;
+ float: right;
+ padding: 0 5px;
+ margin-left: 5px;
+}
+
+/* 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;
+}
+
+.sc-volume-slider {
+ background-color: #e5e5e5;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+}
+
+
+.sc-volume-slider .sc-volume-status{
+ background-color: #666;
+ border-right: 1px solid #003399;
+}
+
Oops, something went wrong.

0 comments on commit eee2be8

Please sign in to comment.