summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2020-11-03 20:13:25 +0100
committerJules Laplace <julescarbon@gmail.com>2020-11-03 20:13:25 +0100
commit1eb7c576ae5de6dca459d5ab382a67636636ffe6 (patch)
tree18038774d24b9ca6437e16be63beff30cc6b0c94 /animism-align/frontend/app/views
parentba2d6af125ae3e2ba4a372d760c0e91d3ccc52f3 (diff)
index css
Diffstat (limited to 'animism-align/frontend/app/views')
-rw-r--r--animism-align/frontend/app/views/align/components/annotations/annotation.index.css20
1 files changed, 10 insertions, 10 deletions
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
index 5f5fda7..b6d89fe 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
+++ b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
@@ -26,19 +26,19 @@
width: 300px;
left: calc(405px + 0.5rem);
}
-.annotation.sentence.even {
+.annotationIndex .annotation.sentence.even {
background-color: #83b;
}
-.annotation.sentence.odd {
+.annotationIndex .annotation.sentence.odd {
background-color: #537;
}
-.annotation.section_heading {
+.annotationIndex .annotation.section_heading {
background-color: #983;
}
-.annotation.heading_text {
+.annotationIndex .annotation.heading_text {
background-color: #838;
}
-.annotation.paragraph_end {
+.annotationIndex .annotation.paragraph_end {
background-color: #003;
border-top: 1px solid #888;
width: 300px;
@@ -55,13 +55,13 @@
.annotationIndex .annotation.text_plate {
left: calc(605px + 0.5rem);
}
-.annotation.curtain {
+.annotationIndex .annotation.utility.curtain {
background-image: linear-gradient(rgba(255,255,255,1.0), rgba(255,255,255,1.0));
- width: 8rem;
+ width: 15rem;
padding: 0;
overflow: hidden;
}
-.annotation.curtain span {
+.annotationIndex .annotation.utility.curtain span {
position: absolute;
top: 0; left: 0;
z-index: 1;
@@ -69,7 +69,7 @@
text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
padding: 0.25rem;
}
-.annotation.curtain .fadeIn {
+.annotationIndex .annotation.utility.curtain .fadeIn {
z-index: 0;
position: absolute;
top: 0;
@@ -77,7 +77,7 @@
background-image: linear-gradient(rgba(0,0,0,1.0), rgba(255,255,255,1.0));
background-size: cover;
}
-.annotation.curtain .fadeOut {
+.annotationIndex .annotation.utility.curtain .fadeOut {
z-index: 0;
position: absolute;
bottom: 0;