123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- /*##############################################################################
- HPCC SYSTEMS software Copyright (C) 2012 HPCC Systems®.
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
- http://www.apache.org/licenses/LICENSE-2.0
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- ############################################################################## */
- .dynamic-slider-control {
- position: relative;
- background-color: ThreeDFace;
- -moz-user-focus: normal;
- -moz-user-select: none;
- cursor: default;
- }
- .horizontal {
- width: 200px;
- height: 29px;
- }
- .vertical {
- width: 29px;
- height: 200px;
- }
- .dynamic-slider-control input {
- display: none;
- }
- .dynamic-slider-control .handle {
- position: absolute;
- -moz-user-select: none;
- cursor: default;
- background: ThreeDFace;
- border: 1px solid;
- border-color: ThreeDHighlight ThreeDDarkShadow
- ThreeDDarkShadow ThreeDHighlight;
- }
- /* inner border */
- .dynamic-slider-control .handle div {
- font-size: 1px;
- border: 1px solid;
- border-color: ThreeDLightShadow ThreeDShadow
- ThreeDShadow ThreeDLightShadow;
- behavior: url("css/boxsizing.htc"); /* ie path bug */
- box-sizing: content-box;
- -moz-box-sizing: content-box;
- }
- /* inner sets size
- .dynamic-slider-control.horizontal .handle {
- width: 12px;
- height: 22px;
- }
- */
- .dynamic-slider-control.horizontal .handle div {
- width: 8px;
- height: 18px;
- }
- .dynamic-slider-control.horizontal .handle.hover {}
- /* inner sets size
- .dynamic-slider-control.vertical .handle {
- width: 22px;
- height: 12px;
- }
- */
- .dynamic-slider-control.vertical .handle div {
- width: 18px;
- height: 8px;
- }
- .dynamic-slider-control.vertical .handle.hover {}
- .dynamic-slider-control .line {
-
- behavior: url("css/boxsizing.htc"); /* ie path bug */
- box-sizing: content-box;
- -moz-box-sizing: content-box;
-
- position: absolute;
- font-size: 0.01mm;
- overflow: hidden;
- border: 1px solid;
- border-color: ThreeDShadow ThreeDHighlight
- ThreeDHighlight ThreeDShadow;
- background: ThreeDDarkShadow;
- }
- .dynamic-slider-control.vertical .line {
- width: 1px;
-
- }
- .dynamic-slider-control.horizontal .line {
- height: 1px;
- }
- .dynamic-slider-control .line div {
- display: none;
- }
|