Long text styles

generator/templates/note.html

@@ -35,8 +35,11 @@
       {{ note.event.summary }}
     {% endif %}
     </section>
-    <h1>{{ note.title }}</h1>
-    {{ note.content }}
+    
+    <section class="long-text">
+      <h1>{{ note.title }}</h1>
+      {{ note.content }}
+    </section>
 {% endblock %}
 {% block footerresources %}
   <script src="{{ SITE_URL }}static/js/timejumper.js"></script>

generator/templates/page.html

@@ -3,6 +3,8 @@
 {% block title %}Caveat → events → {{ event.title|striptags }}{% endblock %}
 
 {% block content %}
-  <h1>{{ page.title }}</h1>
-  {{ page.content}}
+  <section class="long-text">
+    <h1>{{ page.title }}</h1>
+    {{ page.content }}
+  </section>
 {% endblock %}
\ No newline at end of file

generator/templates/produser.html

@@ -11,8 +11,10 @@
   <h1 class="produser">{% if produser.name %}{{ produser.name }}{% else %}{{ produser.produser }}{% endif %}</h1>
   {% if produser.trajectories %}
     {% for trajectory in produser.trajectories.targets %}
-      <h2>Trajectory</h2>
-      {{ trajectory.content }}
+      <section class="long-text">
+        <h2>Trajectory</h2>
+        {{ trajectory.content }}
+      </section>
     {% endfor %}
   {% endif %}
   

generator/templates/static/styles.simple.css

@@ -525,6 +525,8 @@ a.tag {
   border-bottom: 2px solid;*/
   margin-left: -1em;
   margin-right: -1em;
+  z-index: -1;
+  margin-top: 1em;
 }
 
 .trajectory-list section.trajectory--item {
@@ -538,6 +540,8 @@ a.tag {
   outline: 2px solid black;
   outline-offset: 0px;
   padding: 1em;
+  position: relative;
+  padding-bottom: 2em;
 }
 .trajectory-list section.trajectory--item img:nth-child(n+2) {
   display: none;
@@ -551,10 +555,15 @@ a.tag {
     text-align: center;
     margin-bottom: auto;
     display: block;
-    font-size: 1.6em;
+    font-size: 1.1em;
     letter-spacing: 0;
     margin-bottom: 0.5em;
 
+    padding-bottom: .25em;
+    left: 0;
+    margin-left: 0;
+    float: none;
+    display: inline-block;
 }
 
 .programme-item-list {
@@ -660,7 +669,7 @@ section.audio {
 	position: sticky;
 	top: -1em;
 	background: white;
-	z-index: 1;
+	z-index: 5;
 }
 
 .inline-navigation ul:before {
@@ -718,4 +727,19 @@ section.audio {
   width: 41px;
   padding-bottom: 20px;
   margin-left: 7px;
+  /*! position: absolute; */
+  /*! right: 0; */
+}
+
+.read-further {
+	margin-top: .5em;
+	/*! display: block; */
+	/*! float: right; */
+	position: absolute;
+	right: .5em;
+	bottom: .5em;
+}
+
+.long-text p + p {
+  margin-top: var(--line-height);
 }
\ No newline at end of file