github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/ion.rangeslider/css/ion.rangeSlider.css (about)

     1  /* Ion.RangeSlider
     2  // css version 1.9.2
     3  // © 2013-2014 Denis Ineshin | IonDen.com
     4  // ===================================================================================================================*/
     5  
     6  /* =====================================================================================================================
     7  // RangeSlider */
     8  
     9  .irs {
    10      position: relative; display: block;
    11  }
    12      .irs-line {
    13          position: relative; display: block;
    14          overflow: hidden;
    15      }
    16          .irs-line-left, .irs-line-mid, .irs-line-right {
    17              position: absolute; display: block;
    18              top: 0;
    19          }
    20          .irs-line-left {
    21              left: 0; width: 10%;
    22          }
    23          .irs-line-mid {
    24              left: 9%; width: 82%;
    25          }
    26          .irs-line-right {
    27              right: 0; width: 10%;
    28          }
    29  
    30      .irs-diapason {
    31          position: absolute; display: block;
    32          left: 0; width: 100%;
    33      }
    34      .irs-slider {
    35          position: absolute; display: block;
    36          cursor: default;
    37          z-index: 1;
    38      }
    39          .irs-slider.single {
    40              left: 10px;
    41          }
    42              .irs-slider.single:before {
    43                  position: absolute; display: block; content: "";
    44                  top: -30%; left: -30%;
    45                  width: 160%; height: 160%;
    46                  background: rgba(0,0,0,0.0);
    47              }
    48          .irs-slider.from {
    49              left: 100px;
    50          }
    51              .irs-slider.from:before {
    52                  position: absolute; display: block; content: "";
    53                  top: -30%; left: -30%;
    54                  width: 130%; height: 160%;
    55                  background: rgba(0,0,0,0.0);
    56              }
    57          .irs-slider.to {
    58              left: 300px;
    59          }
    60              .irs-slider.to:before {
    61                  position: absolute; display: block; content: "";
    62                  top: -30%; left: 0;
    63                  width: 130%; height: 160%;
    64                  background: rgba(0,0,0,0.0);
    65              }
    66          .irs-slider.last {
    67              z-index: 2;
    68          }
    69  
    70      .irs-min {
    71          position: absolute; display: block;
    72          left: 0;
    73          cursor: default;
    74      }
    75      .irs-max {
    76          position: absolute; display: block;
    77          right: 0;
    78          cursor: default;
    79      }
    80  
    81      .irs-from, .irs-to, .irs-single {
    82          position: absolute; display: block;
    83          top: 0; left: 0;
    84          cursor: default;
    85          white-space: nowrap;
    86      }
    87  
    88  
    89  .irs-grid {
    90      position: absolute; display: none;
    91      bottom: 0; left: 0;
    92      width: 100%; height: 20px;
    93  }
    94  .irs-with-grid .irs-grid {
    95      display: block;
    96  }
    97      .irs-grid-pol {
    98          position: absolute;
    99          top: 0; left: 0;
   100          width: 1px; height: 8px;
   101          background: #000;
   102      }
   103      .irs-grid-pol.small {
   104          height: 4px;
   105      }
   106      .irs-grid-text {
   107          position: absolute;
   108          bottom: 0; left: 0;
   109          width: 100px;
   110          white-space: nowrap;
   111          text-align: center;
   112          font-size: 9px; line-height: 9px;
   113          color: #000;
   114      }
   115  
   116  .irs-disable-mask {
   117      position: absolute; display: block;
   118      top: 0; left: 0;
   119      width: 100%; height: 100%;
   120      cursor: default;
   121      background: rgba(0,0,0,0.0);
   122      z-index: 2;
   123  }
   124  .irs-disabled {
   125      opacity: 0.4;
   126  }