root / trunk / web / dojo / dijit / themes / claro / form / Button.css
History | View | Annotate | Download (3.72 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 2 | .claro .dijitButtonNode { |
||
| 3 | |||
| 4 | -webkit-transition-property:background-color; |
||
| 5 | -webkit-transition-duration:.3s; |
||
| 6 | } |
||
| 7 | .claro .dijitButton .dijitButtonNode, |
||
| 8 | .claro .dijitDropDownButton .dijitButtonNode, |
||
| 9 | .claro .dijitComboButton .dijitButtonNode, |
||
| 10 | .claro .dijitToggleButton .dijitButtonNode { |
||
| 11 | |||
| 12 | border: 1px solid #769dc0; |
||
| 13 | padding:2px 4px 4px 4px; |
||
| 14 | background-image: url("images/button.png"); |
||
| 15 | background-position: center top; |
||
| 16 | background-repeat: repeat-x; |
||
| 17 | background-color: #e4f2ff; |
||
| 18 | border-radius: 4px; |
||
| 19 | -moz-border-radius: 4px; |
||
| 20 | -webkit-border-radius: 4px; |
||
| 21 | box-shadow:0px 1px 1px rgba(0,0,0,0.15); |
||
| 22 | -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15); |
||
| 23 | -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15); |
||
| 24 | } |
||
| 25 | .claro .dijitComboButton .dijitArrowButton { |
||
| 26 | border-left-width: 0px; |
||
| 27 | padding: 4px 2px 4px 2px; |
||
| 28 | } |
||
| 29 | .claro .dijitArrowButtonInner { |
||
| 30 | width: 15px; |
||
| 31 | height: 15px; |
||
| 32 | margin: 0 auto; |
||
| 33 | background-image:url("images/buttonArrows.png"); |
||
| 34 | background-repeat:no-repeat; |
||
| 35 | background-position:-51px 53%; |
||
| 36 | } |
||
| 37 | .claro .dijitLeftArrowButton .dijitArrowButtonInner { |
||
| 38 | background-position: -77px 53%; |
||
| 39 | } |
||
| 40 | .claro .dijitRightArrowButton .dijitArrowButtonInner { |
||
| 41 | background-position: -26px 53%; |
||
| 42 | } |
||
| 43 | .claro .dijitUpArrowButton .dijitArrowButtonInner { |
||
| 44 | background-position: 0px 53%; |
||
| 45 | } |
||
| 46 | .claro .dijitDisabled .dijitArrowButtonInner { |
||
| 47 | background-position: -151px 53%; |
||
| 48 | } |
||
| 49 | .claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { |
||
| 50 | background-position: -177px 53%; |
||
| 51 | } |
||
| 52 | .claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { |
||
| 53 | background-position: -126px 53%; |
||
| 54 | } |
||
| 55 | .claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { |
||
| 56 | background-position: -100px 53%; |
||
| 57 | } |
||
| 58 | .claro .dijitButtonText { |
||
| 59 | padding: 0 0.3em; |
||
| 60 | text-align: center; |
||
| 61 | } |
||
| 62 | .claro .dijitDisabled .dijitButtonText { |
||
| 63 | color: #7F7F7F; |
||
| 64 | } |
||
| 65 | .claro .dijitButtonHover .dijitButtonNode, |
||
| 66 | .claro .dijitDropDownButtonHover .dijitButtonNode, |
||
| 67 | .claro .dijitComboButton .dijitButtonNodeHover, |
||
| 68 | .claro .dijitComboButton .dijitDownArrowButtonHover, |
||
| 69 | .claro .dijitToggleButtonHover .dijitButtonNode { |
||
| 70 | background-color: #afd9ff; |
||
| 71 | color:#000; |
||
| 72 | -webkit-transition-duration:.2s; |
||
| 73 | } |
||
| 74 | .claro .dijitButtonActive .dijitButtonNode, |
||
| 75 | .claro .dijitDropDownButtonActive .dijitButtonNode, |
||
| 76 | .claro .dijitComboButtonActive .dijitButtonNode, |
||
| 77 | .claro .dijitToggleButtonActive .dijitButtonNode { |
||
| 78 | background-color: #99cfff; |
||
| 79 | box-shadow:0px 0px 0px rgba(0,0,0,0); |
||
| 80 | -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); |
||
| 81 | -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); |
||
| 82 | -webkit-transition-duration:.1s; |
||
| 83 | } |
||
| 84 | .claro .dijitButtonDisabled, |
||
| 85 | .claro .dijitDropDownButtonDisabled, |
||
| 86 | .claro .dijitComboButtonDisabled, |
||
| 87 | .claro .dijitToggleButtonDisabled { |
||
| 88 | background-image: none; |
||
| 89 | outline: none; |
||
| 90 | } |
||
| 91 | .claro .dijitButtonDisabled .dijitButtonNode, |
||
| 92 | .claro .dijitDropDownButtonDisabled .dijitButtonNode, |
||
| 93 | .claro .dijitComboButtonDisabled .dijitButtonNode, |
||
| 94 | .claro .dijitToggleButtonDisabled .dijitButtonNode { |
||
| 95 | background-position:0px -149px; |
||
| 96 | background-color: #e3e3e3; |
||
| 97 | border: solid 1px #c9c9c9; |
||
| 98 | color: #696969; |
||
| 99 | box-shadow:0px 0px 0px rgba(0,0,0,0); |
||
| 100 | -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); |
||
| 101 | -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); |
||
| 102 | } |
||
| 103 | .claro .dijitComboButtonDisabled .dijitArrowButton{ |
||
| 104 | border-left-width: 0px; |
||
| 105 | } |
||
| 106 | .claro table.dijitComboButton { |
||
| 107 | border-collapse: separate; |
||
| 108 | } |
||
| 109 | .dj_ie6 .claro .dijitButtonNode { |
||
| 110 | background-image: none; |
||
| 111 | } |
||
| 112 | .claro .dijitComboButton .dijitStretch { |
||
| 113 | -moz-border-radius: 4px 0px 0px 4px; |
||
| 114 | -webkit-border-top-left-radius: 4px; |
||
| 115 | -webkit-border-top-right-radius: 0px; |
||
| 116 | -webkit-border-bottom-right-radius: 0px; |
||
| 117 | -webkit-border-bottom-left-radius: 4px; |
||
| 118 | } |
||
| 119 | .claro .dijitComboButton .dijitArrowButton { |
||
| 120 | -moz-border-radius: 0px 4px 4px 0px; |
||
| 121 | -webkit-border-top-left-radius: 0px; |
||
| 122 | -webkit-border-top-right-radius: 4px; |
||
| 123 | -webkit-border-bottom-right-radius: 4px; |
||
| 124 | -webkit-border-bottom-left-radius: 0px; |
||
| 125 | } |