jRange: slider color and width 100%

This commit is contained in:
rabuzarus 2016-04-14 03:14:12 +02:00
parent 37101bc321
commit b3014eaab2
2 changed files with 52 additions and 2 deletions

View file

@ -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;
}

View file

@ -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',
});
});