player/css/styles.css
changeset 15 01ac2cd2756c
parent 9 2e1053dff5f2
child 18 b8a45e2fd6fd
--- a/player/css/styles.css	Thu May 30 19:06:05 2013 +0200
+++ b/player/css/styles.css	Fri Jun 07 16:17:31 2013 +0200
@@ -287,10 +287,11 @@
 
 .annotation {
     left: 45px; top: 800px; right: 35px;
+    transition: top 0.8s; -webkit-transition: top 0.8s;
 }
 
 .annotation-main:after {
-    content: "."; visibility: hidden; display: block; height: 1px; clear: both;
+    content: "."; visibility: hidden; display: block; height: 0; line-height: 0; clear: both;
 }
 
 /* Narrow annotations */
@@ -348,23 +349,30 @@
 
 .text-contents {
     font-family: Georgia, 'Times New Roman', serif;
-    margin: 0 45px 35px;
+    margin: 0 45px 35px; font-size: 15px;
+    
+}
+
+.text-contents p, .text-contents ul, .text-contents ol {
+/*    column-break-inside:avoid; -moz-column-break-inside:avoid; -webkit-column-break-inside:avoid; */
+    margin-bottom: 10px;
+}
+
+.text-contents h2, .text-contents h3, .text-contents h4 {
+/*    text-align: center; */
+    font-family: 'Futura-Medium'; margin-bottom: 10px; line-height: 1.1em;
+}
+
+.text-contents img {
+    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 p, .text-contents ul, .text-contents ol {
-    column-break-inside:avoid; -moz-column-break-inside:avoid; -webkit-column-break-inside:avoid;
-    margin-bottom: 10px; font-size: 15px;
-}
-
-.text-contents h2, .text-contents h3, .text-contents h4 {
-    font-family: 'Futura-Medium'; margin-bottom: 10px; line-height: 1.1em;
-    column-break-after:avoid; -moz-column-break-after:avoid; -webkit-column-break-after:avoid;
-    column-break-inside:avoid; -moz-column-break-inside:avoid; -webkit-column-break-inside:avoid;
-}
-
+*/
 .text-contents h2 {
     font-size: 21px;
 }
@@ -419,7 +427,7 @@
 /* Audio annotation */
 
 .audio-annotation .media-description {
-    margin: 25px 0 0; font-size: 15px; font-weight: bold;
+    margin: 25px 0 0; font-size: 15px;
 }
 
 .audio-annotation .annotation-main {