summaryrefslogtreecommitdiff
path: root/animism-align/frontend/views/paragraph/paragraph.css
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2020-07-09 00:09:36 +0200
committerJules Laplace <julescarbon@gmail.com>2020-07-09 00:09:36 +0200
commita86e262571a77bd0402cc69e31d33899ccda4785 (patch)
treebc46a52ae517c38f06df294de03907151739504a /animism-align/frontend/views/paragraph/paragraph.css
parent49fb1cf616b31792729a012eed9bf82e9fa91e8f (diff)
displaying videos in paragraphs. style paragraphs to be a bit more textual
Diffstat (limited to 'animism-align/frontend/views/paragraph/paragraph.css')
-rw-r--r--animism-align/frontend/views/paragraph/paragraph.css13
1 files changed, 8 insertions, 5 deletions
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