summaryrefslogtreecommitdiff
path: root/animism-align/frontend/views/align/align.css
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/views/align/align.css')
-rw-r--r--animism-align/frontend/views/align/align.css215
1 files changed, 0 insertions, 215 deletions
diff --git a/animism-align/frontend/views/align/align.css b/animism-align/frontend/views/align/align.css
deleted file mode 100644
index bbf3bc2..0000000
--- a/animism-align/frontend/views/align/align.css
+++ /dev/null
@@ -1,215 +0,0 @@
-* {
-
-}
-.body.loading > div {
- padding: 1rem;
-}
-.body {
- width: 100%;
- height: 100%;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- background: linear-gradient(
- 0deg,
- rgba(0, 0, 64, 0.5),
- rgba(64, 64, 128, 0.5)
- );
- padding: 0;
-}
-
-/* Timeline */
-
-canvas {
- display: block;
-}
-.timeline {
- display: flex;
- flex-direction: row;
- position: relative;
- width: 300px;
- cursor: crosshair;
-}
-.timelineColumn {
- position: relative;
-}
-.ticks .tick {
- position: absolute;
- right: 0;
- width: 4px;
- height: 1px;
- background: #ddd;
-}
-.ticks .tickLabel {
- position: absolute;
- right: 6px;
- font-size: 12px;
- width: 40px;
- margin-top: -7px;
- text-align: right;
- text-shadow: 0 0 2px #00f;
-}
-.timeline .cursor {
- width: 100%;
- position: absolute;
- left: 0;
- pointer-events: none;
-}
-.timeline .cursor .line {
- width: 100%;
- height: 1px;
- background: #00f;
-}
-.timeline .cursor.playCursor .line {
- background: #ddd;
-}
-.timeline .cursor .tickLabel {
- position: absolute;
- pointer-events: none;
- right: 6px;
- font-size: 12px;
- width: 40px;
- margin-top: -7px;
- text-align: right;
- text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
-}
-
-/* Audio player */
-
-.playButton {
- /*position: absolute;*/
- /*top: 0; left: 0;*/
- width: 3rem; height: 3rem;
- padding: 1rem;
- background: transparent;
- cursor: pointer;
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
-}
-.playButton.playing {
- background-image: url('/static/img/icons_pause_white.svg');
-}
-.playButton.paused {
- background-image: url('/static/img/icons_play_white.svg');
-}
-
-/* Script */
-
-.script {
- height: calc(100vh - 3.15rem);
- z-index: 1;
-}
-
-/* Annotations */
-
-.annotations {
- position: relative;
- width: 450px;
-}
-
-/* Annotation form */
-
-.annotationForm {
- width: 401px;
- padding: 0.5rem;
- position: absolute;
- left: 0.25rem;
- background: #448;
- box-shadow: 0 0 2px #000, 0 0 4px #000;
- z-index: 10;
-}
-.annotationForm textarea {
- width: 100%;
-}
-.annotationForm .row {
- justify-content: space-between;
- align-items: center;
-}
-.annotationForm .row > div {
- display: flex;
- align-items: center;
-}
-.annotationForm .buttons {
- margin-bottom: 0.5rem;
-}
-.annotationForm .ts {
- color: #fff;
-}
-.annotationForm .select.media_id {
- width: 100%;
- margin-right: 0;
-}
-
-/* Annotation index */
-
-.annotationIndex {
- width: 800px;
-}
-.annotationIndex .annotation {
- position: absolute;
- left: 5px;
- max-width: 400px;
- 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: 1;
- background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4));
-}
-.annotationIndex .annotation.media {
- left: calc(405px + 0.5rem);
-}
-.annotation.sentence.even {
- background-color: #83b;
-}
-.annotation.sentence.odd {
- background-color: #537;
-}
-.annotation.header {
- background-color: #838;
-}
-.annotation.paragraph_end {
- background-color: #003;
- border-top: 1px solid #888;
- width: 100%;
- padding: 1px;
-}
-
-/* Condensed layout (first lines) */
-
-.annotationIndex.condensed .annotation.sentence {
- z-index: 0;
- white-space: pre;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.annotationIndex.condensed .annotation.header {
- 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: 1;
-}
-.annotationIndex.collapsed .annotation.header {
- z-index: 2;
-}
-.annotationIndex.collapsed .annotation.paragraph_end {
- border-top-color: #333;
-}