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/twirl/twirl.css | 310 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 310 insertions(+)
 create mode 100644 site/app/twirl/twirl.css

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

diff --git a/site/app/twirl/twirl.css b/site/app/twirl/twirl.css
new file mode 100644
index 0000000..f4163fa
--- /dev/null
+++ b/site/app/twirl/twirl.css
@@ -0,0 +1,310 @@
+select {
+	background-color: var(--bgColor3);
+	color: var(--fgColor2);
+}
+
+input {
+	background-color: var(--bgColor3);
+	color: var(--fgColor2);
+}
+
+.twirl_contextmenu {
+	position: absolute;
+	background-color: var(--bgColor3);
+	border: var(--menuBarBottomBorder);
+	color: var(--fgColor1);
+	cursor: arrow;
+	display: none;
+	user-select: none;
+	z-index: 30;
+	opacity: 0.9;
+	padding: 2px;
+}
+
+.twirl_contextmenu_item {
+	font-size: var(--fontSizeDefault);
+}
+
+.twirl_contextmenu_item:hover {
+	color: var(--bgColor1);
+	background-color: var(--fgColor2);
+}
+
+.twirl_slider {
+	appearance: none;
+	outline: none;
+	background-color: var(--bgColor3);
+	background: var(--bgColor3);
+	accent-color: var(--fgColor2);
+}
+
+.twirl_transparentinput {
+	font-size: var(--fontSizeDefault);
+	background-color: var(--bgColor2);
+	color: var(--fgColor3);
+	border: none;
+}
+
+.twirl_tf_container {
+	font-size: var(--fontSizeSmall);
+	font-family: var(--fontFace);
+}
+
+.twirl_tf_row_odd {
+	background-color: var(--rowOddBgColor);
+}
+
+.twirl_tf_row_even {
+	background-color: var(--rowEvenBgColor);
+}
+
+.twirl_tf_cell_plainbg {
+	background-color: var(--bgColor4);
+}
+
+.twirl_tf_cell {
+	font-size: var(--fontSizeDefault);
+}
+
+.twirl_tf_cell_text {
+	font-size: var(--fontSizeDefault);
+	text-align: right;
+}
+
+.twirl_tf_cellfixed {
+	overflow: hidden;
+	width: 40px;
+}
+
+.twirl_tf_header {
+	background-color: var(--bgColor4);
+	font-size: var(--fontSizeDefault);
+	font-weight: bold;
+}
+
+.twirl_spline_overlay {
+	position: absolute;
+	width: 100%;
+	top: 0px;
+	bottom: 0px;
+	left: 0px;
+}
+
+.twirl_tooltip {
+	position: absolute;
+	text-align: center;
+	border-radius: 5px;
+	pointer-events: none;
+	padding: 2px;
+	color: #000000;
+	opacity: 0;
+	font-family: var(--fontFace);
+	font-size: var(--fontSizeSmall);
+	text-shadow: 1px 1px #ffffff;
+	z-index: 210;
+}
+
+#twirl_prompt {
+	z-index: 201;
+	position: fixed;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	display: none;
+}
+
+#twirl_prompt_background {
+	z-index: 202;
+	background-color: #ffffff;
+	opacity: 0.3;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+}
+
+#twirl_prompt_inner {
+	z-index: 204;
+	margin: 0px;
+	padding: 10px;
+	position: absolute;
+	font-size: var(--promptFontSize);
+	background-color: var(--promptBgColor);
+	border: var(--promptBorder);
+	box-shadow: var(--promptShadow);
+	width: 40%;
+	min-height: 30%;
+	left: 30%;
+	top: 35%;
+	text-align: center;
+	overflow: auto;
+	scrollbar-color: var(--scrollbarColor);
+}
+
+#twirl_prompt_button_text {
+	font-size: var(--fontSizeMedium);
+	padding: 5px;
+}
+
+#twirl_loading {
+	position: fixed;
+	display: none;
+	z-index: 161;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+}
+
+#twirl_loading_background {
+	position: absolute;
+	z-index: 162;
+	background-color: #ffffff;
+	opacity: 0.2;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+}
+
+#twirl_loading_inner {
+	z-index: 163;
+	position: absolute;
+	font-size: var(--promptFontSize);
+	background-color: var(--promptBgColor);
+	border: var(--promptBorder);
+	box-shadow: var(--promptShadow);
+	text-align: center;
+	width: 50%;
+	height: 20%;
+	left: 25%;
+	top: 40%;
+}
+
+#twirl_loading_percent {
+	z-index: 163;
+	position: absolute;
+	top: 80%;
+	left: 10%;
+	width: 80%;
+	height: 10%;
+	background-color: #9e8c6d;
+}
+
+#twirl_loading_percent_inner {
+	z-index: 163;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	height: 100%;
+	width: 1%;
+	background-color: #e0c494;
+}
+
+.twirl_icon {
+	cursor: pointer;
+	filter: var(--iconFilter);
+}
+
+.topmenu {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	right: 0px;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	background-color: var(--bgColor1);
+	border-bottom: var(--menuBarBottomBorder);
+	color: var(--fgColor2);
+	cursor: arrow;
+	user-select: none;
+	z-index: 40;
+}
+
+.topmenu_item {
+	float: left;
+	font-size: var(--fontSizeDefault);
+	text-align: center;
+	padding: 2px 5px;
+	z-index: 40;
+}
+
+.topmenu_item:hover {
+	color: var(--bgColor1);
+	background-color: var(--fgColor2);
+}
+
+.topmenu_dropdown {
+	display: none;
+	border: 1px solid black;
+	position: fixed;
+	margin: 2px -5px;
+	background-color: var(--bgColor1);
+	color: var(--fgColor2);
+	min-width: 160px;
+	padding-top: 0px;
+	padding-left: 2px;
+	padding-right: 2px;
+	padding-bottom: 2px;
+	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+	z-index: 40;
+}
+
+.topmenu_dropdown_item {
+	text-align: left;
+	z-index: 40;
+}
+
+.topmenu_dropdown_item_disabled {
+	text-align: left;
+	color: #666666;
+	font-style: italic;
+	z-index: 40;
+}
+
+.topmenu_dropdown .topmenu_dropdown_item:hover {
+	background-color: #000000;
+}
+
+.topmenu_dropdown_itemright {
+	float: right;
+}
+
+ul, .twirl_treeview_treelist {
+  list-style-type: none;
+  font-size: var(--fontSizeSmall);
+  border-bottom: 1px solid #878787;
+}
+
+.twirl_treeview_treelist {
+  margin: 0;
+  padding: 0;
+}
+
+.twirl_treeview_caret {
+  cursor: pointer;
+  font-size: var(--fontSizeDefault);
+  user-select: none;
+}
+
+.twirl_treeview_caret::before {
+  content: "\25B6";
+  color: black;
+  display: inline-block;
+  margin-right: 6px;
+}
+
+.twirl_treeview_caret-down::before {
+  transform: rotate(90deg);
+}
+
+.twirl_treeview_nested {
+	margin-left: 20px;
+	display: none;
+}
+.twirl_treeview_active {
+  display: block;
+} 
-- 
cgit v1.2.3