From a86e262571a77bd0402cc69e31d33899ccda4785 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 9 Jul 2020 00:09:36 +0200
Subject: displaying videos in paragraphs. style paragraphs to be a bit more
 textual

---
 animism-align/frontend/views/paragraph/paragraph.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'animism-align/frontend/views/paragraph/paragraph.css')

diff --git a/animism-align/frontend/views/paragraph/paragraph.css b/animism-align/frontend/views/paragraph/paragraph.css
index 031b7ab..07399d6 100644
--- a/animism-align/frontend/views/paragraph/paragraph.css
+++ b/animism-align/frontend/views/paragraph/paragraph.css
@@ -2,8 +2,9 @@
   width: 100%;
   height: calc(100% - 3.125rem);
   overflow: scroll;
-  padding-top: 1rem;
-  padding-left: 1rem;
+  background: white;
+  color: black;
+  padding: 1rem;
 }
 
 /* general paragraph styles */
@@ -11,6 +12,7 @@
 .paragraphs .content {
   font-family: 'Georgia', serif;
   width: 650px;
+  margin: 0 auto;
   padding-bottom: 6rem;
 }
 
@@ -36,13 +38,14 @@
 /* current paragraph */
 
 .paragraphs .paragraph.selected {
-  background: rgba(255,255,255,0.1);
+  background: rgba(0,0,0,0.0);
 }
 
 /* sentences */
 
 .paragraphs span {
   margin-right: 4px;
+  cursor: pointer;
 }
 
 .paragraphs .paragraph .selected {
@@ -51,6 +54,6 @@
               -2px  3px 0 #fff,
                2px  3px 0 #fff;
   box-decoration-break: clone;
-  background: #fff;
-  color: #000;
+  background: black;
+  color: white;
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2