examples/ux/css/Spinner.css

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-form-spinner-proxy{
   8         /*background-color:#ff00cc;*/
   9 }
  10 .x-form-field-wrap .x-form-spinner-trigger {
  11     background:transparent url('../images/spinner.gif') no-repeat 0 0;
  12 }
  13
  14 .x-form-field-wrap .x-form-spinner-overup{
  15     background-position:-17px 0;
  16 }
  17 .x-form-field-wrap .x-form-spinner-clickup{
  18     background-position:-34px 0;
  19 }
  20 .x-form-field-wrap .x-form-spinner-overdown{
  21     background-position:-51px 0;
  22 }
  23 .x-form-field-wrap .x-form-spinner-clickdown{
  24     background-position:-68px 0;
  25 }
  26
  27
  28 .x-trigger-wrap-focus .x-form-spinner-trigger{
  29     background-position:-85px 0;
  30 }
  31 .x-trigger-wrap-focus .x-form-spinner-overup{
  32     background-position:-102px 0;
  33 }
  34 .x-trigger-wrap-focus .x-form-spinner-clickup{
  35     background-position:-119px 0;
  36 }
  37 .x-trigger-wrap-focus .x-form-spinner-overdown{
  38     background-position:-136px 0;
  39 }
  40 .x-trigger-wrap-focus .x-form-spinner-clickdown{
  41     background-position:-153px 0;
  42 }
  43 .x-trigger-wrap-focus .x-form-trigger{
  44     border-bottom: 1px solid #7eadd9;
  45 }
  46
  47 .x-form-field-wrap .x-form-spinner-splitter {
  48         line-height:1px;
  49         font-size:1px;
  50     background:transparent url('../images/spinner-split.gif') no-repeat 0 0;
  51         position:absolute;
  52         cursor: n-resize;
  53 }
  54 .x-trigger-wrap-focus .x-form-spinner-splitter{
  55     background-position:-14px 0;
  56 }