From 9fbf91db06a6d4f4b5cd8bb45389a731bb86bf22 Mon Sep 17 00:00:00 2001
From: Richard <q@1bpm.net>
Date: Sun, 13 Apr 2025 18:48:02 +0100
Subject: initial

---
 site/app/twist/twist.css | 309 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 309 insertions(+)
 create mode 100644 site/app/twist/twist.css

(limited to 'site/app/twist/twist.css')

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;
+}
+
-- 
cgit v1.2.3