From 30acf50ebe6dc26b29108e2e43e022694b0de139 Mon Sep 17 00:00:00 2001
From: Lars Jung <lrsjng@gmail.com>
Date: Fri, 20 Jun 2014 18:22:08 +0200
Subject: [PATCH] Fix sidebar styles across browsers.

---
 src/_h5ai/client/css/inc/sidebar.less | 36 +++++++++++++++------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/_h5ai/client/css/inc/sidebar.less b/src/_h5ai/client/css/inc/sidebar.less
index 87fa054b..0cae95cc 100644
--- a/src/_h5ai/client/css/inc/sidebar.less
+++ b/src/_h5ai/client/css/inc/sidebar.less
@@ -74,11 +74,14 @@
 	}
 
 	input, select {
+		-moz-appearance: none;
+		-ms-appearance: none;
+		-webkit-appearance: none;
 		font-family: @font-family;
 		font-size: 13px;
 		font-weight: @font-weight;
 		color: @col;
-		background-color: @col-widget-back;
+		background: @col-widget-back;
 		width: 100%;
 		height: 30px;
 		line-height: 30px;
@@ -88,10 +91,16 @@
 	}
 
 	select {
-		background: transparent;
-		-webkit-appearance: none;
-		padding: 0 4px;
 		width: 224px;
+		padding: 0 4px;
+	}
+
+	input[type='range'] {
+		border-radius: 2px;
+		width: 64px;
+		margin: 0 0 4px 12px;
+		padding: 0 2px;
+		vertical-align: middle;
 	}
 
 	.range-track() {
@@ -100,33 +109,28 @@
 		-webkit-appearance: none;
 		border-width: 0;
 		border-radius: 2px;
-		background-color: @col-range-back;
-		height: 12px;
-		vertical-align: middle;
-		width: 64px;
-		margin: 0 0 4px 12px;
-		padding: 0;
+		background: @col-range-back;
+		height: 2px;
 	}
 
 	.range-thumb() {
 		-moz-appearance: none;
 		-ms-appearance: none;
 		-webkit-appearance: none;
-		border: 1px solid @col-range-thumb;
+		border-width: 0;
 		border-radius: 2px;
-		background-color: @col-range-thumb;
-		height: 12px;
+		background: @col-range-thumb;
 		width: 12px;
-		vertical-align: middle;
+		height: 12px;
 	}
 
-	input[type='range'] { .range-track; }
+	input[type='range']::-webkit-slider-runnable-track { .range-track; }
 	input[type='range']::-moz-range-track { .range-track; }
 	input[type='range']::-ms-track { .range-track; }
 	input[type='range']::-ms-fill-lower { .range-track; }
 	input[type='range']::-ms-fill-upper { .range-track; }
 
-	input[type='range']::-webkit-slider-thumb { .range-thumb; }
+	input[type='range']::-webkit-slider-thumb { .range-thumb; margin-top: -5px; }
 	input[type='range']::-moz-range-thumb { .range-thumb; }
 	input[type='range']::-ms-thumb { .range-thumb; }
 }