diff options
Diffstat (limited to 'site/app/twigs/twigs.css')
| -rw-r--r-- | site/app/twigs/twigs.css | 167 |
1 files changed, 167 insertions, 0 deletions
diff --git a/site/app/twigs/twigs.css b/site/app/twigs/twigs.css new file mode 100644 index 0000000..9e73df3 --- /dev/null +++ b/site/app/twigs/twigs.css @@ -0,0 +1,167 @@ +body {
+ font-family: var(--fontFace);
+ color: var(--fgColor1);
+ user-select: none;
+ cursor: arrow;
+}
+
+#twigs_playhead {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ left: 0px;
+ width: 1px;
+ background-color: var(--waveformPlayheadColor);
+ border: 1px solid var(--waveformPlayheadColor);
+ pointer-events: none;
+ z-index: 23;
+ display: none;
+}
+
+#twigs_main {
+ position: absolute;
+ top: 20px;
+ bottom: 0px;
+ left: 0px;
+ right: 0px;
+}
+
+#twigs_options {
+ position: absolute;
+ bottom: 0px;
+ left: 60px;
+ right: 0px;
+ height: 20%;
+ background-color: var(--bgColor1);
+}
+
+#twigs_editor {
+ position: absolute;
+ top: 0px;
+ bottom: 20%;
+ left: 60px;
+ right: 0px;
+}
+
+#twigs_editor_inner {
+ position: absolute;
+ top: 0px;
+ bottom: 20px;
+ left: 0px;
+ right: 20px;
+}
+
+#twigs_selection {
+ position: absolute;
+ left: 0px;
+ right: 0px;
+ height: 0px;
+ width: 0px;
+ display: none;
+ background-color: var(--waveformSelectColor);
+ opacity: var(--waveformSelectOpacity);
+ z-index: 15;
+}
+
+#twigs_editor_vscrollouter {
+ position: absolute;
+ top: 0px;
+ bottom: 80px;
+ width: 20px;
+ right: 0px;
+ background-color: var(--waveformTimeBarBgColor);
+}
+
+#twigs_editor_vscrollinner {
+ position: absolute;
+ left: 4px;
+ right: 4px;
+ top: 0px;
+ bottom: 0px;
+ background-color: var(--waveformTimeBarFgColor);
+}
+
+#twigs_editor_vzoom {
+ position: absolute;
+ right: 0px;
+ bottom: 20px;
+ height: 60px;
+ width: 20px;
+ background-color: var(--bgColor3);
+}
+
+#twigs_editor_hzoom {
+ position: absolute;
+ background-color: var(--bgColor3);
+ right: 0px;
+ bottom: 0px;
+ width: 80px;
+ height: 20px;
+}
+
+#twigs_editor_hscrollouter {
+ position: absolute;
+ height: 20px;
+ bottom: 0px;
+ left: 0px;
+ right: 80px;
+ background-color: var(--waveformTimeBarBgColor);
+}
+
+#twigs_editor_hscrollinner {
+ position: absolute;
+ top: 4px;
+ bottom: 4px;
+ left: 0px;
+ right: 0px;
+ background-color: var(--waveformTimeBarFgColor);
+}
+
+#twigs_sidebar {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ left: 0px;
+ width: 60px;
+ background-color: var(--bgColor1);
+}
+
+#twigs_start {
+ z-index: 300;
+ position: fixed;
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ background-color: var(--bgColor2);
+ cursor: pointer;
+}
+
+#twigs_startinner {
+ z-index: 202;
+ text-align: centre;
+ margin: 0px;
+ position: absolute;
+ top: 20%;
+ left: 20%;
+ width: 60%;
+ height: 40%;
+}
+
+#twigs_startbig {
+ font-size: 48pt;
+}
+
+#twigs_menubar {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ right: 0px;
+ height: 20px;
+ z-index: 40;
+}
+
+#twigs_hidden_links {
+ display: none;
+}
\ No newline at end of file |