jRange: slider color and width 100%

diff --git a/css/style.css b/css/style.css
index 1165a89604d625285ef7e6062b5bf28bb1f2b932..e4c929ebe132dd9e14f47701f8c68eee37b4fbd4 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -1488,3 +1488,53 @@ main .nav-tabs>li.active>a:hover {
     border-color: #eee;
 }
 
+/*
+ * Framework overwrite
+ */
+
+/* jRange */
+.theme-frio .back-bar {
+    height: 5px !important;
+    border-radius: 2px;
+    background-color: #eeeeee;
+    background-color: #e7e7e7;
+    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
+}
+.theme-frio .back-bar .selected-bar {
+    border-radius: 2px;
+    background-color: $link_color;
+/*    background-image: -moz-linear-gradient(top, #bdfade, #76fabc);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdfade), to(#76fabc));
+    background-image: -webkit-linear-gradient(top, #bdfade, #76fabc);
+    background-image: -o-linear-gradient(top, #bdfade, #76fabc);
+    background-image: linear-gradient(to bottom, #bdfade, #76fabc);
+    background-repeat: repeat-x;*/
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);
+}
+.theme-frio .back-bar .pointer {
+    width: 14px !important;
+    height: 14px !important;
+    top: -5px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 10px;
+    border: 1px solid #AAA;
+    background-color: #e7e7e7 !important;
+    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
+    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
+}
+.theme-frio .back-bar .pointer-label {
+    color: #999;
+}

diff --git a/templates/theme_settings.tpl b/templates/theme_settings.tpl
index 078bce27b083404dc1db3847c55122f05a2b2c69..7625e66ab0be2c627af76cc802a15ef4396463ad 100644 (file)
--- a/templates/theme_settings.tpl
+++ b/templates/theme_settings.tpl
@@ -48,9 +48,9 @@
                        step: 1,
                        scale: [0,10,20,30,40,50,60,70,80,90,100],
                        format: '%s',
-                       width: 622,
+                       width: '100%',
                        showLabels: true,
-                       snap: true
+                       theme: 'theme-frio',
                });
 
        });