lib/jquery.ui.slider.css

   1 /*!
   2  * jQuery UI Bootstrap (0.22)
   3  * http://addyosmani.github.com/jquery-ui-bootstrap
   4  *
   5  * Copyright 2012, Addy Osmani
   6  * Dual licensed under the MIT or GPL Version 2 licenses.
   7  *
   8  * Portions copyright jQuery UI & Twitter Bootstrap
   9  * Modified by Xlab - slider only!
  10  */
  11
  12
  13 /* Layout helpers
  14 ----------------------------------*/
  15 .ui-helper-hidden { display: none; }
  16 .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
  17 .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  18 .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  19 .ui-helper-clearfix { display: inline-block; }
  20 /* required comment for clearfix to work in Opera \*/
  21 * html .ui-helper-clearfix { height:1%; }
  22 .ui-helper-clearfix { display:block; }
  23 /* end clearfix */
  24 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
  25
  26
  27 /* Interaction Cues
  28 ----------------------------------*/
  29 .ui-state-disabled { cursor: default !important; }
  30
  31
  32 /* Icons
  33 ----------------------------------*/
  34
  35 /* states and images */
  36 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  37
  38
  39 /* Misc visuals
  40 ----------------------------------*/
  41
  42 /* Overlays */
  43 .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  44
  45
  46 /*
  47  * jQuery UI CSS Framework 1.8.16
  48  *
  49  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  50  * Dual licensed under the MIT or GPL Version 2 licenses.
  51  * http://jquery.org/license
  52  *
  53  * http://docs.jquery.com/UI/Theming/API
  54  *
  55  * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
  56  */
  57
  58
  59 /* Component containers
  60 ----------------------------------*/
  61 .ui-widget {   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; }
  62 .ui-widget .ui-widget { font-size: 1em; }
  63 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
  64 .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
  65 .ui-widget-content a { color: #404040; }
  66 .ui-widget-header {
  67   font-weight:bold;
  68   border-color: #0064cd #0064cd #003f81;
  69   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  70   border:1px solid #666;
  71
  72  }
  73 .ui-widget-header a { color: #222222; }
  74
  75 /* Interaction states
  76 ----------------------------------*/
  77 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  78
  79   background-color: #e6e6e6;
  80   background-repeat: no-repeat;
  81   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  82   background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  83   background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  84   background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  85   background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  86   background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  87   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  88
  89   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  90
  91   color: #333;
  92   font-size: 13px;
  93   line-height: normal;
  94   border: 1px solid #ccc;
  95   border-bottom-color: #bbb;
  96   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  97   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  98   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  99   -webkit-transition: 0.1s linear background-image;
 100   -moz-transition: 0.1s linear background-image;
 101   -ms-transition: 0.1s linear background-image;
 102   -o-transition: 0.1s linear background-image;
 103   transition: 0.1s linear background-image;
 104    overflow: visible;
 105
 106  }
 107
 108
 109 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
 110 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
 111   background-position: 0 -15px;
 112   color: #333;
 113   text-decoration: none;
 114
 115
 116  }
 117 .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
 118 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa;  font-weight: normal; color: #212121; }
 119 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
 120 .ui-widget :active { outline: none; }
 121
 122
 123 /* Misc visuals
 124 ----------------------------------*/
 125
 126 /* Corner radius */
 127 .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
 128 .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
 129 .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
 130 .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
 131
 132
 133
 134 /* Overlays */
 135 .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
 136 .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 137  * jQuery UI Resizable 1.8.16
 138  *
 139  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 140  * Dual licensed under the MIT or GPL Version 2 licenses.
 141  * http://jquery.org/license
 142  *
 143  * http://docs.jquery.com/UI/Resizable#theming
 144  */
 145 .ui-resizable { position: relative;}
 146 .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
 147 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
 148 .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
 149 .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
 150 .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
 151 .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
 152 .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
 153 .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
 154 .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
 155 .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 156
 157 /*
 158  * jQuery UI Slider 1.8.16
 159  *
 160  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 161  * Dual licensed under the MIT or GPL Version 2 licenses.
 162  * http://jquery.org/license
 163  *
 164  * http://docs.jquery.com/UI/Slider#theming
 165  */
 166 .ui-slider { position: relative; text-align: left; }
 167 .ui-slider a { outline: none; }
 168 .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
 169 .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;
 170
 171   color: #ffffff;
 172   background-color: #0064cd;
 173   background-repeat: repeat-x;
 174   background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
 175   background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
 176   background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
 177   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
 178   background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
 179   background-image: -o-linear-gradient(top, #049cdb, #0064cd);
 180   background-image: linear-gradient(top, #049cdb, #0064cd);
 181   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
 182   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 183   border-color: #0064cd #0064cd #003f81;
 184   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 185
 186 }
 187
 188 .ui-slider-horizontal { height: .8em; }
 189 .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
 190 .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
 191 .ui-slider-horizontal .ui-slider-range-min { left: 0; }
 192 .ui-slider-horizontal .ui-slider-range-max { right: 0; }
 193
 194 .ui-slider-vertical { width: .8em; height: 100px; }
 195 .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
 196 .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
 197 .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
 198 .ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 199