refactoring + some tools

1 files changed, 70 insertions, 4 deletions

diff --git a/web/share/css/main.css b/web/share/css/main.css
index 8e6af465..cd8b6342 100644
--- a/web/share/css/main.css
+++ b/web/share/css/main.css
@@ -123,6 +123,26 @@ select {
 	display: block;
 	width: 100%;
 	padding-left: 5px;
+}
+select[size] {
+	height: auto;
+	padding: 5px;
+}
+select[size]::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+}
+select[size]::-webkit-scrollbar-thumb {
+	border-radius: 4px;
+	background: var(--cs-scroll-default-bg);
+}
+@-moz-document url-prefix() {
+	select[size] {
+		scrollbar-width: 8px;
+		scrollbar-color: var(--cs-scroll-default-bg) var(--cs-code-default-bg);
+	}
+}
+select:not([size]) {
 	padding-right: 25px;
 }
 button.small {
@@ -149,22 +169,24 @@ select {
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	user-select: none;
+}
+select:not([size]) {
 	background-image: url("../svg/select-arrow-normal.svg");
 	background-position: center right;
 	background-repeat: no-repeat;
 }
-select:disabled {
+select:not([size]):disabled {
 	background-image: url("../svg/select-arrow-inactive.svg") !important;
 }
-select:active {
+select:not([size]):active {
 	color: var(--cs-control-intensive-fg) !important;
 	background-image: url("../svg/select-arrow-intensive.svg") !important;
 }
-select option {
+select:not([size]) option {
 	color: var(--cs-control-default-fg);
 	background-color: var(--cs-control-default-bg);
 }
-select option.comment {
+select:not([size]) option.comment {
 	color: var(--cs-control-disabled-fg);
 	font-style: italic;
 }
@@ -180,6 +202,26 @@ input[type=text], input[type=password] {
 	height: 30px;
 }
 
+textarea {
+	display: block;
+	resize: none;
+	height: 120px;
+	width: 100%;
+	border: var(--border-default-thin);
+	border-radius: 4px;
+	color: var(--cs-code-default-fg);
+	background-color: var(--cs-code-default-bg);
+	-webkit-appearance:none;
+}
+textarea::-moz-placeholder {
+	line-height: 60px;
+	text-align: center;
+}
+textarea::-webkit-input-placeholder {
+	line-height: 60px;
+	text-align: center;
+}
+
 div.buttons-row {
 	margin: 0;
 	padding: 0;
@@ -218,6 +260,30 @@ div.buttons-row {
 	border-bottom-right-radius: 0;
 }
 
+table.kv {
+	border-spacing: 5px;
+	margin: 0 10px 0 10px;
+	font-size: 12px;
+}
+table.kv td {
+	text-align: left;
+}
+table.kv td.value {
+	font-weight: bold;
+	max-width: 310px;
+	overflow: hidden;
+}
+table.kv td.value-slider {
+	width: 100%;
+}
+table.kv td.value-number {
+	font-weight: bold;
+	max-width: 310px;
+	overflow: hidden;
+	min-width: 40px;
+	max-width: 40px;
+}
+
 ul.footer {
 	list-style-type: none;
 	bottom: 0;