1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- .rangeUi {
- position: relative;
- cursor: pointer; }
- .rangeUi-bar {
- height: 4px;
- background-color: #f3f7f9; }
- .rangeUi-pointer {
- position: absolute;
- top: -3px;
- left: 60%;
- z-index: 2;
- box-sizing: border-box;
- width: 10px;
- height: 10px;
- background-color: #fff;
- border: 1px solid #e4eaec;
- border-radius: 50%;
- -webkit-transform: translate(-50%, 0%);
- transform: translate(-50%, 0%); }
- .rangeUi-pointer:focus {
- outline: 0;
- outline: none; }
- .rangeUi-tip {
- position: absolute;
- top: -30px;
- left: 50%;
- display: block;
- padding: 2px 4px 1px;
- margin: 0 auto;
- font-size: 11px;
- line-height: 1.5em;
- color: #fff;
- text-align: center;
- background-color: #526069;
- border: 1px solid #526069;
- border-radius: 2px;
- -webkit-transform: translate(-50%, 0);
- transform: translate(-50%, 0); }
- .rangeUi-tip:before {
- position: absolute;
- bottom: -3px;
- left: 50%;
- display: inline-block;
- width: 6px;
- height: 6px;
- margin-left: -3px;
- content: "";
- background-color: #526069;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg); }
- .rangeUi-selected {
- position: absolute;
- top: 0;
- width: 60%;
- height: 4px;
- overflow: hidden;
- background-color: #3e8ef7; }
- .rangeUi-scale {
- height: 30px; }
- .rangeUi-scale-lines, .rangeUi-scale-values {
- position: relative;
- padding: 0;
- margin: 0;
- vertical-align: middle;
- list-style: none; }
- .rangeUi-scale-lines li, .rangeUi-scale-values li {
- position: absolute;
- top: 0;
- float: left; }
- .rangeUi-scale-lines {
- top: 6px; }
- .rangeUi-scale-lines li {
- position: absolute;
- top: 0;
- width: 1px;
- height: 4px;
- background-color: #e4eaec; }
- .rangeUi-scale-inlineGrid {
- height: 10px !important; }
- .rangeUi-scale-values {
- top: 13px;
- margin-left: 1px; }
- .rangeUi-scale-values span {
- margin-left: -50%;
- font-size: 14px;
- color: #76838f; }
|