diff options
Diffstat (limited to 'animism-align/frontend/app/views/editor/align/components/annotations/annotation.index.css')
| -rw-r--r-- | animism-align/frontend/app/views/editor/align/components/annotations/annotation.index.css | 125 |
1 files changed, 0 insertions, 125 deletions
diff --git a/animism-align/frontend/app/views/editor/align/components/annotations/annotation.index.css b/animism-align/frontend/app/views/editor/align/components/annotations/annotation.index.css deleted file mode 100644 index afedbde..0000000 --- a/animism-align/frontend/app/views/editor/align/components/annotations/annotation.index.css +++ /dev/null @@ -1,125 +0,0 @@ -/* Annotation index */ - -.annotationIndex { - width: 800px; -} -.annotationIndex .annotation { - position: absolute; - left: 5px; - max-width: 300px; - padding: 0.25rem 0.375rem; - box-shadow: 0px 0px 3px rgba(0,0,0,1.0); - border: 1px solid transparent; - border-radius: 2px; - font-size: 12px; - cursor: pointer; - user-select: none; - background-color: #768; -} -.annotation.selected { - border-color: #bbf; - box-shadow: 0px 0px 4px rgba(0,0,0,1.0), 0px 0px 2px rgba(0,0,0,1.0); - z-index: 2; - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4)); -} -.annotationIndex .annotation.media { - width: 300px; - left: calc(405px + 0.5rem); -} -.annotationIndex .annotation.sentence.even { - background-color: #83b; -} -.annotationIndex .annotation.sentence.odd { - background-color: #537; -} -.annotationIndex .annotation.section_heading { - background-color: #983; - z-index: 1; -} -.annotationIndex .annotation.heading_text { - background-color: #838; -} -.annotationIndex .annotation.paragraph_end { - background-color: #003; - border-top: 1px solid #888; - width: 300px; - padding: 1px; -} -.annotationIndex .annotation.utility { - left: calc(505px + 0.5rem); - width: 200px; -} -.annotationIndex .annotation.footnote { - left: calc(605px + 0.5rem); - width: 200px; -} -.annotationIndex .annotation.text_plate { - left: calc(605px + 0.5rem); - width: 250px; -} -.annotationIndex .annotation.utility.curtain { - background-image: linear-gradient(rgba(255,255,255,1.0), rgba(255,255,255,1.0)); - width: 15rem; - padding: 0; - overflow: hidden; -} -.annotationIndex .annotation.utility.curtain span { - position: absolute; - top: 0; left: 0; - z-index: 1; - color: black; - text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff; - padding: 0.25rem; -} -.annotationIndex .annotation.utility.curtain .fadeIn { - z-index: 0; - position: absolute; - top: 0; - width: 100%; - background-image: linear-gradient(rgba(0,0,0,1.0), rgba(255,255,255,1.0)); - background-size: cover; -} -.annotationIndex .annotation.utility.curtain .fadeOut { - z-index: 0; - position: absolute; - bottom: 0; - width: 100%; - background-image: linear-gradient(rgba(255,255,255,1.0), rgba(0,0,0,1.0)); - background-size: cover; -} - -/* Condensed layout (first lines) */ - -.annotationIndex.condensed .annotation.sentence { - z-index: 0; - white-space: pre; - overflow: hidden; - text-overflow: ellipsis; -} -.annotationIndex.condensed .annotation.section_heading { - z-index: 2; -} -.annotationIndex.condensed .annotation.heading_text { - z-index: 1; -} -.annotationIndex.condensed .annotation.paragraph_end { - border-top-color: #888; -} - -/* Collapsed layout (borders) */ - -.annotationIndex.collapsed .annotation.sentence { - height: 2px; overflow: hidden; padding: 0; z-index: 0; -} -.annotationIndex.collapsed .annotation.sentence.selected { - z-index: 4; -} -.annotationIndex.collapsed .annotation.section_heading { - z-index: 3; -} -.annotationIndex.collapsed .annotation.heading_text { - z-index: 2; -} -.annotationIndex.collapsed .annotation.paragraph_end { - border-top-color: #333; -} |
