]>
Commit | Line | Data |
---|---|---|
81bea17a AD |
1 | /* Select |
2 | * | |
3 | * Styling Select mainly includes: | |
4 | * | |
5 | * 1. Containers | |
6 | * .dijitSelect - for border, background-color | |
7 | * .dijitButtonContents - for border | |
8 | * | |
9 | * 2. Arrow | |
10 | * .dijitArrowButton - for border, padding and background-color|image | |
11 | * .dijitArrowButtonInner - for border, background-color|image, display and width|height | |
12 | * | |
13 | * 3. Menu | |
14 | * .dijitSelectMenu .* - for border, padding | |
15 | * | |
16 | * 4. Various states | |
17 | * .dijitSelectHover|.dijitSelectFocused|.dijitSelectDisabled .* - for border, padding and background-color|image | |
18 | */ | |
81bea17a | 19 | /* normal status */ |
f0cfe83e AD |
20 | .claro .dijitSelect .dijitArrowButtonContainer { |
21 | border: 1px solid #ffffff; | |
2f01fe57 AD |
22 | } |
23 | .claro .dijitSelect .dijitArrowButton { | |
81bea17a | 24 | padding: 0; |
81bea17a | 25 | background-color: #efefef; |
f0cfe83e | 26 | background-image: url("../images/standardGradient.png"); |
81bea17a | 27 | background-repeat: repeat-x; |
f0cfe83e AD |
28 | background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); |
29 | background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); | |
30 | background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); | |
31 | background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); | |
32 | _background-image: none; | |
2f01fe57 AD |
33 | } |
34 | .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { | |
81bea17a | 35 | height: 16px; |
2f01fe57 | 36 | } |
81bea17a | 37 | /* hover status */ |
2f01fe57 | 38 | .claro .dijitSelectHover { |
1354d172 | 39 | background-color: #e5f2fe; |
f0cfe83e AD |
40 | background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); |
41 | background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); | |
42 | background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); | |
43 | background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); | |
81bea17a | 44 | background-repeat: repeat-x; |
2f01fe57 | 45 | } |
f0cfe83e | 46 | .claro .dijitSelectFocused, .claro .dijitSelectHover { |
1354d172 | 47 | border-color: #759dc0; |
2f01fe57 AD |
48 | } |
49 | .claro .dijitSelectHover .dijitArrowButton { | |
81bea17a | 50 | background-color: #abd6ff; |
2f01fe57 AD |
51 | } |
52 | .claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { | |
f0cfe83e | 53 | background-position: -70px 53%; |
2f01fe57 | 54 | } |
81bea17a | 55 | /* focused status */ |
2f01fe57 | 56 | .claro .dijitSelectFocused .dijitArrowButton { |
81bea17a | 57 | background-color: #7dbefa; |
f0cfe83e AD |
58 | background-image: url("../images/activeGradient.png"); |
59 | background-repeat: repeat-x; | |
60 | background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
61 | background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
62 | background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
63 | background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
64 | _background-image: none; | |
65 | } | |
66 | .claro .dijitSelectFocused .dijitArrowButton { | |
81bea17a | 67 | border: none; |
f0cfe83e | 68 | padding: 1px; |
2f01fe57 AD |
69 | } |
70 | .claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { | |
f0cfe83e | 71 | background-position: -70px 53%; |
2f01fe57 | 72 | } |
81bea17a | 73 | /* disable status */ |
2f01fe57 | 74 | .claro .dijitSelectDisabled { |
f0cfe83e | 75 | border-color: #d3d3d3; |
81bea17a AD |
76 | background-color: #efefef; |
77 | background-image: none; | |
78 | color: #818181; | |
2f01fe57 | 79 | } |
2f01fe57 | 80 | .claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { |
f0cfe83e | 81 | background-position: 0 53%; |
2f01fe57 | 82 | } |
81bea17a AD |
83 | /* Dropdown menu style for select */ |
84 | .claro .dijitSelectMenu td.dijitMenuItemIconCell, .claro .dijitSelectMenu td.dijitMenuArrowCell { | |
85 | /* so that arrow and icon cells from MenuItem are not displayed */ | |
86 | ||
87 | display: none; | |
2f01fe57 AD |
88 | } |
89 | .claro .dijitSelectMenu td.dijitMenuItemLabel { | |
81bea17a AD |
90 | /* line up menu text with text in select box (in LTR and RTL modes) */ |
91 | ||
92 | padding: 2px; | |
2f01fe57 AD |
93 | } |
94 | .claro .dijitSelectMenu .dijitMenuSeparatorTop { | |
1354d172 | 95 | border-bottom: 1px solid #759dc0; |
2f01fe57 | 96 | } |