1 files changed, 78 insertions, 0 deletions
diff --git a/web/share/css/sliders.css b/web/share/css/sliders.css
new file mode 100644
index 00000000..fe0be262
--- /dev/null
+++ b/web/share/css/sliders.css
@@ -0,0 +1,78 @@
+@supports (-webkit-appearance:none) {
+	input[type=range].slider {
+		cursor: pointer;
+		outline: none;
+		width: 100%;
+		box-shadow: none;
+		background: transparent;
+		margin: 8px 0 8px 0;
+		-webkit-appearance: none;
+		-webkit-tap-highlight-color: transparent;
+	}
+}
+@supports not (-webkit-appearance:none) {
+	input[type=range].slider {
+		cursor: pointer;
+		outline: none;
+		width: 100%;
+		box-shadow: none;
+		margin-left: 0;
+		margin-right: 0;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	@supports (-webkit-appearance: none) {
+		input[type=range].slider {
+			margin: 20px 0 20px 0 !important;
+		}
+	}
+}
+input[type=range].slider:disabled {
+	cursor: default;
+}
+
+input[type=range].slider::-webkit-slider-runnable-track {
+	height: 5px;
+	background: var(--cs-control-default-bg);
+	border-radius: 3px;
+}
+input[type=range].slider:disabled::-webkit-slider-runnable-track {
+	cursor: default;
+}
+
+input[type=range].slider::-webkit-slider-thumb {
+	border: var(--border-intensive-2px);
+	height: 18px;
+	width: 18px;
+	border-radius: 25px;
+	background: var(--cs-thumb-default-bg);
+	-webkit-appearance: none;
+	margin-top: -7px;
+}
+input[type=range].slider:disabled::-webkit-slider-thumb {
+	cursor: default;
+	border: var(--border-default-2px);
+	background: var(--cs-thumb-disabled-bg);
+}
+
+input[type=range].slider::-moz-range-track {
+	height: 5px;
+	background: var(--cs-control-default-bg);
+	border-radius: 3px;
+}
+input[type=range].slider:disabled::-moz-range-track {
+	cursor: default;
+}
+
+input[type=range].slider::-moz-range-thumb {
+	border: var(--border-intensive-2px);
+	height: 18px;
+	width: 18px;
+	border-radius: 25px;
+	background: var(--cs-thumb-default-bg);
+}
+input[type=range].slider:disabled::-moz-range-thumb {
+	cursor: default;
+	border: var(--border-default-2px);
+	background: var(--cs-thumb-disabled-bg);
+}