jRange: slider color and width 100%
This commit is contained in:
parent
37101bc321
commit
b3014eaab2
2 changed files with 52 additions and 2 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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',
|
||||
});
|
||||
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue