Permalink
Browse files

shorten the relative paths in css

  • Loading branch information...
1 parent 6440264 commit 80d1b58d4c001f661274102f077b8eedc13cba38 Matas committed Mar 19, 2010
View
@@ -9,6 +9,7 @@ Download the CSS and JS files for the sc-player here:
http://github.com/mataspetrikas/jQuery-SoundCloud-Player-Plugin/archives/master
First, add the player css files in the 'head' tag of your page source:
+link rel="stylesheet" href="../css/sc-player-standard.css" type="text/css">
<link rel="stylesheet" href="../css/sc-player.css" type="text/css">
Then add the script tags at the end of your 'body' tag (in case you're already using jQuery on your site, skip the first script tag):
@@ -1,3 +1,3 @@
-@import url("../css/artwork/standards.css");
-@import url("../css/artwork/structure.css");
-@import url("../css/artwork/colors.css");
+@import url("sc-player-artwork/standards.css");
+@import url("sc-player-artwork/structure.css");
+@import url("sc-player-artwork/colors.css");
@@ -43,27 +43,27 @@
.sc-player .sc-controls a {
color: transparent;
- background: url('../../css/artwork/img/play.png');
+ background: url('../../css/sc-player-artwork/img/play.png');
}
.sc-player .sc-controls a:hover {
- background: url('../../css/artwork/img/play-hover.png');
+ background: url('../../css/sc-player-artwork/img/play-hover.png');
}
.sc-player .sc-controls a.sc-pause {
- background: url('../../css/artwork/img/play.png');
+ background: url('../../css/sc-player-artwork/img/play.png');
}
.sc-player .sc-controls a.sc-pause:hover{
- background: url('../../css/artwork/img/play-hover.png');
+ background: url('../../css/sc-player-artwork/img/play-hover.png');
}
.sc-player.playing .sc-controls a.sc-pause{
- background: url('../../css/artwork/img/pause.png');
+ background: url('../../css/sc-player-artwork/img/pause.png');
}
.sc-player.playing .sc-controls a.sc-pause:hover{
- background: url('../../css/artwork/img/pause-hover.png');
+ background: url('../../css/sc-player-artwork/img/pause-hover.png');
}
.sc-scrubber .sc-time-indicators{
@@ -1,3 +1,3 @@
-@import url("../css/minimal/standards.css");
-@import url("../css/minimal/structure.css");
-@import url("../css/minimal/colors.css");
+@import url("sc-player-minimal/standards.css");
+@import url("sc-player-minimal/structure.css");
+@import url("sc-player-minimal/colors.css");
@@ -44,27 +44,27 @@
.sc-player .sc-controls a {
color: transparent;
- background: url('../../css/minimal/img/play.png');
+ background: url('img/play.png');
}
.sc-player .sc-controls a:hover {
- background: url('../../css/minimal/img/play-hover.png');
+ background: url('img/play-hover.png');
}
.sc-player .sc-controls a.sc-pause {
- background: url('../../css/minimal/img/play.png');
+ background: url('img/play.png');
}
.sc-player .sc-controls a.sc-pause:hover{
- background: url('../../css/minimal/img/play-hover.png');
+ background: url('img/play-hover.png');
}
.sc-player.playing .sc-controls a.sc-pause{
- background: url('../../css/minimal/img/pause.png');
+ background: url('img/pause.png');
}
.sc-player.playing .sc-controls a.sc-pause:hover{
- background: url('../../css/minimal/img/pause-hover.png');
+ background: url('img/pause-hover.png');
}
.sc-scrubber .sc-time-indicators{
@@ -1,3 +1,3 @@
-@import url("../css/red/standards.css");
-@import url("../css/red/structure.css");
-@import url("../css/red/colors.css");
+@import url("sc-player-red/standards.css");
+@import url("sc-player-red/structure.css");
+@import url("sc-player-red/colors.css");
@@ -42,27 +42,27 @@
.sc-player .sc-controls a {
color: transparent;
- background: url('../../css/red/img/play.png');
+ background: url('img/play.png');
}
.sc-player .sc-controls a:hover {
- background: url('../../css/red/img/play-hover.png');
+ background: url('img/play-hover.png');
}
.sc-player .sc-controls a.sc-pause {
- background: url('../../css/red/img/play.png');
+ background: url('img/play.png');
}
.sc-player .sc-controls a.sc-pause:hover{
- background: url('../../css/red/img/play-hover.png');
+ background: url('img/play-hover.png');
}
.sc-player.playing .sc-controls a.sc-pause{
- background: url('../../css/red/img/pause.png');
+ background: url('img/pause.png');
}
.sc-player.playing .sc-controls a.sc-pause:hover{
- background: url('../../css/red/img/pause-hover.png');
+ background: url('img/pause-hover.png');
}
.sc-scrubber .sc-time-indicators{
@@ -1,3 +1,3 @@
-@import url("../css/standard/standards.css");
-@import url("../css/standard/structure-horizontal.css"); /* switch here between 'horizontal' and 'vertical' structure */
-@import url("../css/standard/colors-green.css"); /* switch here between 'blue', 'orange' and 'green' color-shemes */
+@import url("sc-player-standard/standards.css");
+@import url("sc-player-standard/structure-horizontal.css"); /* switch here between 'horizontal' and 'vertical' structure */
+@import url("sc-player-standard/colors-green.css"); /* switch here between 'blue', 'orange' and 'green' color-shemes */
@@ -51,27 +51,27 @@
.sc-player .sc-controls a {
color: transparent;
- background: url('../../css/standard/img/play-blue.png');
+ background: url('img/play-blue.png');
}
.sc-player .sc-controls a:hover {
- background: url('../../css/standard/img/play-blue-hover.png');
+ background: url('img/play-blue-hover.png');
}
.sc-player .sc-controls a.sc-pause {
- background: url('../../css/standard/img/play-blue.png');
+ background: url('img/play-blue.png');
}
.sc-player .sc-controls a.sc-pause:hover{
- background: url('../../css/standard/img/play-blue-hover.png');
+ background: url('img/play-blue-hover.png');
}
.sc-player.playing .sc-controls a.sc-pause{
- background: url('../../css/standard/img/pause-blue.png');
+ background: url('img/pause-blue.png');
}
.sc-player.playing .sc-controls a.sc-pause:hover{
- background: url('../../css/standard/img/pause-blue-hover.png');
+ background: url('img/pause-blue-hover.png');
}
.sc-scrubber .sc-time-indicators{
@@ -48,27 +48,27 @@
.sc-player .sc-controls a {
color: transparent;
- background: url('../../css/standard/img/play-green.png');
+ background: url('../../css/sc-player-standard/img/play-green.png');
}
.sc-player .sc-controls a:hover {
- background: url('../../css/standard/img/play-green-hover.png');
+ background: url('../../css/sc-player-standard/img/play-green-hover.png');
}
.sc-player .sc-controls a.sc-pause {
- background: url('../../css/standard/img/play-green.png');
+ background: url('../../css/sc-player-standard/img/play-green.png');
}
.sc-player .sc-controls a.sc-pause:hover{
- background: url('../../css/standard/img/play-green-hover.png');
+ background: url('../../css/sc-player-standard/img/play-green-hover.png');
}
.sc-player.playing .sc-controls a.sc-pause{
- background: url('../../css/standard/img/pause-green.png');
+ background: url('../../css/sc-player-standard/img/pause-green.png');
}
.sc-player.playing .sc-controls a.sc-pause:hover{
- background: url('../../css/standard/img/pause-green-hover.png');
+ background: url('../../css/sc-player-standard/img/pause-green-hover.png');
}
.sc-scrubber .sc-time-indicators{
@@ -49,27 +49,27 @@
.sc-player .sc-controls a {
color: transparent;
- background: url('../../css/standard/img/play-orange.png');
+ background: url('../../css/sc-player-standard/img/play-orange.png');
}
.sc-player .sc-controls a:hover {
- background: url('../../css/standard/img/play-orange-hover.png');
+ background: url('../../css/sc-player-standard/img/play-orange-hover.png');
}
.sc-player .sc-controls a.sc-pause {
- background: url('../../css/standard/img/play-orange.png');
+ background: url('../../css/sc-player-standard/img/play-orange.png');
}
.sc-player .sc-controls a.sc-pause:hover{
- background: url('../../css/standard/img/play-orange-hover.png');
+ background: url('../../css/sc-player-standard/img/play-orange-hover.png');
}
.sc-player.playing .sc-controls a.sc-pause{
- background: url('../../css/standard/img/pause-orange.png');
+ background: url('../../css/sc-player-standard/img/pause-orange.png');
}
.sc-player.playing .sc-controls a.sc-pause:hover{
- background: url('../../css/standard/img/pause-orange-hover.png');
+ background: url('../../css/sc-player-standard/img/pause-orange-hover.png');
}
.sc-scrubber .sc-time-indicators{
@@ -5,7 +5,7 @@
<head>
<title>SC player example</title>
- <link rel="stylesheet" href="../css/artwork.css" type="text/css">
+ <link rel="stylesheet" href="../css/sc-player-artwork.css" type="text/css">
</head>
@@ -6,7 +6,7 @@
<head>
<title>SC Player Minimal Example</title>
- <link rel="stylesheet" href="../css/minimal.css" type="text/css">
+ <link rel="stylesheet" href="../css/sc-player-minimal.css" type="text/css">
</head>
@@ -5,7 +5,7 @@
<head>
<title>SC player example</title>
- <link rel="stylesheet" href="../css/red.css" type="text/css">
+ <link rel="stylesheet" href="../css/sc-player-red.css" type="text/css">
</head>
@@ -5,7 +5,7 @@
<head>
<title>SC player example</title>
- <link rel="stylesheet" href="../css/standard.css" type="text/css">
+ <link rel="stylesheet" href="../css/sc-player-standard.css" type="text/css">
</head>

0 comments on commit 80d1b58

Please sign in to comment.