Permalink
Browse files

2.2.8 support and bug fixes

  • Loading branch information...
1 parent 303c2ca commit d1db5641da2bacff220dbdcd7ac884bbb51d2d65 @KasimAhmic committed Oct 26, 2012
@@ -9,16 +9,26 @@
* - http://www.opensource.org/licenses/mit-license.php
* - http://www.gnu.org/copyleft/gpl.html
*
- * Authors: Per Sandström (Updated to support jPlayer 2.1.0 by Kasim Ahmic)
- * Skin Version: 2.0 (jPlayer 2.1.0)
- * Date: April 27th 2012
+ * Authors: Per Sandström and Kasim Ahmic
+ * Skin Version: 2.5 (jPlayer 2.2.8)
+ * Date: October 26th 2012
*/
-*:active, *:focus {
+*:focus, *:active {
outline: none !important;
}
+.noScroll {
+ overflow: hidden !important;
+}
+
+div.jp-jplayer {
+ background-color: #000000;
+ margin: auto auto;
+}
+
div.jp-audio,
+div.jp-audio-stream,
div.jp-video {
/* Edit the font-size to counteract inherited font sizing.
@@ -35,13 +45,20 @@ div.jp-video {
position:relative;
}
div.jp-audio {
+ /*width:100%;*/
width:480px;
}
+div.jp-audio-stream {
+ /*width:100%;*/
+ width:182px;
+}
div.jp-video-270p {
+ /*width:100%;*/
width:480px;
}
div.jp-video-360p {
- width:640px;
+ /*width:100%;*/
+ width: 640px;
}
div.jp-video-full {
/* Rules for IE6 (full-screen) */
@@ -89,6 +106,10 @@ div.jp-audio div.jp-type-playlist div.jp-interface {
height:70px;
}
+div.jp-audio-stream div.jp-type-single div.jp-interface {
+ height:50px;
+}
+
div.jp-video div.jp-interface {
border:0;
}
@@ -112,10 +133,15 @@ div.jp-interface ul.jp-controls {
}
div.jp-audio ul.jp-controls {
- width: 460px;
+ width: auto;
padding: 15px 15px 0 10px;
}
+div.jp-audio-stream ul.jp-controls {
+ width: 142px;
+ padding:5px;
+}
+
div.jp-video div.jp-type-single ul.jp-controls {
width: 78px;
margin-left: 200px;
@@ -200,12 +226,12 @@ div.jp-audio div.jp-progress {
border-radius: 5px;
}
div.jp-audio div.jp-type-single div.jp-progress {
- left:110px;
- width:186px;
+ left:100px;
+ right:180px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
left:156px;
- width:130px;
+ right: 180px;
}
div.jp-video div.jp-progress {
top:0px;
@@ -236,7 +262,7 @@ div.jp-video div.jp-play-bar {
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
- background: url("jplayer.black.seeking.gif");
+ background: url("jplayer.midnight.black.seeking.gif");
}
/* @end */
@@ -247,50 +273,66 @@ div.jp-seeking-bg {
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
+ position: absolute;
+ top: 27px;
width:18px;
height:15px;
- margin-top:12px;
- margin-left: -24px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
- margin-left: 210px;
+ right: 148px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
- margin-left: 154px;
+ right: 148px;
}
-div.jp-audio a.jp-volume-max {
- margin-left: 56px;
+div.jp-audio div.jp-type-single a.jp-volume-max {
+ right: 15px;
}
-div.jp-audio div.jp-type-single a.jp-volume-max {
- margin-left: 126px !important;
+div.jp-audio div.jp-type-playlist a.jp-volume-max {
+ right: 85px;
+}
+
+div.jp-audio-stream div.jp-type-single a.jp-mute,
+div.jp-audio-stream div.jp-type-single a.jp-unmute {
+ top: 18px;
+ left: 60px;
}
-div.jp-audio div.jp-type-single a.jp-mute {
- margin-left: 220px !important;
+div.jp-audio-stream a.jp-volume-max {
+ top: 18px;
+ left: 150px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
position: absolute;
- top:12px;
- margin-top:0;
+ top: 12px;
+ width:18px;
+ height:15px;
}
-div.jp-video a.jp-mute,
-div.jp-video a.jp-unmute {
- left: 50px;
+div.jp-video div.jp-type-single a.jp-mute,
+div.jp-video div.jp-type-single a.jp-unmute {
+ left: 0px;
}
+div.jp-video div.jp-type-playlist a.jp-mute,
+div.jp-video div.jp-type-playlist a.jp-unmute {
+ left: 0;
+}
-div.jp-video a.jp-volume-max {
- left: 134px;
+div.jp-video div.jp-type-single a.jp-volume-max {
+ left: 160px;
+}
+
+div.jp-video div.jp-type-playlist a.jp-volume-max {
+ left: 128px;
}
a.jp-mute {
@@ -314,35 +356,44 @@ a.jp-volume-max:hover {
background: url("jplayer.midnight.black.png") -19px -186px no-repeat;
}
-div.jp-volume-bar {
- position: absolute;
+div.jp-video div.jp-volume-bar,
+div.jp-audio-stream div.jp-volume-bar,
+div.jp-audio div.jp-volume-bar {
+ position:absolute !important;
overflow:hidden;
- background: url("jplayer.midnight.black.png") 0 -250px repeat-x;
- width:46px;
+ background:url("jplayer.midnight.black.png") 0 -250px repeat-x;
height:5px;
- cursor: pointer;
- border-radius: 5px;
+ cursor:pointer;
+ border-radius:5px;
}
+
div.jp-audio div.jp-type-single div.jp-volume-bar {
- position: absolute;
- left: 337px !important;
- overflow:hidden;
- background: url("jplayer.midnight.black.png") 0 -250px repeat-x;
+ top:32px;
+ right:45px;
width:100px;
- height:5px;
- cursor: pointer;
- border-radius: 5px;
}
-div.jp-audio div.jp-volume-bar {
+div.jp-audio div.jp-type-playlist div.jp-volume-bar {
top:32px;
- left:317px;
+ right:110px;
+ width:40px;
+}
+div.jp-audio-stream div.jp-type-single div.jp-volume-bar {
+ width:60px;
+ top:23px;
+ left:80px;
}
-div.jp-video div.jp-volume-bar {
+div.jp-video div.jp-type-single div.jp-volume-bar {
top:17px;
- left:50px;
+ left:20px;
+ width:130px;
+}
+div.jp-video div.jp-type-playlist div.jp-volume-bar {
+ top:17px;
+ left:20px;
+ width:100px;
}
div.jp-volume-bar-value {
- background: url("jplayer.midnight.black.png") 0 -256px repeat-x;
+ background:url("jplayer.midnight.black.png") 0 -256px repeat-x;
width:0px;
height:5px;
border-radius: 5px;
@@ -357,17 +408,17 @@ div.jp-audio div.jp-time-holder {
top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
- left:110px;
- width:186px;
+ left:100px;
+ right:180px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
left:156px;
- width:130px;
+ right:180px;
}
div.jp-current-time,
div.jp-duration {
- width:60px;
+ width:auto;
font-size:.64em;
font-style:oblique;
}
@@ -383,10 +434,10 @@ div.jp-duration {
}
div.jp-video div.jp-current-time {
- margin-left:20px;
+ margin-left:10px;
}
div.jp-video div.jp-duration {
- margin-right:20px;
+ margin-right:10px;
}
/* @end */
@@ -467,7 +518,7 @@ div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
- color:#0d88c1;
+ color:#FFF;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
float:right;
@@ -479,7 +530,7 @@ div.jp-type-playlist div.jp-playlist span.jp-free-media a{
color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
- color:#0d88c1;
+ color:#FFF;
}
span.jp-artist {
font-size:.8em;
@@ -524,24 +575,6 @@ div.jp-video-play:hover a.jp-video-play-icon {
background: url("jplayer.midnight.black.video.play.png") 0 -100px no-repeat;
}
-
-
-
-
-div.jp-jplayer audio,
-div.jp-jplayer {
- width:0px;
- height:0px;
-}
-
-div.jp-jplayer {
- background-color: #000000;
-}
-
-
-
-
-
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit d1db564

Please sign in to comment.