# HG changeset patch
# User veltr
# Date 1372238653 -7200
# Node ID 919599331a639a7e23df7c97ec4a521c90932a5c
# Parent  51d7be7e74f92b6eaf5d98b2fb742b3416cb369c
Single column

diff -r 51d7be7e74f9 -r 919599331a63 src/metadatacomposer/static/metadatacomposer/css/styles_player.css
--- a/src/metadatacomposer/static/metadatacomposer/css/styles_player.css	Tue Jun 25 13:33:05 2013 +0200
+++ b/src/metadatacomposer/static/metadatacomposer/css/styles_player.css	Wed Jun 26 11:24:13 2013 +0200
@@ -85,6 +85,22 @@
     background: #000000; font-family: 'OpenSans'; font-weight: 400;
 }
 
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+::-webkit-scrollbar:hover {
+    background: rgba(128,128,128,.2);
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(128,128,128,.4); width: 10px; border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: rgba(128,128,128,.6);
+}
+
 /* Top Bar */
 
 .top-bar {
@@ -320,7 +336,7 @@
 }
 
 .annotation {
-    position: absolute;
+    position: absolute; left: 50%;
 }
 
 .annotation-title {
@@ -332,7 +348,7 @@
 }
 
 .annotation {
-    left: 45px; top: 800px; right: 35px;
+    top: 800px; width: 920px; margin-left: -455px;
     transition: top 0.5s; -webkit-transition: top 0.5s;
 }
 
@@ -343,13 +359,13 @@
 /* Narrow annotations */
 
 .narrow-annotation {
-    left: 210px; right: 200px;
+    width: 590px; margin-left: -290px;
 }
 
 /* White annotations */
 
 .white-annotation {
-    background: #ffffff; max-height: 522px; overflow: auto;
+    background: #ffffff;
 }
 
 .white-annotation {
@@ -365,7 +381,7 @@
 }
 
 .white-annotation .annotation-title {
-    font-size: 23px; margin: 24px 0;
+    font-size: 23px; margin: 24px; line-height: 24px;
 }
 
 /* Black annotations */
@@ -393,10 +409,13 @@
 
 /* Text annotation */
 
-.text-contents {
+.text-contents, .link-contents {
     font-family: Georgia, 'Times New Roman', serif;
-    margin: 0 45px 35px; font-size: 15px;
+    overflow: auto;
+}
     
+.text-contents {
+    margin: 0 25px 35px; font-size: 15px; padding: 0 20px 0;
 }
 
 .text-contents p, .text-contents ul, .text-contents ol {
@@ -413,12 +432,6 @@
     float: left; margin: 0 5px 2px 0;
 }
 
-.column-group {
-    column-count: 2; column-gap: 60px;
-    -moz-column-count: 2; -moz-column-gap: 60px;
-    -webkit-column-count: 2; -webkit-column-gap: 60px;
-}
-
 .text-contents h2 {
     font-size: 21px;
 }
@@ -459,7 +472,7 @@
 
 .link-contents {
     font-family: Georgia, 'Times New Roman', serif;
-    margin: 40px 80px 80px;
+    margin: 40px 60px 60px; padding: 0 20px 0;
 }
 
 .link-contents p {
diff -r 51d7be7e74f9 -r 919599331a63 src/metadatacomposer/static/metadatacomposer/js/player.js
--- a/src/metadatacomposer/static/metadatacomposer/js/player.js	Tue Jun 25 13:33:05 2013 +0200
+++ b/src/metadatacomposer/static/metadatacomposer/js/player.js	Wed Jun 26 11:24:13 2013 +0200
@@ -29,6 +29,14 @@
         }
     );
             
+    function preventRightClick(selector) {
+        selector.on("contextmenu", function() {
+            return false;
+        });
+    }
+    
+    preventRightClick($(".video-container video"));
+        
     $(".media-duration").text(myMedia.duration);
     
     myMedia.on("timeupdate", function(t) {
@@ -329,6 +337,7 @@
                         }).join("")
                     );
                     imgel.fadeTo(400, 1);
+                    preventRightClick(imgel);
                 }
                 
                 var nextImage = function() {
@@ -514,6 +523,8 @@
                     positionDiv();
                 });
                 
+                preventRightClick(media);
+                
                 annotationDiv.find(".media-frame").html(media);
                 
             break;
@@ -525,26 +536,6 @@
                 switch (annotationinfo.annotation.content.markup) {
                     case "html":
                         annotationDiv.find(".text-contents").html(text);
-                        
-                        var ps = annotationDiv.find(".text-contents>p"),
-                            groups = [],
-                            last, group;
-                        ps.each(function(i, e) {
-                            if (last && group && last.nextElementSibling === e) {
-                                group.contents.push(e);
-                            } else {
-                                group = {
-                                    master: e,
-                                    contents: [e.cloneNode(true)]
-                                }
-                                groups.push(group);
-                            }
-                            last = e;
-                        });
-                        groups.forEach(function(g) {
-                            $(g.master).replaceWith($('<div class="column-group">').append(g.contents));
-                        });
-
                     break;
                     default:
                         annotationDiv.find(".text-contents").html(
@@ -555,6 +546,9 @@
                     break;
                 }
                 annotationDiv.find(".text-contents a").attr("target","_blank");
+                annotationDiv.find(".text-contents").css({
+                    "max-height": $(".main-video").height() - 140
+                });
                 
             break;
             
@@ -564,7 +558,9 @@
                 
                 annotationDiv.find(".link-contents").html(
                     annotationinfo.annotation.content.links.map(linkTemplate).join("")
-                );
+                ).css({
+                    "max-height": $(".main-video").height() - 140
+                });
                 
             break;
         }
diff -r 51d7be7e74f9 -r 919599331a63 src/metadatacomposer/templates/partial/metadatacomposer_partial_player.html
--- a/src/metadatacomposer/templates/partial/metadatacomposer_partial_player.html	Tue Jun 25 13:33:05 2013 +0200
+++ b/src/metadatacomposer/templates/partial/metadatacomposer_partial_player.html	Wed Jun 26 11:24:13 2013 +0200
@@ -49,7 +49,7 @@
                     <a href="#" class="close-annotation"></a>
                     {% include player_about %}
                 </div>
-                <div class="annotation text-annotation white-annotation">
+                <div class="annotation text-annotation white-annotation narrow-annotation">
                     <a href="#" class="close-annotation"></a>
                     <h2 class="annotation-title"></h2>
                     <div class="text-contents"></div>