www-apps/phpSANE/dev/css/nouislider.fox.css

   1         .noUiSlider,
   2         .noUiSlider * {
   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         .noUiSlider {
  13                 position: relative;
  14         }
  15         .noUiSlider a {
  16                 position: absolute;
  17                 z-index: 1;
  18         }
  19         .noUiSlider a:nth-child(2) {
  20                 background: inherit !important;
  21         }
  22         .noUiSlider.vertical a {
  23                 width: 100%;
  24                 bottom: 0;
  25         }
  26         .noUiSlider.horizontal a {
  27                 height: 100%;
  28                 right: 0;
  29         }
  30 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  31         .noUiSlider:before,
  32         body.TOUCH,
  33         .noUiSlider div {
  34                 -ms-touch-action: none;
  35         }
  36         .noUiSlider:before {
  37                 display: block;
  38                 position: absolute;
  39                 width: 150%;
  40                 left: -25%;
  41                 height: 400%;
  42                 top: -150%;
  43                 content: "";
  44                 z-index: -1;
  45         }
  46         .noUiSlider.vertical:before {
  47                 width: 400%;
  48                 left: -150%;
  49                 height: 150%;
  50                 top: -25%;
  51         }
  52 }
  53         .noUiSlider {
  54                 border: 1px solid #908d84;
  55                 border-radius: 3px;
  56         }
  57         .noUiSlider.connect a,
  58         .noUiSlider.connect.lower {
  59                 background: #b2a98f;
  60         }
  61         .noUiSlider,
  62         .noUiSlider.connect.lower a {
  63                 background: #d9d7cb;
  64                 box-shadow: inset 0px 1px 7px #b6b4a8
  65         }
  66         .noUiSlider.disabled,
  67         .noUiSlider.disabled.connect.lower a {
  68                 background: #ccc;
  69                 box-shadow: none;
  70         }
  71         .noUiSlider div {
  72                 height: 18px;
  73                 width: 18px;
  74                 border: 1px solid #99968f;
  75                 border-radius: 3px;
  76                 background: #efefe7;
  77         }
  78         .noUiSlider.disabled div {
  79                 background: transparent;
  80         }
  81         .noUiSlider.horizontal {
  82                 width: 300px;
  83                 height: 10px;
  84         }
  85         .noUiSlider.horizontal div {
  86                 margin: -5px 0 0 -9px;
  87         }
  88         .noUiSlider.vertical {
  89                 width: 10px;
  90                 height: 300px;
  91         }
  92         .noUiSlider.vertical div {
  93                 margin: -9px 0 0 -5px;
  94         }