--- 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 {