diff options
Diffstat (limited to 'site/app/twist/twist.css')
| -rw-r--r-- | site/app/twist/twist.css | 309 |
1 files changed, 309 insertions, 0 deletions
diff --git a/site/app/twist/twist.css b/site/app/twist/twist.css new file mode 100644 index 0000000..935ef88 --- /dev/null +++ b/site/app/twist/twist.css @@ -0,0 +1,309 @@ +body {
+ font-family: var(--fontFace);
+ background-color: #000000;
+ color: var(--fgColor1);
+ user-select: none;
+ cursor: arrow;
+}
+
+#twist_hidden_links {
+ display: none;
+}
+
+#twist_crash {
+ font-family: "Nouveau IBM";
+ background-color: #b3240b;
+ color: #e8dedc;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ width: 100%;
+ height: 100%;
+ z-index: 666;
+ user-select: none;
+ cursor: not-allowed;
+ display: none;
+}
+
+#twist_scriptstop {
+ display: none;
+}
+
+#twist_menubar {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ right: 0px;
+ height: 20px;
+ z-index: 6;
+}
+
+a {
+ color: var(--fgColor3);
+ font-weight: bold;
+ text-decoration: none;
+}
+
+#twist_welcome {
+ display: none;
+ font-size: var(--fontSizeDefault);
+}
+
+#twist_main {
+ position: absolute;
+ z-index: 5;
+ background-color: var(--bgColor1);
+ left: 0px;
+ top: 20px;
+ width: 100%;
+ bottom: 0px;
+}
+
+.waveform {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+#twist_views {
+ position: absolute;
+ left: 15%;
+ right: 0px;
+ top: 0px;
+ height: 50%;
+}
+
+#twist_analyser {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ height: 40%;
+ width: 100%;
+ background-color: var(--bgColor1);
+ display: none;
+}
+
+#twist_waveforms {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ bottom: 0px;
+ width: 100%;
+}
+
+#twist_splines {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ bottom: 0px;
+ margin-top: 15px;
+ margin-bottom: 15px;
+ width: 100%;
+ display: none;
+ z-index: 20;
+ background-color: var(--waveformOverlayColor);
+ opacity: 0.5;
+}
+
+.twist_scope {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;
+}
+
+.waveform_overlay {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: var(--waveformOverlayColor);
+ opacity: 0.95;
+ left: 0px;
+ top: 0px;
+ z-index: 30;
+}
+
+.waveform_overlay_mid {
+ font-size: 12pt;
+ padding-top: 100px;
+ text-align: center;
+}
+
+
+#twist_sidepane {
+ position: absolute;
+ background-color: var(--bgColor3);
+ left: 0px;
+ top: 0px;
+ height: 100%;
+ width: 15%;
+ overflow-y: scroll;
+ overflow-x: auto;
+ scrollbar-color: var(--scrollbarColor);
+}
+
+#twist_controls {
+ position: absolute;
+ background-color: var(--bgColor1);
+ left: 15%;
+ top: 50%;
+ bottom: 0px;
+ right: 0px;
+}
+
+#twist_controls_inner {
+ position: absolute;
+ background-color: var(--bgColor4);
+ left: 0px;
+ top: 70px;
+ bottom: 0px;
+ width: 100%;
+ overflow-y: scroll;
+ overflow-x: auto;
+ scrollbar-color: var(--scrollbarColor);
+}
+
+#twist_wavecontrols {
+ position: absolute;
+ overflow: hidden;
+ left: 0px;
+ top: 0px;
+ height: 70px;
+ width: 100%;
+}
+
+#twist_waveform_tabs {
+ cursor: pointer;
+}
+
+#twist_help {
+ z-index: 60;
+ position: absolute;
+ background-color: var(--bgColor1);
+ opacity: 0.9;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;
+ overflow-y: scroll;
+ overflow-x: auto;
+ scrollbar-color: var(--scrollbarColor);
+ display: none;
+ cursor: pointer;
+}
+
+#twist_panetree {
+ font-size: var(--fontSizeDefault);
+ font-family: var(--fontFace);
+}
+
+button {
+ border: var(--buttonBorder);
+ font-color: var(--fgColor3);
+ color: var(--fgColor3);
+ background-color: var(--bgColor4);
+ font-size: var(--fontSizeDefault);
+ padding: 2px;
+ font-family: var(--fontFace);
+ white-space: nowrap;
+}
+
+select {
+ background-color: var(--bgColor2);
+ color: var(--fgColor2);
+}
+
+input[type="checkbox"] {
+ accent-color: var(--bgColor1);
+}
+
+.automate_container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 125;
+ display: none;
+}
+
+.twist_devcode {
+ background-color: var(--codeBgColor);
+ color: var(--codeFgColor);
+ font-size: var(--codeFontSize);
+ font-family: var(--codeFontFace);
+ width: 80%;
+ height: 20%;
+}
+
+#twist_scriptsource {
+ height: 60%;
+ overflow-y: auto;
+ overflow-x: hide;
+}
+
+#twist_developer {
+ overflow-y: auto;
+ overflow-x: hide;
+}
+
+.fullscreen_overlay {
+ position: fixed;
+ display: none;
+ z-index: 60;
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ background-color: var(--bgColor3);
+ font-size: var(--fontSizeDefault);
+ opacity: 0.96;
+}
+
+#twist_start {
+ z-index: 300;
+ position: fixed;
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ background-color: var(--bgColor2);
+ cursor: pointer;
+}
+
+#twist_start_invoke {
+ z-index: 202;
+ text-align: centre;
+ margin: 0px;
+ position: absolute;
+ top: 20%;
+ left: 20%;
+ width: 60%;
+ height: 40%;
+}
+
+#twist_start_invokebig {
+ font-size: 48pt;
+}
+
+.wtab_selected {
+ font-size: var(--fontSizeDefault);
+ font-weight: bold;
+ background-color: var(--tabSelectedBgColor);
+ color: var(--tabSelectedFgColor);
+ padding: 3px;
+ border: 1px solid black;
+ border-top: 0;
+}
+
+.wtab_unselected {
+ font-size: var(--fontSizeDefault);
+ background-color: var(--tabUnselectedBgColor);
+ color: var(--tabUnselectedFgColor);
+ font-weight: normal;
+ padding: 3px;
+ border: 1px solid black;
+}
+
|