root / trunk / web / dojo / dijit / themes / claro / form / NumberSpinner.css
History | View | Annotate | Download (2.62 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 2 | .claro .dijitSpinnerButtonContainer { |
||
| 3 | overflow: hidden; |
||
| 4 | position: relative; |
||
| 5 | width: auto; |
||
| 6 | padding: 0 2px; |
||
| 7 | } |
||
| 8 | .claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { |
||
| 9 | border-width: 1px 0; |
||
| 10 | border-style: solid none; |
||
| 11 | } |
||
| 12 | .claro .dijitSpinner .dijitArrowButton { |
||
| 13 | width:auto; |
||
| 14 | background-color: #ebeef4; |
||
| 15 | background-image: url("images/formHighlight.png"); |
||
| 16 | background-position:0px 0px; |
||
| 17 | background-repeat:repeat-x; |
||
| 18 | overflow: hidden; |
||
| 19 | } |
||
| 20 | .dj_iequirks .claro .dijitSpinner .dijitArrowButton { |
||
| 21 | overflow: visible; |
||
| 22 | } |
||
| 23 | .claro .dijitSpinner .dijitSpinnerButtonInner { |
||
| 24 | width: 15px; |
||
| 25 | } |
||
| 26 | .claro .dijitSpinner .dijitArrowButtonInner { |
||
| 27 | border:solid 1px #fff; |
||
| 28 | border-bottom-width: 0; |
||
| 29 | background-image: url("images/commonFormArrows.png"); |
||
| 30 | background-repeat: no-repeat; |
||
| 31 | height: 100%; |
||
| 32 | width:15px; |
||
| 33 | padding-left: 1px; |
||
| 34 | padding-right: 1px; |
||
| 35 | |||
| 36 | background-position:-139px center; |
||
| 37 | |||
| 38 | display: block; |
||
| 39 | margin: -1px 0px -1px 0px; |
||
| 40 | #margin-top: 0; |
||
| 41 | } |
||
| 42 | .dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner { |
||
| 43 | width: 19px; |
||
| 44 | } |
||
| 45 | .claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { |
||
| 46 | background-position:-34px; |
||
| 47 | } |
||
| 48 | .claro .dijitSpinner .dijitArrowButtonInner .dijitInputField { |
||
| 49 | padding: 0; |
||
| 50 | } |
||
| 51 | .claro .dijitUpArrowButtonActive, |
||
| 52 | .claro .dijitDownArrowButtonActive { |
||
| 53 | background-color:#abd6ff; |
||
| 54 | } |
||
| 55 | .claro .dijitSpinner .dijitUpArrowButtonHover, |
||
| 56 | .claro .dijitSpinner .dijitDownArrowButtonHover, |
||
| 57 | .claro .dijitSpinnerFocused .dijitArrowButton { |
||
| 58 | background-color: #a0d1ff; |
||
| 59 | } |
||
| 60 | .claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { |
||
| 61 | background-position:-174px; |
||
| 62 | } |
||
| 63 | .claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { |
||
| 64 | background-position:-69px; |
||
| 65 | } |
||
| 66 | .claro .dijitSpinnerFocused { |
||
| 67 | background-color: #fff; |
||
| 68 | background-image: none; |
||
| 69 | } |
||
| 70 | .claro .dijitSpinner .dijitDownArrowButtonActive, |
||
| 71 | .claro .dijitSpinner .dijitUpArrowButtonActive { |
||
| 72 | background-color: #3299f9; |
||
| 73 | background-position:0px -177px; |
||
| 74 | } |
||
| 75 | .claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, |
||
| 76 | .claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { |
||
| 77 | |||
| 78 | border: 0px; |
||
| 79 | padding: 1px; |
||
| 80 | margin-right:2px; |
||
| 81 | margin-bottom:1px; |
||
| 82 | } |
||
| 83 | .claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { |
||
| 84 | background-position:-173px; |
||
| 85 | } |
||
| 86 | .claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { |
||
| 87 | background-position:-68px; |
||
| 88 | } |
||
| 89 | .claro .dijitSpinnerDisabled .dijitArrowButtonInner { |
||
| 90 | background-color: #f1f1f1; |
||
| 91 | } |
||
| 92 | .claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { |
||
| 93 | background-position:-104px; |
||
| 94 | } |
||
| 95 | .claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { |
||
| 96 | background-position:1px; |
||
| 97 | } |
||
| 98 | .dj_ie7 .claro .dijitSpinner { |
||
| 99 | overflow:visible; |
||
| 100 | } |