]>
Commit | Line | Data |
---|---|---|
2f01fe57 AD |
1 | |
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 | } |