fix timeside player css classes and skin support

diff --git a/telemeta/htdocs/css/player.css b/telemeta/htdocs/css/player.css
index 968d8e63a8b4c146cce2b1ecd44cf2cdfc1c9b83..38a8bda37f30fd3972e7e9d5c1972fe7485be919 100644 (file)
--- a/telemeta/htdocs/css/player.css
+++ b/telemeta/htdocs/css/player.css
@@ -1,3 +1,3 @@
-.timeside-player {
+.ts-player {
     padding-bottom: 0;
 }

diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html
index b58da9ba341c7b8512af07eedbd0ed5432fc5675..992986c08093c7a54df3993b2eccf812e7c20481 100644 (file)
--- a/telemeta/templates/mediaitem_detail.html
+++ b/telemeta/templates/mediaitem_detail.html
@@ -62,17 +62,18 @@ soundManager.onload = function() {
 \r
 {% if item.file %}\r
 <div id="rightcol">\r
-    \r
-    <div id="player" class="timeside-player">\r
-        <div class="viewer">\r
-            <div class="wave">\r
-                <div class="image-container">\r
-                    <img class="image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}" \r
+    <div class="ts-skin-lab">\r
+    <div id="player" class="ts-player">\r
+        <div class="ts-viewer">\r
+            <div class="ts-wave">\r
+                <div class="ts-image-container">\r
+                    <img class="ts-image" src="{% url telemeta-item-visualize item.id|urlencode,visualizer_id %}" \r
                       style="width: 334px; height: 200px;" alt="" />\r
                 </div>\r
             </div>  \r
         </div>\r
     </div>\r
+    </div>\r
 \r
     <div class="item_visualization">\r
         <form method="get" action="#" onsubmit="player.setImage(this.visualizer_id.value); return false;">\r