css/user/blue/nouislider.fox.css

   1 .noUiSliderLeft,
   2         .noUiSliderLeft * {
   3 -webkit-box-sizing: border-box;
   4    -moz-box-sizing: border-box;
   5                 box-sizing: border-box;
   6 -webkit-user-select: none;
   7    -moz-user-select: none;
   8         -ms-user-select: none;
   9                 display: block;
  10                 cursor: default;
  11         }
  12         .noUiSliderLeft {
  13                 position: relative;
  14         }
  15         .noUiSliderLeft a {
  16                 position: absolute;
  17                 z-index: 1;
  18         }
  19         .noUiSliderLeft a:nth-child(2) {
  20                 background: inherit !important;
  21         }
  22         .noUiSliderLeft.vertical a {
  23                 width: 100%;
  24                 bottom: 0;
  25         }
  26
  27 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  28         .noUiSliderLeft:before,
  29         body.TOUCH,
  30         .noUiSliderLeft div {
  31                 -ms-touch-action: none;
  32         }
  33         .noUiSliderLeft:before {
  34                 display: block;
  35                 position: absolute;
  36                 width: 150%;
  37                 left: -25%;
  38                 height: 400%;
  39                 top: -150%;
  40                 content: "";
  41                 z-index: -1;
  42         }
  43         .noUiSliderLeft.vertical:before {
  44                 width: 400%;
  45                 left: -150%;
  46                 height: 150%;
  47                 top: -25%;
  48         }
  49 }
  50         .noUiSliderLeft {
  51                 /*border: 1px solid #908d84;*/
  52                 border-radius: 3px;
  53         }
  54         .noUiSliderLeft.connect a,
  55         .noUiSliderLeft.connect.lower {
  56
  57                 background:url("images/hvac/temp_bar_on_left.svg") no-repeat left bottom;
  58                 /*background-size:85.9%;        */
  59                 /*background: #b2a98f;*/
  60         }
  61         .noUiSliderLeft.disabled,
  62         .noUiSliderLeft.disabled.connect.lower a {
  63                 background: #ccc;
  64                 box-shadow: none;
  65         }
  66         .noUiSliderLeft div {
  67                 height: 100px;
  68
  69                 border-radius: 3px;
  70                 background: #efefe7;
  71                 background:url("images/hvac/drag_knob.svg") no-repeat center center;
  72                 background-size:15%;
  73
  74         }
  75         .noUiSliderLeft.disabled div {
  76                 background: transparent;
  77         }
  78         .noUiSliderLeft.vertical {
  79                 width: 11%;
  80                 height: 37.6%;
  81         }
  82         .noUiSliderLeft.vertical div {
  83                 margin: -50px -60px 0 -5px;
  84         }
  85         .noUiSliderLeft{
  86                 left:3%;
  87                 top:18%;
  88                 height:40%;
  89         }
  90
  91
  92         /*********RIGHT*******/
  93
  94         .noUiSliderRight,
  95         .noUiSliderRight * {
  96 -webkit-box-sizing: border-box;
  97    -moz-box-sizing: border-box;
  98                 box-sizing: border-box;
  99 -webkit-user-select: none;
 100    -moz-user-select: none;
 101         -ms-user-select: none;
 102                 display: block;
 103                 cursor: default;
 104         }
 105         .noUiSliderRight {
 106                 position: relative;
 107         }
 108         .noUiSliderRight a {
 109                 position: absolute;
 110                 z-index: 1;
 111         }
 112         .noUiSliderRight a:nth-child(2) {
 113                 background: inherit !important;
 114         }
 115         .noUiSliderRight.vertical a {
 116                 width: 100%;
 117                 bottom: 0;
 118         }
 119         .noUiSliderRight.horizontal a {
 120                 height: 100%;
 121                 right: 0;
 122         }
 123 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 124         .noUiSliderRight:before,
 125         body.TOUCH,
 126         .noUiSliderRight div {
 127                 -ms-touch-action: none;
 128         }
 129         .noUiSliderRight:before {
 130                 display: block;
 131                 position: absolute;
 132                 width: 150%;
 133                 left: -25%;
 134                 height: 400%;
 135                 top: -150%;
 136                 content: "";
 137                 z-index: -1;
 138         }
 139         .noUiSliderRight.vertical:before {
 140                 width: 400%;
 141                 left: -150%;
 142                 height: 150%;
 143                 top: -25%;
 144         }
 145 }
 146         .noUiSliderRight {
 147                 /*border: 1px solid #908d84;*/
 148                 border-radius: 3px;
 149         }
 150         .noUiSliderRight.connect a,
 151         .noUiSliderRight.connect.lower {
 152                 /*background: #b2a98f;*/
 153                 background:url("images/hvac/temp_bar_on_right.svg") no-repeat right bottom;
 154                 /*background-size:85.9%;*/
 155         }
 156         .noUiSliderRight.disabled,
 157         .noUiSliderRight.disabled.connect.lower a {
 158                 background: #ccc;
 159                 box-shadow: none;
 160         }
 161         .noUiSliderRight div {
 162                 height: 100px;
 163                 border-radius: 3px;
 164                 background: #efefe7;
 165                 background:url("images/hvac/drag_knob.svg") no-repeat center center;
 166                 background-size:15%;
 167         }
 168         .noUiSliderRight.disabled div {
 169                 background: transparent;
 170         }
 171         .noUiSliderRight.vertical {
 172                 width: 11%;
 173                 height: 37.6%;
 174         }
 175         .noUiSliderRight.vertical div {
 176                 margin: -50px -5px 0 -60px;
 177         }
 178         .noUiSliderRight{
 179                 position:absolute;
 180                 left:86.25%;
 181                 top:18%;
 182                 height:40%;
 183         }
 184
 185 /*********FAN*******/
 186
 187         .noUiSliderFan,
 188         .noUiSliderFan * {
 189 -webkit-box-sizing: border-box;
 190    -moz-box-sizing: border-box;
 191                 box-sizing: border-box;
 192 -webkit-user-select: none;
 193    -moz-user-select: none;
 194         -ms-user-select: none;
 195                 display: block;
 196                 cursor: default;
 197         }
 198         .noUiSliderFan {
 199                 position: relative;
 200         }
 201         .noUiSliderFan a {
 202                 position: absolute;
 203                 z-index: 1;
 204         }
 205         .noUiSliderFan a:nth-child(2) {
 206                 background: inherit !important;
 207         }
 208         .noUiSliderFan.vertical a {
 209                 width: 100%;
 210                 bottom: 0;
 211         }
 212         .noUiSliderFan.horizontal a {
 213                 height: 100%;
 214                 right: 0;
 215         }
 216 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 217         .noUiSliderFan:before,
 218         body.TOUCH,
 219         .noUiSliderFan div {
 220                 -ms-touch-action: none;
 221         }
 222         .noUiSliderFan:before {
 223                 display: block;
 224                 position: absolute;
 225                 width: 150%;
 226                 left: -25%;
 227                 height: 400%;
 228                 top: -150%;
 229                 content: "";
 230                 z-index: -1;
 231         }
 232         .noUiSliderFan.vertical:before {
 233                 width: 400%;
 234                 left: -150%;
 235                 height: 150%;
 236                 top: -25%;
 237         }
 238 }
 239         .noUiSliderFan {
 240                 /*border: 1px solid #908d84;*/
 241                 border-radius: 3px;
 242         }
 243         .noUiSliderFan.connect a,
 244         .noUiSliderFan.connect.lower {
 245                 /*background: #b2a98f;*/
 246                 /*background:url("images/hvac/temp_bar_on_right.svg") no-repeat right bottom;   */
 247                 background-size:85.9%;
 248         }
 249         .noUiSliderFan.disabled,
 250         .noUiSliderFan.disabled.connect.lower a {
 251                 background: #ccc;
 252                 box-shadow: none;
 253         }
 254         .noUiSliderFan div {
 255                 width:80px;
 256                 height: 100%;
 257                 border-radius: 3px;
 258                 background: #efefe7;
 259                 background:url("images/hvac/drag_knob.svg") no-repeat center bottom;
 260                 background-size:26%;
 261         }
 262         .noUiSliderFan.disabled div {
 263                 background: transparent;
 264         }
 265         .noUiSliderFan.horizontal {
 266                 width: 42.5%;
 267                 height: 10.75%;
 268         }
 269         .noUiSliderFan.horizontal div {
 270                 margin: 0 0 0 -40px;
 271         }
 272         .noUiSliderFan{
 273                 position:absolute;
 274                 left:33%;
 275                 top:55%;
 276                 height:12%;
 277         }