From ccdb6afdc8bbb9d01401b3cc1e5f3499bd3cd2ec Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 30 Oct 2020 15:34:11 +0100
Subject: trying to improve transcript scrolling. background on hover.
 pullquote styling

---
 .../app/views/viewer/transcript/transcript.css     | 25 ++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/transcript/transcript.css')

diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.css b/animism-align/frontend/app/views/viewer/transcript/transcript.css
index 1078133..82d29ff 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.css
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.css
@@ -92,16 +92,35 @@
 }
 .transcript .section_heading span {
   border-bottom: 1px solid;
+  background: rgba(0,0,0,0.0);
+  transition: background 0.2s;
 }
 
-.transcript .paragraph,
-.transcript .hidden {
+.transcript .section_heading:hover span,
+.transcript .media:hover span {
+  background: rgba(0,0,0,0.12);
 }
 
+.transcript .paragraph {
+  cursor: pointer;
+  background: rgba(0,0,0,0.0);
+  transition: background 0.2s
+}
 .transcript .blockquote {
   padding-left: 2rem;
   line-height: 1.45;
 }
+.transcript .pullquote {
+  border-left: 2px solid #ddd;
+  padding-left: 1rem;
+}
+.transcript .pullquote_credit {
+  display: block;
+  text-align: right;
+}
+.transcript .pullquote_credit:before {
+  content: '—';
+}
 
 /* sentences */
 
@@ -113,6 +132,8 @@
   margin-right: 0;
   border-bottom: 1px solid;
   cursor: pointer;
+  background: rgba(0,0,0,0.0);
+  transition: background 0.2s;
 }
 
 .transcript .paragraph .current {
-- 
cgit v1.2.3-70-g09d2