summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/align/align.css
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/align/align.css')
-rw-r--r--animism-align/frontend/app/views/align/align.css160
1 files changed, 0 insertions, 160 deletions
diff --git a/animism-align/frontend/app/views/align/align.css b/animism-align/frontend/app/views/align/align.css
deleted file mode 100644
index d10b601..0000000
--- a/animism-align/frontend/app/views/align/align.css
+++ /dev/null
@@ -1,160 +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;
-}
-
-.body.alignmentEditor {
- height: calc(100% - 3rem);
-}
-
-/* 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;
- pointer-events: none;
-}
-.ticks .tickLabel {
- pointer-events: none;
- 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;
- user-select: none;
-}
-.timeline .cursor_region {
- position: absolute;
- left: 0;
- width: 100%;
- border-top: 1px solid #33f;
- border-bottom: 1px solid #33f;
- background: rgba(32,64,255,0.2);
-}
-.timeline .cursor_region .tickLabel {
- position: absolute;
- top: 2px;
- left: 6px;
- user-select: none;
-}
-
-/* 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 */
-
-.sidebar {
- position: absolute;
- top: 0;
- right: 0;
- min-width: 4rem;
- z-index: 8;
-}
-.sidebar textarea {
- height: calc(100vh - 3.15rem);
-}
-.sidebar button {
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- z-index: 9;
- border: 0;
- background: transparent;
-}
-
-/* Annotations */
-
-.annotations {
- position: relative;
- width: 450px;
-}
-
-/* table of contents */
-
-.toc {
- background: #222;
- width: 15rem;
- padding: 0.5rem 0;
-}
-.toc div {
- width: 15rem;
- padding: 0.25rem 0.75rem;
- cursor: pointer;
-}
-.toc div:hover {
- background: #213;
-} \ No newline at end of file