Commit 744f822a authored by Mat's avatar Mat

met en place jQRangeSlider pour les dates dans les formulaires

parent 43a89ee0
......@@ -48,6 +48,8 @@
<div class="clearfix"></div>
</div>
<div id="dateRuleSlider" class="mb-4"></div>
</section>
{% endblock %}
......@@ -113,7 +115,7 @@
{% block customJS %}
<script type="text/javascript" src="{{ asset('js/functions.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/ajax_functions.js') }}"></script>
<script>
<script type="text/javascript">
// Variables Twig
......@@ -127,6 +129,97 @@
$( "#sortable" ).disableSelection();
} );
// jQRangeSlider
let months = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"];
let dows = ['di', 'lu', 'ma', 'me', 'je', 've', 'sa'];
let firstDay = 1; //lundi
$("#dateRuleSlider").dateRangeSlider({
bounds: {
min: new Date(2018, 5, 1),
max: new Date(2018, 8, 1)
},
defaultValues: {
min: new Date(2018, 5, 10),
max: new Date(2018, 5, 17)
},
arrows: true,
step:{
days: 1
},
formatter: function(valeur){
let dow = dows[valeur.getDay()],
days = valeur.getDate(),
month = valeur.getMonth() + 1,
year = valeur.getFullYear();
return dow + " " + formatNumber(days, 2) + "/" + formatNumber(month, 2) + "/" + year;
},
scales: [{
first: function(value){ return value; },
end: function(value) {return value; },
next: function(value){
let next = new Date(value);
return new Date(next.setMonth(value.getMonth() + 1));
},
label: function(value){
return months[value.getMonth()];
}
},
{
first: function(value){ return value; },
end: function(value) {return value; },
next: function(value){
let next = new Date(value);
if (value.getDay() === firstDay) {
return new Date(next.setDate(value.getDate() + 7));
} else {
function firstJump(i, d) {
let c = 0;
while (i !== d) {
if (i === 6) { i = 0; } else { i++; }
c++;
}
return c;
}
let jump = firstJump(value.getDay(), firstDay);
return new Date(next.setDate(value.getDate() + jump));
}
},
label: function(value) {
//return dow[value.getDay()];
//return value.getDate();
return null;
}
},
{
first: function(value){ return value; },
end: function(value) {return value; },
next: function(value){
let next = new Date(value);
let jump = 1;
if (value.getDay() === firstDay || value.getDate() === 1) {
jump++;
}
console.log(value.getDate() + ' ' + value.getDay() + ' ' + jump);
return new Date(next.setDate(value.getDate() + 1));
},
label: function() {
return null;
},
format: function(tickContainer, tickStart, tickEnd){
if (tickStart.getDay() === firstDay || tickStart.getDate() === 1) {
tickContainer.addClass("no-tick");
}
console.log();
}
}]
});
{% include '@Potage/LettreInfos/ajaxDisplay.js' %}
</script>
......
......@@ -6,9 +6,7 @@
{% block stylesheets %}
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{#
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/vader/jquery-ui.css">
#}
<link rel="stylesheet" href="{{ asset('lib/jQRangeSlider-5.7.2/css/iThing-min.css') }}" type="text/css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
{% endblock %}
......@@ -89,6 +87,12 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQRangeSlider-withRuler-min.js') }}"></script>
<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQAllRangeSliders-withRuler-min.js') }}"></script>
<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQDateRangeSlider-withRuler-min.js') }}"></script>
<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQEditRangeSlider-withRuler-min.js') }}"></script>
{% block customJS %}
{% endblock %}
{% endblock %}
.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner {
margin-top: 22px;
height: 8px;
}
.ui-ruler-scale1 span.ui-ruler-tick-label {
position: absolute;
margin-top: -10px;
margin-left: 5px;
font-size: 8pt;
color: #2d2a2a;
}
.ui-rangeSlider-bar {
opacity: 0.75;
background-color: #007bff;
border: 1px solid #2d2a2a;
}
.ui-rangeSlider .ui-ruler-scale2 .ui-ruler-tick-inner {
border-left: 1px solid white;
margin-top: 24px;
height: 1px;
}
.ui-rangeSlider .ui-ruler-scale2 .no-tick .ui-ruler-tick-inner {
border: 0;
}
.ui-rangeSlider-label {
font-size: 8pt;
}
\ No newline at end of file
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Averia+Sans+Libre:300i,400i');
@import 'tables.css';
@import 'override.css';
/**/
body {
......
This diff is collapsed.
jQRangeSlider
-------------
* 5.7.2: 2016-01-18
* Fixed #194: IE8: 'this.cache.click.left' is null or not an object
* Fixed #206: Negative wheelSpeed not accepted
* Fixed #202: Prevent destroyed slider from running its resize handler
* Fixed #199: Use svg instead of png to get better image quality
* 5.7.1: 2015-01-23
* Fixed #174: Touch and jquery-ui 1.11.0 (not working)
* 5.7.0: 2014-03-18
* Enhancement #154:
* Introduced a new option "symmetricPositionning" for a different way of positionning handles
* Allowed minimum ranges to be 0
* Fixed #152: Calling resize on an hidden slider resets values
* Fixed #146: Inverted labels in small ranges
* Fixed #153 Edit range slider does not parse float number correctly
* 5.6.0: 2014-02-01
* Fixed #144: Inverted label order with small range
* Fixed #146: Setting values via the `min`, `max`, or `values` methods produces an invalid slider
* 5.5.0: 2013-11-01
* Fixed #124: Scales and slider position don't line up
* Fixed #141: userValuesChanged event not fired when user edits input value
* Fixed #142: Labels don't show up the first time after a programmatically value change
* Fixed #143: Changing formatter causes labels to disappear
* 5.4.0: 2013-09-16
* Fixed #128: Using the mouse wheel changes the values, even if slider is disabled
* Fixed #130: Labels don't disappear when values changed in code
* Fixed #133: Step in weeks breaks the slider
* Fixed #123: Incorrect values after switching handles
* 5.3.0: 2013-07-12
* Fixed #54: Add enabled option, enable/disable function to allow read-only sliders
* 5.2.0: 2013-06-28
* Fixed #108: Memory leaks when calling destroy
* Styling improvement: setting correct height to the slider element.
* 5.1.1: 2013-03-17
* Fixed #100: Inconsistent parameter type passed to the next method of scales.
* Fixed #102: valuesChanged event triggered even if values are identical
* Fixed #103: CSS bug related to IE7 and scale ticks
* Fixed #104: Resizing the window breaks label position
* Fixed #105: Tick appear outside of its container
* 5.1.0: 2013-03-23
* Ticks formatting, with a new callback function: format
* 5.0.2: 2013-03-17
* Fixed #93 (theming with scales): ticks and handle values desynchronized on the right
* 5.0.1: 2013-03-07
* Fixed #90 dateRangeSlider displayed outside of the innerbar when setting the range
* 5.0: 2013-02-09
* Scales
* New element in handles, can be used for styling. ui-range-slider-handle-inner
* 4.2.10: 2013-02-08
* Fixed #79: Bar not correctly updated after window resizing, with auto margin on container
* 4.2.9: 2013-01-17
* Technical release: modified manifest to appear in plugins.jquery.com
* 4.2.8: 2013-01-16
* Fixed #73: Can't always set the slider values programatically
* 4.2.7: 2013-01-03
* Fixed #71: Labels not hidden when scrolling with arrows
* 4.2.6: 2012-11-30
* Fixed #59: NaN value in date slider
* 4.2.5: 2012-11-28
* Fixed #58: Date labels are shifted after parent resize, even after calling resize method
* Fixed #35: Event drag (used internally) conflicts with other libraries. Renamed to sliderDrag.
* 4.2.4: 2012-11-19
* Fixed a bug in resize method, when displaying a slider in a previously hidden parent.
* Bug in label positionning
* 4.2.3: 2012-11-16
* Fixed #52 and #53: Labels shown when valueLabels option set to "change"
* Fixed #51: right label display bug in Chrome
* 4.2.2: 2012-11-08
* Fixed #46: Labels swap when they are very close
* Fixed #45: Access to a property of a null object
* Fixed #49: UserValuesChanged event fired when changing values programmatically
* 4.2.1: 2012-10-04
* Fixed wheelmode setter in constructor
* Documentation update
* 4.2: 2012-06-18
* Draggable labels (Issue #28)
* 4.1.2: 2012-06-11
* Fixed #29: range option in constructor is not working
* 4.1.1: 2012-06-07
* Step option is not working in constructor
* 4.1: 2012-05-31
* New theme: iThing
* Bug fixes on IE
* 4.0: 2012-05-26
* Massive rewrite of jQRangeSlider
* Steps !
* Native support of touch devices (tested on iOS and Android)
* Removed min/max values Changing/Changed events. Use valuesChanged or valuesChanging instead.
* Event log in demo
* 3.2: 2012-05-22
* Bug #27, generate better input names for editSlider. Names are based on the element id.
* 3.1.1: 2012-05-07 eonlepapillon
* Fixed bug #22: Event 'userValuesChanged' is not triggered after zooming with wheelmouse
* 3.1: 2012-04-16 nouvak@gmail.com
* Added the new "userValuesChanged" event that is triggered only on the value changes that were initiated by the user ( e.g. by modifying the range with the mouse).
* 3.0.2: 2012-03-03
* EditSlider: set values on focus lost
* editSlider unit tests
* 3.0.1: 2012-03-02
* Errors in package construction
* 3.0: 2012-03-01
* **New type of slider**: edit range slider!
* Packaging minified version of individual files
* 2.4: 2012-02-23
* Dual license GPL and MIT
* Small refactoring, allowing to create a modifiable range slider
* 2.3: 2011-11-27
* Issue #14: limit the range with a minimum or maximum range length.
* Added the range option
* New public method for getting / setting bounds
* use strict
* 2.2.1: 2011-11-15
* Issue #12: impossible to drag the left handle to the max value
* 2.2: 2011-09-27
* Issue #11: resize public method added
* 2.1.4: 2011-09-19
* Issue #10: remove z-ordering
* 2.1.3: 2011-09-07
* Issue #8 fix: Problem with minified version
* Script for creating minified package
* 2.1.2: 2011-06-02
* Issue #6: CSS fix
* 2.1.1: 2011-05-20
* Integrated Google Closure compiler and script for generating minified version of jQRangeSlider
* 2.1: 2011-03-28
* Changed helpers name to labels (API change)
* Labels replaced inside the top level parent element
* 2.0.2: 2011-03-23 bugfix
* 2.0.1: 2011-03-17 bugfix
* 2.0: 2011-03-14
* Value helpers
* New events: min/maxValueChanging and min/maxValueChanged
* Bugfixes
* Unit tests
* 1.1.1: 2011-03-04 bugfixes on public methods
* 1.1 : 2011-03-03 Added methods for setting and getting only one value
* 1.0.2: 2011-03-03 Set values fix
* 1.0.1: 2011-03-02 Fix for IE8
* 1.0 : 2010-12-28 Initial release
Copyright (c) 2012 Guillaume Gautreau
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file
jQRangeSlider, jQDateRangeSlider & jQEditRangeSlider [![Build Status](https://travis-ci.org/ghusse/jQRangeSlider.svg?branch=master)](https://travis-ci.org/ghusse/jQRangeSlider)
====================================================
A javascript slider selector that supports dates and touch devices
* [Home page](http://ghusse.github.com/jQRangeSlider/)
* [Documentation](http://ghusse.github.com/jQRangeSlider/documentation.html)
* [Support & suggestions](https://jqrangeslider.uservoice.com/)
* [Github](https://github.com/ghusse/jQRangeSlider/)
* [Twitter](https://twitter.com/jQRangeSlider)
License
-------
Copyright : Guillaume Gautreau 2010
License : Dual license GPL v3 and MIT
Dependencies
------------
+ jQuery
+ jQuery UI core
+ jQuery UI widget
+ jQuery UI mouse
+ jQuery Mousewheel plugin by Brandon Aaron (optional, needed for scrolling or zooming)
Generating minified jQRangeSlider files
---------------------------------------
You need nodejs and npm. Open a command line interface and run:
npm install
npm install -g grunt-cli
Now you can minify jQRangeSlider and build a zip package by running
grunt
You can launch jshint and unit tests too:
grunt ci
.ui-rangeSlider{height:22px}.ui-rangeSlider .ui-rangeSlider-innerBar{height:16px;margin:3px 6px;background:#DDD}.ui-rangeSlider .ui-rangeSlider-handle{width:6px;height:22px;background:#AAA;background:rgba(100,100,100,.3);cursor:col-resize}.ui-rangeSlider .ui-rangeSlider-bar{margin:1px 0;background:#CCC;background:rgba(100,100,150,.2);height:20px;cursor:move;cursor:grab;cursor:-moz-grab}.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{cursor:-moz-grabbing;cursor:grabbing}.ui-rangeSlider-arrow{height:16px;margin:2px 0;width:16px;background-repeat:no-repeat}.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{background-image:url(icons-classic/resultset_previous.png);background-position:center left}.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{background-image:url(icons-classic/resultset_next.png);background-position:center right}.ui-rangeSlider-arrow-inner{display:none}.ui-rangeSlider-container{height:22px}.ui-rangeSlider-withArrows .ui-rangeSlider-container{margin:0 11px}.ui-rangeSlider-noArrow .ui-rangeSlider-container{margin:0}.ui-rangeSlider-label{margin:0 2px 2px;background-image:url(icons-classic/label.png);background-position:bottom center;background-repeat:no-repeat;white-space:nowrap;bottom:20px;padding:3px 6px 7px;cursor:col-resize}.ui-rangeSlider-label-inner{display:none}input.ui-editRangeSlider-inputValue{width:3em;vertical-align:middle;text-align:center}
\ No newline at end of file
/**
* default development theme for jQRangeSlider
* Using fam fam icon set from Mark James, http://www.famfamfam.com/lab/icons/silk/ (Creative Commons Attribution 2.5 License)
*/
.ui-rangeSlider{
height:22px;
}
.ui-rangeSlider .ui-rangeSlider-innerBar{
height:16px;
margin:3px 6px;
background:#DDD;
}
.ui-rangeSlider .ui-rangeSlider-handle{
width:6px;
height:22px;
background:#AAA;
background:rgba(100,100,100, 0.3);
cursor:col-resize;
}
.ui-rangeSlider .ui-rangeSlider-bar{
margin: 1px 0;
background:#CCC;
background:rgba(100,100,150, 0.2);
height:20px;
cursor:move;
cursor:grab;
cursor: -moz-grab;
}
.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{
cursor: -moz-grabbing;
cursor:grabbing;
}
.ui-rangeSlider-arrow{
height:16px;
margin:2px 0;
width:16px;
background-repeat:no-repeat;
}
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{
background-image: url('icons-classic/resultset_previous.png');
background-position:center left;
}
.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{
background-image: url('icons-classic/resultset_next.png');
background-position:center right;
}
.ui-rangeSlider-arrow-inner{
display: none;
}
.ui-rangeSlider-container{
height:22px;
}
.ui-rangeSlider-withArrows .ui-rangeSlider-container{
margin:0 11px;
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container{
margin:0;
}
.ui-rangeSlider-label{
margin:0 2px 2px;
background-image:url('icons-classic/label.png');
background-position:bottom center;
background-repeat:no-repeat;
white-space: nowrap;
bottom:20px;
padding:3px 6px 7px;
cursor:col-resize;
}
.ui-rangeSlider-label-inner{
display:none;
}
/*
* Edit slider
*/
input.ui-editRangeSlider-inputValue{
width:3em;
vertical-align: middle;
text-align:center;
}
.ui-rangeSlider{height:30px;padding-top:40px}.ui-rangeSlider,.ui-rangeSlider-arrow,.ui-rangeSlider-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.ui-rangeSlider-withArrows .ui-rangeSlider-container{margin:0 15px}.ui-rangeSlider-arrow,.ui-rangeSlider-noArrow .ui-rangeSlider-container,.ui-rangeSlider-withArrows .ui-rangeSlider-container{-webkit-box-shadow:inset 0 4px 6px -2px RGBA(0,0,0,.5);-moz-box-shadow:inset 0 4px 6px -2px RGBA(0,0,0,.5);box-shadow:inset 0 4px 6px -2px RGBA(0,0,0,.5)}.ui-rangeSlider-disabled .ui-rangeSlider-arrow,.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container,.ui-rangeSlider-disabled.ui-rangeSlider-withArrows .ui-rangeSlider-container{-webkit-box-shadow:inset 0 4px 6px -2px RGBA(0,0,0,.3);-moz-box-shadow:inset 0 4px 6px -2px RGBA(0,0,0,.3);box-shadow:inset 0 4px 6px -2px RGBA(0,0,0,.3)}.ui-rangeSlider-noArrow .ui-rangeSlider-container{-moz-border-radius:4px;border-radius:4px;border-left:solid 1px #515862;border-right:solid 1px #515862}.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container{border-color:#8490a3}.ui-rangeSlider-arrow,.ui-rangeSlider-container{height:30px;border-top:solid 1px #232a32;border-bottom:solid 1px #6a7179}.ui-rangeSlider-disabled .ui-rangeSlider-arrow,.ui-rangeSlider-disabled .ui-rangeSlider-container{border-top-color:#49576b;border-bottom-color:#9ca7b3}.ui-rangeSlider-arrow,.ui-rangeSlider-container,.ui-rangeSlider-label{background:#67707F;background:-moz-linear-gradient(top,#67707F 0,#888DA0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#67707F),color-stop(100%,#888DA0))}.ui-rangeSlider-disabled .ui-rangeSlider-arrow,.ui-rangeSlider-disabled .ui-rangeSlider-container,.ui-rangeSlider-disabled .ui-rangeSlider-label{background:#95a4bd;background:-moz-linear-gradient(top,#95a4bd 0,#b2bbd8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#95a4bd),color-stop(100%,#b2bbd8))}.ui-rangeSlider-arrow{width:14px;cursor:pointer}.ui-rangeSlider-leftArrow{border-radius:4px 0 0 4px;border-left:solid 1px #515862}.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow{border-left-color:#8792a2}.ui-rangeSlider-rightArrow{border-radius:0 4px 4px 0;border-right:solid 1px #515862}.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow{border-right-color:#8792a2}.ui-rangeSlider-arrow-inner{position:absolute;top:50%;border:10px solid transparent;width:0;height:0;margin-top:-10px}.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner{border-right:10px solid #a4a8b7;left:0;margin-left:-8px}.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{border-right:10px solid #b3b6c2}.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner,.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{border-right-color:#bbc0cf}.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner{border-left:10px solid #a4a8b7;right:0;margin-right:-8px}.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{border-left:10px solid #b3b6c2}.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner,.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{border-left-color:#bbc0cf}.ui-rangeSlider-innerBar{width:110%;height:100%;left:-10px;overflow:hidden}.ui-rangeSlider-bar{background:#68a1d6;height:29px;margin:1px 0;-moz-border-radius:4px;border-radius:4px;cursor:move;cursor:grab;cursor:-moz-grab;-webkit-box-shadow:inset 0 2px 6px RGBA(0,0,0,.5);-moz-box-shadow:inset 0 2px 6px RGBA(0,0,0,.5);box-shadow:inset 0 2px 6px RGBA(0,0,0,.5)}.ui-rangeSlider-disabled .ui-rangeSlider-bar{background:#93aeca;-webkit-box-shadow:inset 0 2px 6px RGBA(0,0,0,.3);-moz-box-shadow:inset 0 2px 6px RGBA(0,0,0,.3);box-shadow:inset 0 2px 6px RGBA(0,0,0,.3)}.ui-rangeSlider-handle{width:10px;height:30px;background:0 0;cursor:col-resize}.ui-rangeSlider-label{padding:5px 10px;bottom:40px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 0 #c2c5d6;-moz-box-shadow:0 1px 0 #c2c5d6;box-shadow:0 1px 0 #c2c5d6;color:#fff;font-size:15px;cursor:col-resize}.ui-rangeSlider-label-inner{position:absolute;top:100%;left:50%;display:block;z-index:99;border-left:10px solid transparent;border-right:10px solid transparent;margin-left:-10px;border-top:10px solid #888DA0}.ui-rangeSlider-disabled .ui-rangeSlider-label-inner{border-top-color:#b2bbd8}.ui-editRangeSlider-inputValue{width:2em;text-align:center;font-size:15px}.ui-rangeSlider .ui-ruler-scale{position:absolute;top:0;left:0;bottom:0;right:0}.ui-rangeSlider .ui-ruler-tick{float:left}.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner{color:#fff;margin-top:1px;border-left:1px solid #fff;height:29px;padding-left:2px;position:relative}.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label{position:absolute;bottom:6px}.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner{border-left:1px solid #fff;margin-top:25px;height:5px}
\ No newline at end of file
/**
* Theme for jQRangeSlider
* Inspired by http://cssdeck.com/item/381/itunes-10-storage-bar
* and http://cssdeck.com/item/276/pure-css-arrow-with-border-tooltip
*/
.ui-rangeSlider{
height: 30px;
padding-top: 40px;
}
.ui-rangeSlider,
.ui-rangeSlider-container,
.ui-rangeSlider-arrow{
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.ui-rangeSlider-withArrows .ui-rangeSlider-container{
margin: 0 15px;
}
.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-arrow{
-webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
-moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
}
.ui-rangeSlider-disabled.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow{
-webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
-moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container{
-moz-border-radius: 4px;
border-radius: 4px;
border-left: solid 1px #515862;
border-right: solid 1px #515862;
}
.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container{
border-color: #8490a3;
}
.ui-rangeSlider-container,
.ui-rangeSlider-arrow{
height: 30px;
border-top: solid 1px #232a32;
border-bottom: solid 1px #6a7179;
}
.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow{
border-top-color: #49576b;
border-bottom-color: #9ca7b3;
}
.ui-rangeSlider-container,
.ui-rangeSlider-arrow,
.ui-rangeSlider-label{
background: #67707F;
background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
}
.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow,
.ui-rangeSlider-disabled .ui-rangeSlider-label{
background: #95a4bd;
background: -moz-linear-gradient(top, #95a4bd 0%, #b2bbd8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95a4bd), color-stop(100%,#b2bbd8));
}
.ui-rangeSlider-arrow{
width:14px;
cursor:pointer;
}
.ui-rangeSlider-leftArrow{
border-radius:4px 0 0 4px;
border-left: solid 1px #515862;
}
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow{
border-left-color: #8792a2;
}
.ui-rangeSlider-rightArrow{
border-radius:0 4px 4px 0;
border-right: solid 1px #515862;
}
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow{
border-right-color: #8792a2;
}
.ui-rangeSlider-arrow-inner{
position: absolute;
top: 50%;
border: 10px solid transparent;
width:0;
height:0;
margin-top: -10px;
}
.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner{
border-right:10px solid #a4a8b7;
left: 0;
margin-left: -8px;
}
.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{
border-right:10px solid #b3b6c2;
}
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{
border-right-color: #bbc0cf;
}
.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner{
border-left:10px solid #a4a8b7;
right: 0;
margin-right: -8px;
}
.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{
border-left:10px solid #b3b6c2;
}
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{
border-left-color: #bbc0cf;
}
.ui-rangeSlider-innerBar{
width: 110%;
height: 100%;
left: -10px;
overflow: hidden;
}
.ui-rangeSlider-bar{
background: #68a1d6;
height: 29px;
margin:1px 0;
-moz-border-radius: 4px;
border-radius: 4px;
cursor:move;
cursor:grab;
cursor: -moz-grab;
-webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
-moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
}