view/theme/frio/frameworks/jRange/jquery.range.css

   1 .slider-container {
   2   width: 300px;
   3   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   4 }
   5 .slider-container .back-bar {
   6   height: 10px;
   7   position: relative;
   8 }
   9 .slider-container .back-bar .selected-bar {
  10   position: absolute;
  11   height: 100%;
  12 }
  13 .slider-container .back-bar .pointer {
  14   position: absolute;
  15   width: 10px;
  16   height: 10px;
  17   background-color: red;
  18   cursor: col-resize;
  19   opacity: 1;
  20   z-index: 2;
  21 }
  22 .slider-container .back-bar .pointer.last-active {
  23   z-index: 3;
  24 }
  25 .slider-container .back-bar .pointer-label {
  26   position: absolute;
  27   top: -17px;
  28   font-size: 8px;
  29   background: white;
  30   white-space: nowrap;
  31   line-height: 1;
  32 }
  33 .slider-container .back-bar .focused {
  34   z-index: 10;
  35 }
  36 .slider-container .clickable-dummy {
  37   cursor: pointer;
  38   position: absolute;
  39   width: 100%;
  40   height: 100%;
  41   z-index: 1;
  42 }
  43 .slider-container .scale {
  44   top: 2px;
  45   position: relative;
  46 }
  47 .slider-container .scale span {
  48   position: absolute;
  49   height: 5px;
  50   border-left: 1px solid #999;
  51   font-size: 0;
  52 }
  53 .slider-container .scale ins {
  54   font-size: 9px;
  55   text-decoration: none;
  56   position: absolute;
  57   left: 0;
  58   top: 5px;
  59   color: #999;
  60   line-height: 1;
  61 }
  62 .slider-container.slider-readonly .clickable-dummy,
  63 .slider-container.slider-readonly .pointer {
  64   cursor: auto;
  65 }
  66 .theme-green .back-bar {
  67   height: 5px;
  68   border-radius: 2px;
  69   background-color: #eeeeee;
  70   background-color: #e7e7e7;
  71   background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  72   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  73   background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  74   background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  75   background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  76   background-repeat: repeat-x;
  77   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
  78 }
  79 .theme-green .back-bar .selected-bar {
  80   border-radius: 2px;
  81   background-color: #a1fad0;
  82   background-image: -moz-linear-gradient(top, #bdfade, #76fabc);
  83   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdfade), to(#76fabc));
  84   background-image: -webkit-linear-gradient(top, #bdfade, #76fabc);
  85   background-image: -o-linear-gradient(top, #bdfade, #76fabc);
  86   background-image: linear-gradient(to bottom, #bdfade, #76fabc);
  87   background-repeat: repeat-x;
  88   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);
  89 }
  90 .theme-green .back-bar .pointer {
  91   width: 14px;
  92   height: 14px;
  93   top: -5px;
  94   -webkit-box-sizing: border-box;
  95   -moz-box-sizing: border-box;
  96   box-sizing: border-box;
  97   border-radius: 10px;
  98   border: 1px solid #AAA;
  99   background-color: #e7e7e7;
 100   background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
 101   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
 102   background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
 103   background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
 104   background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
 105   background-repeat: repeat-x;
 106   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
 107 }
 108 .theme-green .back-bar .pointer-label {
 109   color: #999;
 110 }
 111 .theme-green .back-bar .focused {
 112   color: #333;
 113 }
 114 .theme-green .scale span {
 115   border-left: 1px solid #e5e5e5;
 116 }
 117 .theme-green .scale ins {
 118   color: #999;
 119 }
 120 .theme-blue .back-bar {
 121   height: 5px;
 122   border-radius: 2px;
 123   background-color: #eeeeee;
 124   background-color: #e7e7e7;
 125   background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
 126   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
 127   background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
 128   background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
 129   background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
 130   background-repeat: repeat-x;
 131   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
 132 }
 133 .theme-blue .back-bar .selected-bar {
 134   border-radius: 2px;
 135   background-color: #92c1f9;
 136   background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
 137   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
 138   background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
 139   background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
 140   background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
 141   background-repeat: repeat-x;
 142   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0);
 143 }
 144 .theme-blue .back-bar .pointer {
 145   width: 14px;
 146   height: 14px;
 147   top: -5px;
 148   -webkit-box-sizing: border-box;
 149   -moz-box-sizing: border-box;
 150   box-sizing: border-box;
 151   border-radius: 10px;
 152   border: 1px solid #AAA;
 153   background-color: #e7e7e7;
 154   background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
 155   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
 156   background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
 157   background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
 158   background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
 159   background-repeat: repeat-x;
 160   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
 161 }
 162 .theme-blue .back-bar .pointer-label {
 163   color: #999;
 164 }
 165 .theme-blue .back-bar .focused {
 166   color: #333;
 167 }
 168 .theme-blue .scale span {
 169   border-left: 1px solid #e5e5e5;
 170 }
 171 .theme-blue .scale ins {
 172   color: #999;
 173 }