refactoring + some tools

web/share/css/kvm/hid.css

@@ -24,28 +24,6 @@ div#text-menu {
 	width: 340px;
 }
 
-textarea#hid-pak-text {
-	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#hid-pak-text::-moz-placeholder {
-	line-height: 60px;
-	text-align: center;
-}
-
-textarea#hid-pak-text::-webkit-input-placeholder {
-	line-height: 60px;
-	text-align: center;
-}
-
 input#hid-recorder-new-script-file {
 	display: none;
 }

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;

web/share/css/navbar.css

@@ -167,30 +167,6 @@ ul#navbar li div.menu div.text {
 	font-size: 14px;
 }
 
-ul#navbar li div.menu table.kv {
-	border-spacing: 5px;
-	margin: 0 10px 0 10px;
-	font-size: 12px;
-}
-ul#navbar li div.menu table.kv td {
-	text-align: left;
-}
-ul#navbar li div.menu table.kv td.value {
-	font-weight: bold;
-	max-width: 310px;
-	overflow: hidden;
-}
-ul#navbar li div.menu table.kv td.value-slider {
-	width: 100%;
-}
-ul#navbar li div.menu table.kv td.value-number {
-	font-weight: bold;
-	max-width: 310px;
-	overflow: hidden;
-	min-width: 40px;
-	max-width: 40px;
-}
-
 ul#navbar li div.menu div.buttons button,
 ul#navbar li div.menu div.buttons select {
 	border-radius: 0;

web/share/css/x-desktop.css

@@ -23,7 +23,7 @@
 /* ===== main.css ===== */
 
 button:enabled:hover,
-select:enabled:hover,
+select:not([size]):enabled:hover,
 input[type=file]:enabled:hover::-webkit-file-selector-button,
 input[type=file]:enabled:hover::file-selector-button {
 	color: var(--cs-control-hovered-fg);
@@ -31,7 +31,7 @@ input[type=file]:enabled:hover::file-selector-button {
 }
 
 button:active,
-select:active,
+select:not([size]):active,
 input[type=file]:active::-webkit-file-selector-button,
 input[type=file]:active::file-selector-button {
 	color: var(--cs-control-pressed-fg) !important;
@@ -42,7 +42,7 @@ button.key:active,
 select.key:active {
 	box-shadow: none;
 }
-select:enabled:hover {
+select:not([size]):enabled:hover {
 	background-image: url("../svg/select-arrow-intensive.svg") !important;
 }