github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/static/js/slider/slider.css (about)

     1  .slider {
     2    display: inline-block;
     3    vertical-align: middle;
     4    position: relative;
     5  }
     6  .slider.slider-horizontal {
     7    width: 210px;
     8    height: 20px;
     9  }
    10  .slider.slider-horizontal .slider-track {
    11    height: 4px;
    12    width: 100%;
    13    margin-top: -2px;
    14    top: 50%;
    15    left: 0;
    16  }
    17  .slider.slider-horizontal .slider-selection {
    18    height: 100%;
    19    top: 0;
    20    bottom: 0;
    21  }
    22  .slider.slider-horizontal .slider-handle {
    23    margin-left: -10px;
    24    margin-top: -10px;
    25  }
    26  .slider.slider-horizontal .slider-handle.triangle {
    27    border-color: transparent;
    28    box-shadow: none;
    29    -webkit-box-shadow: none;
    30    border-width: 0 10px 10px 10px;
    31    width: 0;
    32    height: 0;
    33    border-bottom-color: #8ec165;
    34    margin-top: 0;
    35  }
    36  .slider.slider-vertical {
    37    height: 210px;
    38    width: 20px;
    39  }
    40  .slider.slider-vertical .slider-track {
    41    width: 4px;
    42    height: 100%;
    43    margin-left: -2px;
    44    left: 50%;
    45    top: 0;
    46  }
    47  .slider.slider-vertical .slider-selection {
    48    width: 100%;
    49    left: 0;
    50    top: 0;
    51    bottom: 0;
    52  }
    53  .slider.slider-vertical .slider-handle {
    54    margin-left: -10px;
    55    margin-top: -10px;
    56  }
    57  .slider.slider-vertical .slider-handle.triangle {
    58    border-width: 10px 0 10px 10px;
    59    width: 1px;
    60    height: 1px;
    61    border-left-color: #fff;
    62    margin-left: 0;
    63  }
    64  .slider input {
    65    display: none;
    66  }
    67  .slider .tooltip-inner {
    68    white-space: nowrap;
    69  }
    70  .slider-track {
    71    position: absolute;
    72    cursor: pointer;
    73    background-color: #fff;
    74    border: 1px solid #eee;
    75    border-radius: 5px;
    76  }
    77  .slider-selection {
    78    position: absolute;
    79    background-color: #4cc0c1;
    80    border: 1px solid #4cc0c1;
    81    border-radius: 5px;
    82  }
    83  .slider-handle {
    84    position: absolute;
    85    width: 20px;
    86    height: 20px;
    87    background-color: #fff;
    88    border: 1px solid #eee;
    89    border-color: rgba(0,0,0,0.1);
    90    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
    91    box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
    92  }
    93  .slider-handle.round {
    94    border-radius: 20px;
    95  }
    96  .slider-handle.triangle {
    97    background: transparent none;
    98  }