social_stream-documents 2.0.0.beta1 → 2.0.0.beta2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 21343b627b82723ae7bc741d39e7750f5d435862
-  data.tar.gz: c267351a0ad8192a6decb3b1e379bea0a68a15cf
+  metadata.gz: 8568d3d2c736a125d68969748994d8dc0ab24880
+  data.tar.gz: 602f2f76290dc012d7d037fe648b379fa61a5979
 SHA512:
-  metadata.gz: e21074e415ac60ea399f4217d5e6a37bec96704db37c8d443b3036752a6799bdf2bae072907e507f45cc7a6c5fd9203818e74311245c572349377774f4f653d0
-  data.tar.gz: 3fb4e86053d6186c783e027f7033affff5d8dee57685d367aa849884eb3ed72379cd27367a4945d30373976f8ce3071796b99541181f30ba93fe141afcaa7a29
+  metadata.gz: 072dec6f09394891a0618b46bbc1098da87dacee668ec1f1d6c53674a626129e2b12a29c1bf2c30d147a3d41018d3e5f5a68f49bdc3e6fbbf86ff59191299b04
+  data.tar.gz: a761a093b9d586c53b36d2725beffc938c8076041b622dfee8091bfaaea9548f636949a652f16955dd731bcb8651b9654ccd6dbc95891a08021238b0b0490038

data/app/assets/stylesheets/social_stream/documents/documents/_documents.css.sass

@@ -1,4 +1,7 @@
 #repository
-  .btn
-    @extend .btn-blue
+  .repository
+    h1
+      @include colorfont-big-size
+    .btn
+      @include btn-primary
 

data/app/assets/stylesheets/social_stream/documents/documents/layout/_documents.css.sass

@@ -1,9 +1,12 @@
-.repository
+div.repository
   @include grid-core-span(10, $fluidGridColumnWidth, $fluidGridGutterWidth)
-  display: block
   float: left
   margin-left: 2.5%
 
+section.repository
+  display: block
+  clear: both
+
 #repository
   
   .repository_show
@@ -17,6 +20,7 @@
       float: right
    
   .btn
+    @include btn-secundary
     float: right
     width: 90px
     display: inline-block

data/app/assets/stylesheets/social_stream/documents/responsive/_responsive-1200px-min.css.sass

@@ -18,4 +18,9 @@
       .avatar
         width: 11%
       form.new_comment
-        width: 86.8%
+        width: 86.8%
+
+  #documents
+    .details
+      .tab-content
+        margin-top: -1px

data/app/assets/stylesheets/social_stream/documents/responsive/_responsive-768px-979px.css.sass

@@ -13,9 +13,10 @@
     .video,
     .document
       .central
-        @include grid-core-span(8, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        @include grid-core-span(7, $fluidGridColumnWidth, $fluidGridGutterWidth)
+        margin-left: 20px
       .details
-        width: 26% !important
+        width: 20% !important
         float: left 
         margin-left: 20px !important
         section
@@ -46,9 +47,3 @@
             display: inline-block
             @include size (70px, 90% !important)
             width: 90% !important
-
-
-  #repository
-    .repository
-      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
-

data/app/assets/stylesheets/social_stream/documents/show/_show.css.sass

@@ -67,6 +67,6 @@
     form.new_comment
       input
         &[type="submit"]
-          @include buttonBackground($blueDark, $blue, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25))
+          @include btn-secundary
 
      

data/app/assets/stylesheets/social_stream/documents/show/layout/_show.css.sass

@@ -50,7 +50,7 @@
 
   .details
     @extend .hidden-phone
-    width: 21.8%
+    width: 20%
     float: left 
     margin-left: 30px
     h4

data/app/assets/stylesheets/social_stream/documents/timeline/_audios.css.sass

@@ -5,17 +5,56 @@
   border: none
 
 div.jp-progress
+  width: 98.5% !important
+  border-bottom: 2px solid #ddd
+  border-right: 2px solid #666
   div.jp-seek-bar
     background: none
+    width: 100%
+    border: 2px solid #555
+    img
+      height: 100%
+      width: 100%
 
     div.jp-play-bar
-      background: none black
-
-
-.jp-interface
+      background: none $blue
+div.down
+  div.jp-current-time
+    width: 123px !important
+    background-color: rgba(0, 0, 0, .1)
+    @include border-radius(8px)
+    color: rgba(245, 245, 245, 0.3)
+    padding: 0 3px
+    border-top: 1px solid #333
+
+div.jp-interface
   border: none !important
+  @include gradient-radial ($innerColor: #666, $outerColor: #333)
 
 
 div.jp-playlist
   border: none
 
+div.jp.audio
+  color: #c9c9c9
+
+div.jp.controls
+  jp.play,
+  jp.pause,
+  jp.mute,
+  jp.unmute
+    margin-left: 10px
+
+div.jp.volume-bar
+  margin-left: 6px
+  margin-top: 5px
+  
+.play_over
+  z-index: 600
+  position: relative
+  min-height: 96px
+  background: rgba (250, 250, 250, .1) url('jplayer.blue.monday.video.play.png') no-repeat center center
+  &:hover
+    background: rgba (250, 250, 250, .1) url('jplayer.blue.monday.video.play.hover.png') no-repeat center center
+
+

data/app/views/audios/_audio_processed.html.erb

@@ -43,4 +43,8 @@
       <div id="jp_playlist_<%= dom_id audio %>" class="jp-playlist"></div>
     </div>
   </div>
+
+  <%= render partial: 'objects/timeline_description',
+             object: audio,
+             as: :obj %>
 </div>

data/app/views/audios/_audio_show.html.erb

@@ -8,7 +8,7 @@
     },
     supplied: "webma",
     preload: "none",
-    swfPath: "<%= asset_path("") %>",
+    swfPath: "<%= asset_path "Jplayer.swf" %>",
     cssSelectorAncestor: "#jp_interface_<%=audio.id%>"
   });
 
@@ -59,4 +59,4 @@
 </div>
 <% end %>
 
-<% end %> 
+<% end %> 

data/app/views/common_documents/_show.html.erb

@@ -18,17 +18,14 @@
           <%= document.title %>
         </h6>
         <div class="actions">
-          <% if can? :destroy, document %>
-            
-            <%= link_to raw("<i class='icon_tool16-save'></i> "), download_document_path(document), title: t('document.actions.download') %>
-
-          <% end %>
+          <%= link_to raw("<i class='icon_tool16-save'></i> "), download_document_path(document), title: t('document.actions.download') %>
 
-          <%= link_to raw("<i class='icon_tool16-trash'></i> "),  document,
+          <% if can? :destroy, document %>
+            <%= link_to raw("<i class='icon_tool16-trash'></i> "),  document,
                         confirm: t('confirm_delete', scope: document.class.to_s.underscore),
                         title: t('document.actions.delete'),
                         method: :delete %>
-          
+          <% end %>
           </div>
         </div>
 

data/app/views/videos/_video_show.html.erb

@@ -60,7 +60,7 @@
       solution:"flash, html",
       preload: "none",
       supplied: "webmv, flv, mp4",
-      swfPath: "<%= asset_path(nil) %>",
+      swfPath: "<%= asset_path('Jplayer.swf') %>",
       cssSelectorAncestor: "#jp_interface_<%=video.id%>"
     });
   <% end %>

data/lib/social_stream/documents/version.rb

@@ -1,5 +1,5 @@
 module SocialStream
   module Documents
-    VERSION = "2.0.0.beta1".freeze
+    VERSION = "2.0.0.beta2".freeze
   end
 end

data/social_stream-documents.gemspec

@@ -12,7 +12,7 @@ Gem::Specification.new do |s|
   s.files = `git ls-files`.split("\n")
 
   # Gem dependencies
-  s.add_runtime_dependency('social_stream-base', '~> 2.0.0.beta1')
+  s.add_runtime_dependency('social_stream-base', '~> 2.0.0.beta2')
   s.add_runtime_dependency('paperclip','~> 3.3.0')
   s.add_runtime_dependency('paperclip-ffmpeg', '~> 0.9.0')
   s.add_runtime_dependency('delayed_paperclip','>= 2.4.5.2')

data/vendor/assets/stylesheets/jplayer.blue.monday.css

@@ -1,449 +1,449 @@
-/*
- * Skin for jPlayer Plugin (jQuery JavaScript Library)
- * http://www.happyworm.com/jquery/jplayer
- *
- * Skin Name: Blue Monday
- *
- * Copyright (c) 2010 Happyworm Ltd
- * Dual licensed under the MIT and GPL licenses.
- *  - http://www.opensource.org/licenses/mit-license.php
- *  - http://www.gnu.org/copyleft/gpl.html
- *
- * Author: Silvia Benvenuti
- * Skin Version: 3.0 (jPlayer 2.0.0)
- * Date: 20th December 2010
- */
-
-div.jp-audio,
-div.jp-video {
-
-	/* Edit the font-size to counteract inherited font sizing.
-	 * Eg. 1.25em = 1 / 0.8em
-	 */
-
-	font-size:1.25em;
-
-	font-family:Verdana, Arial, sans-serif;
-	line-height:1.6;
-	color: #666;
-}
-div.jp-audio {
-	width:330px;
-}
-div.jp-video-270p {
-	width:480px;
-}
-div.jp-video-360p {
-	width:640px;
-}
-div.jp-interface {
-	position: relative;
-	background-color:#eee;
-	/* width:418px; */
-	width:100%;
-	border:1px solid #009be3;
-}
-div.jp-audio div.jp-type-single div.jp-interface {
-	height:40px;
-	border-bottom:none;
-}
-div.jp-audio div.jp-type-playlist div.jp-interface {
-	height:80px;
-}
-div.jp-video div.jp-type-single div.jp-interface {
-	height:60px;
-	border-bottom:none;
-}
-div.jp-video div.jp-type-playlist div.jp-interface {
-	height:60px;
-}
-div.jp-interface ul.jp-controls {
-	list-style-type:none;
-	padding:0;
-	margin: 0;
-}
-div.jp-interface ul.jp-controls li {
-	/* position: absolute; */
-	display:inline;
-}
-div.jp-interface ul.jp-controls a {
-	position: absolute;
-	overflow:hidden;
-	text-indent:-9999px;
-}
-a.jp-play,
-a.jp-pause {
-	width:40px;
-	height:40px;
-	z-index:1;
-}
-div.jp-audio div.jp-type-single a.jp-play,
-div.jp-audio div.jp-type-single a.jp-pause {
-	top:0px;
-	left:10px;
-}
-div.jp-audio div.jp-type-playlist a.jp-play,
-div.jp-audio div.jp-type-playlist a.jp-pause {
-	top:0px;
-	left:10px;
-}
-div.jp-video a.jp-play,
-div.jp-video a.jp-pause {
-	top:15px;
-}
-div.jp-video-270p div.jp-type-single a.jp-play,
-div.jp-video-270p div.jp-type-single a.jp-pause {
-	left:195px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-play,
-div.jp-video-270p div.jp-type-playlist a.jp-pause {
-	left:220px;
-}
-div.jp-video-360p div.jp-type-single a.jp-play,
-div.jp-video-360p div.jp-type-single a.jp-pause {
-	left:275px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-play,
-div.jp-video-360p div.jp-type-playlist a.jp-pause {
-	left:300px;
-}
-a.jp-play {
-	background: url("jplayer.blue.monday.jpg") 0 0 no-repeat;
-}
-a.jp-play:hover {
-	background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat;
-}
-a.jp-pause {
-	background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat;
-	display: none;
-}
-a.jp-pause:hover {
-	background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat;
-}
-div.jp-audio div.jp-type-single a.jp-stop {
-	top:6px;
-	left:60px;
-}
-div.jp-audio div.jp-type-playlist a.jp-stop {
-	top:6px;
-	left:96px;
-}
-div.jp-video a.jp-stop {
-	top:21px;
-}
-div.jp-video-270p div.jp-type-single a.jp-stop {
-	left:245px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-stop {
-	left:298px;
-}
-div.jp-video-360p div.jp-type-single a.jp-stop {
-	left:325px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-stop {
-	left:378px;
-}
-a.jp-stop {
-	background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;
-	width:28px;
-	height:28px;
-	z-index:1;
-}
-a.jp-stop:hover {
-	background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;
-}
-div.jp-audio div.jp-type-playlist a.jp-previous {
-	left:20px;
-	top:26px;
-}
-div.jp-video div.jp-type-playlist a.jp-previous {
-	top:21px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-previous {
-	left:192px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-previous {
-	left:272px;
-}
-a.jp-previous {
-	background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat;
-	width:28px;
-	height:28px;
-}
-a.jp-previous:hover {
-	background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat;
-}
-div.jp-audio div.jp-type-playlist a.jp-next {
-	left:88px;
-	top:26px;
-}
-div.jp-video div.jp-type-playlist a.jp-next {
-	top:21px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-next {
-	left:260px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-next {
-	left:340px;
-}
-a.jp-next {
-	background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat;
-	width:28px;
-	height:28px;
-}
-a.jp-next:hover {
-	background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat;
-}
-div.jp-progress {
-	position: absolute;
-	overflow:hidden;
-	background-color: #ddd;
-}
-div.jp-audio div.jp-type-single div.jp-progress {
-	top:13px;
-	left:100px;
-	width:122px;
-	height:15px;
-}
-div.jp-audio div.jp-type-playlist div.jp-progress {
-	top:13px;
-	left:134px;
-	width:122px;
-	height:15px;
-}
-div.jp-video div.jp-progress {
-	top:0px;
-	left:0px;
-	width:100%;
-	height:10px;
-}
-div.jp-seek-bar {
-	background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x;
-	width:0px;
-	/* height:15px; */
-	height:100%;
-	cursor: pointer;
-}
-div.jp-play-bar {
-	background: url("jplayer.blue.monday.jpg") 0 -218px repeat-x ;
-	width:0px;
-	/* height:15px; */
-	height:100%;
-}
-
-/* The seeking class is added/removed inside jPlayer */
-div.jp-seeking-bg {
-	background: url("pbar-ani.gif");
-}
-
-a.jp-mute,
-a.jp-unmute {
-	width:18px;
-	height:15px;
-}
-div.jp-audio div.jp-type-single a.jp-mute,
-div.jp-audio div.jp-type-single a.jp-unmute {
-	top:13px;
-	left:244px;
-}
-div.jp-audio div.jp-type-playlist a.jp-mute,
-div.jp-audio div.jp-type-playlist a.jp-unmute {
-	top:13px;
-	left:266px;
-}
-div.jp-video a.jp-mute,
-div.jp-video a.jp-unmute {
-	top:27px;
-}
-div.jp-video-270p div.jp-type-single a.jp-mute,
-div.jp-video-270p div.jp-type-single a.jp-unmute {
-	left:304px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-unmute,
-div.jp-video-270p div.jp-type-playlist a.jp-mute {
-	left:363px;
-}
-div.jp-video-360p div.jp-type-single a.jp-mute,
-div.jp-video-360p div.jp-type-single a.jp-unmute {
-	left:384px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-mute,
-div.jp-video-360p div.jp-type-playlist a.jp-unmute {
-	left:443px;
-}
-a.jp-mute {
-	background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat;
-}
-a.jp-mute:hover {
-	background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat;
-}
-a.jp-unmute {
-	background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat;
-	display: none;
-}
-a.jp-unmute:hover {
-	background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat;
-}
-div.jp-volume-bar {
-	position: absolute;
-	overflow:hidden;
-	background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;
-	width:46px;
-	height:5px;
-	cursor: pointer;
-}
-div.jp-audio div.jp-type-single div.jp-volume-bar {
-	top:18px;
-	left:272px;
-}
-div.jp-audio div.jp-type-playlist div.jp-volume-bar {
-	top:18px;
-	left:194px;
-}
-div.jp-video div.jp-volume-bar {
-	top:32px;
-}
-div.jp-video-270p div.jp-type-single div.jp-volume-bar {
-	left:332px;
-}
-div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
-	left:391px;
-}
-div.jp-video-360p div.jp-type-single div.jp-volume-bar {
-	left:412px;
-}
-div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
-	left:471px;
-}
-div.jp-volume-bar-value {
-	background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x;
-	width:0px;
-	height:5px;
-}
-//*
-div.jp-current-time,
-div.jp-duration {
-	position: absolute;
-	font-size:.64em;
-	font-style:oblique;
-}
-div.jp-duration {
-	text-align: right;
-}
-div.jp-audio div.jp-type-single div.jp-current-time,
-div.jp-audio div.jp-type-single div.jp-duration {
-	top:30px;
-	left:100px;
-	width:122px;
-}
-div.jp-audio div.jp-type-playlist div.jp-current-time,
-div.jp-audio div.jp-type-playlist div.jp-duration {
-	top:30px;
-	left:134px;
-	width:122px;
-}
-div.jp-video div.jp-current-time,
-div.jp-video div.jp-duration {
-	top:10px;
-	left:0px;
-	width:98%;
-	padding:0 1%;
-}*//
-div.jp-playlist {
-	/* width:418px; */
-	width:100%;
-	background-color:#ccc;
-	border:1px solid #009be3;
-	border-top:none;
-}
-div.jp-playlist ul {
-	list-style-type:none;
-	margin:0;
-	padding:0 20px;
-	/* background-color:#ccc; */
-	/* border:1px solid #009be3; */
-	/* border-top:none; */
-	/* width:378px; */
-	font-size:.72em;
-}
-
-
-div.jp-type-single div.jp-playlist li {
-	padding:5px 0 5px 20px;
-	font-weight:bold;
-}
-div.jp-type-playlist div.jp-playlist li {
-	padding:5px 0 4px 20px;
-	border-bottom:1px solid #eee;
-}
-/*
-div.jp-video div.jp-playlist li {
-	padding:5px 0 5px 20px;
-	font-weight:bold;
-}
-*/
-div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
-	padding:5px 0 5px 20px;
-	border-bottom:none;
-}
-div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
-	list-style-type:square;
-	list-style-position:inside;
-	padding-left:8px;
-}
-div.jp-type-playlist div.jp-playlist a {
-	color: #666;
-	text-decoration: none;
-}
-div.jp-type-playlist div.jp-playlist a:hover {
-	color:#0d88c1;
-}
-div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
-	color:#0d88c1;
-}
-div.jp-type-playlist div.jp-playlist div.jp-free-media {
-	display:inline;
-	margin-left:20px;
-}
-
-div.jp-video div.jp-video-play {
-	background: transparent url("jplayer.blue.monday.video.play.png") no-repeat center;
-	/* position: relative; */
-	position: absolute;
-	cursor:pointer;
-	z-index:2;
-}
-div.jp-video div.jp-video-play:hover {
-	background: transparent url("jplayer.blue.monday.video.play.hover.png") no-repeat center;
-}
-div.jp-video-270p div.jp-video-play {
-	top:-270px;
-	width:480px;
-	height:270px;
-}
-div.jp-video-360p div.jp-video-play {
-	top:-360px;
-	width:640px;
-	height:360px;
-}
-
-div.jp-jplayer {
-	width:0px;
-	height:0px;
-}
-div.jp-video div.jp-jplayer {
-	border:1px solid #009be3;
-	border-bottom:none;
-	z-index:1;
-}
-div.jp-video-270p div.jp-jplayer {
-	width:480px;
-	height:270px;
-}
-div.jp-video-360p div.jp-jplayer {
-	width:640px;
-	height:360px;
-}
-div.jp-jplayer {
-	background-color: #000000;
-}
+/*
+ * Skin for jPlayer Plugin (jQuery JavaScript Library)
+ * http://www.happyworm.com/jquery/jplayer
+ *
+ * Skin Name: Blue Monday
+ *
+ * Copyright (c) 2010 Happyworm Ltd
+ * Dual licensed under the MIT and GPL licenses.
+ *  - http://www.opensource.org/licenses/mit-license.php
+ *  - http://www.gnu.org/copyleft/gpl.html
+ *
+ * Author: Silvia Benvenuti
+ * Skin Version: 3.0 (jPlayer 2.0.0)
+ * Date: 20th December 2010
+ */
+
+div.jp-audio,
+div.jp-video {
+
+	/* Edit the font-size to counteract inherited font sizing.
+	 * Eg. 1.25em = 1 / 0.8em
+	 */
+
+	font-size:1.25em;
+
+	font-family:Verdana, Arial, sans-serif;
+	line-height:1.6;
+	color: #666;
+}
+div.jp-audio {
+	width:330px;
+}
+div.jp-video-270p {
+	width:480px;
+}
+div.jp-video-360p {
+	width:640px;
+}
+div.jp-interface {
+	position: relative;
+	background-color:#eee;
+	/* width:418px; */
+	width:100%;
+	border:1px solid #009be3;
+}
+div.jp-audio div.jp-type-single div.jp-interface {
+	height:40px;
+	border-bottom:none;
+}
+div.jp-audio div.jp-type-playlist div.jp-interface {
+	height:80px;
+}
+div.jp-video div.jp-type-single div.jp-interface {
+	height:60px;
+	border-bottom:none;
+}
+div.jp-video div.jp-type-playlist div.jp-interface {
+	height:60px;
+}
+div.jp-interface ul.jp-controls {
+	list-style-type:none;
+	padding:0;
+	margin: 0;
+}
+div.jp-interface ul.jp-controls li {
+	/* position: absolute; */
+	display:inline;
+}
+div.jp-interface ul.jp-controls a {
+	position: absolute;
+	overflow:hidden;
+	text-indent:-9999px;
+}
+a.jp-play,
+a.jp-pause {
+	width:40px;
+	height:40px;
+	z-index:1;
+}
+div.jp-audio div.jp-type-single a.jp-play,
+div.jp-audio div.jp-type-single a.jp-pause {
+	top:0px;
+	left:10px;
+}
+div.jp-audio div.jp-type-playlist a.jp-play,
+div.jp-audio div.jp-type-playlist a.jp-pause {
+	top:0px;
+	left:10px;
+}
+div.jp-video a.jp-play,
+div.jp-video a.jp-pause {
+	top:15px;
+}
+div.jp-video-270p div.jp-type-single a.jp-play,
+div.jp-video-270p div.jp-type-single a.jp-pause {
+	left:195px;
+}
+div.jp-video-270p div.jp-type-playlist a.jp-play,
+div.jp-video-270p div.jp-type-playlist a.jp-pause {
+	left:220px;
+}
+div.jp-video-360p div.jp-type-single a.jp-play,
+div.jp-video-360p div.jp-type-single a.jp-pause {
+	left:275px;
+}
+div.jp-video-360p div.jp-type-playlist a.jp-play,
+div.jp-video-360p div.jp-type-playlist a.jp-pause {
+	left:300px;
+}
+a.jp-play {
+	background: url("jplayer.blue.monday.png") 0 0 no-repeat;
+}
+a.jp-play:hover {
+	background: url("jplayer.blue.monday.png") -41px 0 no-repeat;
+}
+a.jp-pause {
+	background: url("jplayer.blue.monday.png") 0 -42px no-repeat;
+	display: none;
+}
+a.jp-pause:hover {
+	background: url("jplayer.blue.monday.png") -41px -42px no-repeat;
+}
+div.jp-audio div.jp-type-single a.jp-stop {
+	top:6px;
+	left:60px;
+}
+div.jp-audio div.jp-type-playlist a.jp-stop {
+	top:6px;
+	left:96px;
+}
+div.jp-video a.jp-stop {
+	top:21px;
+}
+div.jp-video-270p div.jp-type-single a.jp-stop {
+	left:245px;
+}
+div.jp-video-270p div.jp-type-playlist a.jp-stop {
+	left:298px;
+}
+div.jp-video-360p div.jp-type-single a.jp-stop {
+	left:325px;
+}
+div.jp-video-360p div.jp-type-playlist a.jp-stop {
+	left:378px;
+}
+a.jp-stop {
+	background: url("jplayer.blue.monday.png") 0 -83px no-repeat;
+	width:28px;
+	height:28px;
+	z-index:1;
+}
+a.jp-stop:hover {
+	background: url("jplayer.blue.monday.png") -29px -83px no-repeat;
+}
+div.jp-audio div.jp-type-playlist a.jp-previous {
+	left:20px;
+	top:26px;
+}
+div.jp-video div.jp-type-playlist a.jp-previous {
+	top:21px;
+}
+div.jp-video-270p div.jp-type-playlist a.jp-previous {
+	left:192px;
+}
+div.jp-video-360p div.jp-type-playlist a.jp-previous {
+	left:272px;
+}
+a.jp-previous {
+	background: url("jplayer.blue.monday.png") 0 -112px no-repeat;
+	width:28px;
+	height:28px;
+}
+a.jp-previous:hover {
+	background: url("jplayer.blue.monday.png") -29px -112px no-repeat;
+}
+div.jp-audio div.jp-type-playlist a.jp-next {
+	left:88px;
+	top:26px;
+}
+div.jp-video div.jp-type-playlist a.jp-next {
+	top:21px;
+}
+div.jp-video-270p div.jp-type-playlist a.jp-next {
+	left:260px;
+}
+div.jp-video-360p div.jp-type-playlist a.jp-next {
+	left:340px;
+}
+a.jp-next {
+	background: url("jplayer.blue.monday.png") 0 -141px no-repeat;
+	width:28px;
+	height:28px;
+}
+a.jp-next:hover {
+	background: url("jplayer.blue.monday.png") -29px -141px no-repeat;
+}
+div.jp-progress {
+	position: absolute;
+	overflow:hidden;
+	background-color: #ddd;
+}
+div.jp-audio div.jp-type-single div.jp-progress {
+	top:13px;
+	left:100px;
+	width:122px;
+	height:15px;
+}
+div.jp-audio div.jp-type-playlist div.jp-progress {
+	top:13px;
+	left:134px;
+	width:122px;
+	height:15px;
+}
+div.jp-video div.jp-progress {
+	top:0px;
+	left:0px;
+	width:100%;
+	height:10px;
+}
+div.jp-seek-bar {
+	background: url("jplayer.blue.monday.png") 0 -202px repeat-x;
+	width:0px;
+	/* height:15px; */
+	height:100%;
+	cursor: pointer;
+}
+div.jp-play-bar {
+	background: url("jplayer.blue.monday.png") 0 -218px repeat-x ;
+	width:0px;
+	/* height:15px; */
+	height:100%;
+}
+
+/* The seeking class is added/removed inside jPlayer */
+div.jp-seeking-bg {
+	background: url("pbar-ani.gif");
+}
+
+a.jp-mute,
+a.jp-unmute {
+	width:18px;
+	height:15px;
+}
+div.jp-audio div.jp-type-single a.jp-mute,
+div.jp-audio div.jp-type-single a.jp-unmute {
+	top:13px;
+	left:244px;
+}
+div.jp-audio div.jp-type-playlist a.jp-mute,
+div.jp-audio div.jp-type-playlist a.jp-unmute {
+	top:13px;
+	left:266px;
+}
+div.jp-video a.jp-mute,
+div.jp-video a.jp-unmute {
+	top:27px;
+}
+div.jp-video-270p div.jp-type-single a.jp-mute,
+div.jp-video-270p div.jp-type-single a.jp-unmute {
+	left:304px;
+}
+div.jp-video-270p div.jp-type-playlist a.jp-unmute,
+div.jp-video-270p div.jp-type-playlist a.jp-mute {
+	left:363px;
+}
+div.jp-video-360p div.jp-type-single a.jp-mute,
+div.jp-video-360p div.jp-type-single a.jp-unmute {
+	left:384px;
+}
+div.jp-video-360p div.jp-type-playlist a.jp-mute,
+div.jp-video-360p div.jp-type-playlist a.jp-unmute {
+	left:443px;
+}
+a.jp-mute {
+	background: url("jplayer.blue.monday.png") 0 -186px no-repeat;
+}
+a.jp-mute:hover {
+	background: url("jplayer.blue.monday.png") -19px -170px no-repeat;
+}
+a.jp-unmute {
+	background: url("jplayer.blue.monday.png") 0 -170px no-repeat;
+	display: none;
+}
+a.jp-unmute:hover {
+	background: url("jplayer.blue.monday.png") -19px -186px no-repeat;
+}
+div.jp-volume-bar {
+	position: absolute;
+	overflow:hidden;
+	background: url("jplayer.blue.monday.png") 0 -250px repeat-x;
+	width:46px;
+	height:5px;
+	cursor: pointer;
+}
+div.jp-audio div.jp-type-single div.jp-volume-bar {
+	top:18px;
+	left:272px;
+}
+div.jp-audio div.jp-type-playlist div.jp-volume-bar {
+	top:18px;
+	left:194px;
+}
+div.jp-video div.jp-volume-bar {
+	top:32px;
+}
+div.jp-video-270p div.jp-type-single div.jp-volume-bar {
+	left:332px;
+}
+div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
+	left:391px;
+}
+div.jp-video-360p div.jp-type-single div.jp-volume-bar {
+	left:412px;
+}
+div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
+	left:471px;
+}
+div.jp-volume-bar-value {
+	background: url("jplayer.blue.monday.png") 0 -256px repeat-x;
+	width:0px;
+	height:5px;
+}
+//*
+div.jp-current-time,
+div.jp-duration {
+	position: absolute;
+	font-size:.64em;
+	font-style:oblique;
+}
+div.jp-duration {
+	text-align: right;
+}
+div.jp-audio div.jp-type-single div.jp-current-time,
+div.jp-audio div.jp-type-single div.jp-duration {
+	top:30px;
+	left:100px;
+	width:122px;
+}
+div.jp-audio div.jp-type-playlist div.jp-current-time,
+div.jp-audio div.jp-type-playlist div.jp-duration {
+	top:30px;
+	left:134px;
+	width:122px;
+}
+div.jp-video div.jp-current-time,
+div.jp-video div.jp-duration {
+	top:10px;
+	left:0px;
+	width:98%;
+	padding:0 1%;
+}*//
+div.jp-playlist {
+	/* width:418px; */
+	width:100%;
+	background-color:#ccc;
+	border:1px solid #009be3;
+	border-top:none;
+}
+div.jp-playlist ul {
+	list-style-type:none;
+	margin:0;
+	padding:0 20px;
+	/* background-color:#ccc; */
+	/* border:1px solid #009be3; */
+	/* border-top:none; */
+	/* width:378px; */
+	font-size:.72em;
+}
+
+
+div.jp-type-single div.jp-playlist li {
+	padding:5px 0 5px 20px;
+	font-weight:bold;
+}
+div.jp-type-playlist div.jp-playlist li {
+	padding:5px 0 4px 20px;
+	border-bottom:1px solid #eee;
+}
+/*
+div.jp-video div.jp-playlist li {
+	padding:5px 0 5px 20px;
+	font-weight:bold;
+}
+*/
+div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
+	padding:5px 0 5px 20px;
+	border-bottom:none;
+}
+div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
+	list-style-type:square;
+	list-style-position:inside;
+	padding-left:8px;
+}
+div.jp-type-playlist div.jp-playlist a {
+	color: #666;
+	text-decoration: none;
+}
+div.jp-type-playlist div.jp-playlist a:hover {
+	color:#0d88c1;
+}
+div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
+	color:#0d88c1;
+}
+div.jp-type-playlist div.jp-playlist div.jp-free-media {
+	display:inline;
+	margin-left:20px;
+}
+
+div.jp-video div.jp-video-play {
+	background: transparent url("jplayer.blue.monday.video.play.png") no-repeat center;
+	/* position: relative; */
+	position: absolute;
+	cursor:pointer;
+	z-index:2;
+}
+div.jp-video div.jp-video-play:hover {
+	background: transparent url("jplayer.blue.monday.video.play.hover.png") no-repeat center;
+}
+div.jp-video-270p div.jp-video-play {
+	top:-270px;
+	width:480px;
+	height:270px;
+}
+div.jp-video-360p div.jp-video-play {
+	top:-360px;
+	width:640px;
+	height:360px;
+}
+
+div.jp-jplayer {
+	width:0px;
+	height:0px;
+}
+div.jp-video div.jp-jplayer {
+	border:1px solid #009be3;
+	border-bottom:none;
+	z-index:1;
+}
+div.jp-video-270p div.jp-jplayer {
+	width:480px;
+	height:270px;
+}
+div.jp-video-360p div.jp-jplayer {
+	width:640px;
+	height:360px;
+}
+div.jp-jplayer {
+	background-color: #000000;
+}