portal/static/unbound_reservation_static/css/slider.css

   1 /*!
   2  * Slider for Bootstrap
   3  *
   4  * Copyright 2012 Stefan Petre
   5  * Licensed under the Apache License v2.0
   6  * http://www.apache.org/licenses/LICENSE-2.0
   7  *
   8  */
   9 .slider {
  10   display: inline-block;
  11   vertical-align: middle;
  12   position: relative;
  13 }
  14 .slider.slider-horizontal {
  15   width: 210px;
  16   height: 20px;
  17 }
  18 .slider.slider-horizontal .slider-track {
  19   height: 10px;
  20   width: 100%;
  21   margin-top: -5px;
  22   top: 50%;
  23   left: 0;
  24 }
  25 .slider.slider-horizontal .slider-selection {
  26   height: 100%;
  27   top: 0;
  28   bottom: 0;
  29 }
  30 .slider.slider-horizontal .slider-handle {
  31   margin-left: -10px;
  32   margin-top: -5px;
  33 }
  34 .slider.slider-horizontal .slider-handle.triangle {
  35   border-width: 0 10px 10px 10px;
  36   width: 0;
  37   height: 0;
  38   border-bottom-color: #0480be;
  39   margin-top: 0;
  40 }
  41 .slider.slider-vertical {
  42   height: 210px;
  43   width: 20px;
  44 }
  45 .slider.slider-vertical .slider-track {
  46   width: 10px;
  47   height: 100%;
  48   margin-left: -5px;
  49   left: 50%;
  50   top: 0;
  51 }
  52 .slider.slider-vertical .slider-selection {
  53   width: 100%;
  54   left: 0;
  55   top: 0;
  56   bottom: 0;
  57 }
  58 .slider.slider-vertical .slider-handle {
  59   margin-left: -5px;
  60   margin-top: -10px;
  61 }
  62 .slider.slider-vertical .slider-handle.triangle {
  63   border-width: 10px 0 10px 10px;
  64   width: 1px;
  65   height: 1px;
  66   border-left-color: #0480be;
  67   margin-left: 0;
  68 }
  69 .slider input {
  70   display: none;
  71 }
  72 .slider .tooltip-inner {
  73   white-space: nowrap;
  74 }
  75 .slider-track {
  76   position: absolute;
  77   cursor: pointer;
  78   background-color: #f7f7f7;
  79   background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  80   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  81   background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  82   background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  83   background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  84   background-repeat: repeat-x;
  85   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  86   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  87   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  88   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  89   -webkit-border-radius: 4px;
  90   -moz-border-radius: 4px;
  91   border-radius: 4px;
  92 }
  93 .slider-selection {
  94   position: absolute;
  95   background-color: #f7f7f7;
  96   background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
  97   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
  98   background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
  99   background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
 100   background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
 101   background-repeat: repeat-x;
 102   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
 103   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 104   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 105   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 106   -webkit-box-sizing: border-box;
 107   -moz-box-sizing: border-box;
 108   box-sizing: border-box;
 109   -webkit-border-radius: 4px;
 110   -moz-border-radius: 4px;
 111   border-radius: 4px;
 112 }
 113 .slider-handle {
 114   position: absolute;
 115   width: 20px;
 116   height: 20px;
 117   background-color: #0e90d2;
 118   background-image: -moz-linear-gradient(top, #149bdf, #0480be);
 119   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
 120   background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
 121   background-image: -o-linear-gradient(top, #149bdf, #0480be);
 122   background-image: linear-gradient(to bottom, #149bdf, #0480be);
 123   background-repeat: repeat-x;
 124   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
 125   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 126   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 127   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 128   opacity: 0.8;
 129   border: 0px solid transparent;
 130 }
 131 .slider-handle.round {
 132   -webkit-border-radius: 20px;
 133   -moz-border-radius: 20px;
 134   border-radius: 20px;
 135 }
 136 .slider-handle.triangle {
 137   background: transparent none;
 138 }