2010-09-21 19:25:23 +00:00
|
|
|
/*
|
|
|
|
|
* jQuery Mobile Framework
|
|
|
|
|
* Copyright (c) jQuery Project
|
|
|
|
|
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
|
|
|
|
|
*/
|
2010-09-21 20:07:23 +00:00
|
|
|
label.ui-slider { display: block; }
|
2010-10-05 21:42:11 +00:00
|
|
|
input.ui-slider-input { display: inline-block; width: 40px; }
|
2010-10-05 22:28:03 +00:00
|
|
|
select.ui-slider-switch { display: none; }
|
2010-10-05 23:21:20 +00:00
|
|
|
div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 15px; top: 4px; width: 66%; }
|
2010-10-06 03:00:33 +00:00
|
|
|
a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 24px; height: 24px; margin-top: -13px; margin-left: -13px; }
|
2010-10-06 02:57:13 +00:00
|
|
|
|
2010-09-21 20:07:23 +00:00
|
|
|
@media screen and (min-width: 480px){
|
|
|
|
|
label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
2010-09-21 20:09:58 +00:00
|
|
|
div.ui-slider { width: 45%; }
|
2010-10-06 02:57:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; }
|
|
|
|
|
div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
|
|
|
|
|
div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }
|
|
|
|
|
div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
|
|
|
|
|
div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
|
|
|
|
|
div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
|
|
|
|
|
.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: 1; }
|
|
|
|
|
.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 10; }
|
|
|
|
|
|
2010-10-06 03:06:18 +00:00
|
|
|
div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
|
2010-10-06 03:00:33 +00:00
|
|
|
span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }
|
2010-10-06 03:06:18 +00:00
|
|
|
span.ui-slider-label-a { left: -100%; margin-right: -1px }
|
|
|
|
|
span.ui-slider-label-b { right: -100%; margin-left: -1px }
|
