]>
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 | */ | |
2f01fe57 | 19 | .claro .dijitSelect .dijitButtonText { |
81bea17a | 20 | padding: 2px; |
2f01fe57 | 21 | } |
81bea17a | 22 | /* normal status */ |
2f01fe57 | 23 | .claro .dijitSelect { |
81bea17a AD |
24 | border: 1px solid #b5bcc7; |
25 | background-color: #ffffff; | |
26 | border-collapse: separate; | |
2f01fe57 | 27 | } |
81bea17a AD |
28 | .dj_ie6 .claro .dijitSelect, .dj_ie6 .claro .dijitSelect .dijitButtonNode { |
29 | background-image: none; | |
2f01fe57 AD |
30 | } |
31 | .claro .dijitSelect .dijitButtonContents { | |
81bea17a AD |
32 | border: 0 solid #b5bcc7; |
33 | border-right-width: 1px; | |
2f01fe57 AD |
34 | } |
35 | .claro .dijitSelect .dijitArrowButton { | |
81bea17a AD |
36 | padding: 0; |
37 | border: 1px solid #ffffff; | |
38 | border-top: none; | |
39 | background-color: #efefef; | |
1354d172 | 40 | background-image: url("../form/images/formHighlight.png"); |
81bea17a | 41 | background-repeat: repeat-x; |
2f01fe57 AD |
42 | } |
43 | .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { | |
1354d172 | 44 | background-image: url("../form/images/commonFormArrows.png"); |
81bea17a AD |
45 | background-position: -35px 70%; |
46 | background-repeat: no-repeat; | |
47 | width: 16px; | |
48 | height: 16px; | |
2f01fe57 | 49 | } |
81bea17a | 50 | /* hover status */ |
2f01fe57 | 51 | .claro .dijitSelectHover { |
1354d172 AD |
52 | border: 1px solid #759dc0; |
53 | background-color: #e5f2fe; | |
54 | background-image: url("../form/images/textBox_back.png"); | |
81bea17a | 55 | background-repeat: repeat-x; |
2f01fe57 AD |
56 | } |
57 | .claro .dijitSelectHover .dijitButtonContents { | |
1354d172 | 58 | border-color: #759dc0; |
2f01fe57 AD |
59 | } |
60 | .claro .dijitSelectHover .dijitArrowButton { | |
81bea17a | 61 | background-color: #abd6ff; |
2f01fe57 AD |
62 | } |
63 | .claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { | |
81bea17a | 64 | background-position: -70px 70%; |
2f01fe57 | 65 | } |
81bea17a | 66 | /* focused status */ |
2f01fe57 | 67 | .claro .dijitSelectFocused { |
1354d172 | 68 | border: 1px solid #759dc0; |
2f01fe57 AD |
69 | } |
70 | .claro .dijitSelectFocused .dijitButtonContents { | |
1354d172 | 71 | border-color: #759dc0; |
2f01fe57 AD |
72 | } |
73 | .claro .dijitSelectFocused .dijitArrowButton { | |
81bea17a AD |
74 | background-color: #7dbefa; |
75 | background-position: 0 -177px; | |
76 | border: none; | |
77 | padding: 0 1px; | |
2f01fe57 AD |
78 | } |
79 | .claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { | |
81bea17a AD |
80 | background-position: -70px 70%; |
81 | margin-bottom: 1px; | |
2f01fe57 | 82 | } |
81bea17a | 83 | /* disable status */ |
2f01fe57 | 84 | .claro .dijitSelectDisabled { |
81bea17a AD |
85 | border: 1px solid #d3d3d3; |
86 | background-color: #efefef; | |
87 | background-image: none; | |
88 | color: #818181; | |
2f01fe57 | 89 | } |
81bea17a AD |
90 | .claro .dijitSelectDisabled .dijitArrowButton { |
91 | background-color: #efefef; | |
2f01fe57 AD |
92 | } |
93 | .claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { | |
81bea17a | 94 | background-position: 0 70%; |
2f01fe57 | 95 | } |
81bea17a AD |
96 | /* Dropdown menu style for select */ |
97 | .claro .dijitSelectMenu td.dijitMenuItemIconCell, .claro .dijitSelectMenu td.dijitMenuArrowCell { | |
98 | /* so that arrow and icon cells from MenuItem are not displayed */ | |
99 | ||
100 | display: none; | |
2f01fe57 AD |
101 | } |
102 | .claro .dijitSelectMenu td.dijitMenuItemLabel { | |
81bea17a AD |
103 | /* line up menu text with text in select box (in LTR and RTL modes) */ |
104 | ||
105 | padding: 2px; | |
2f01fe57 AD |
106 | } |
107 | .claro .dijitSelectMenu .dijitMenuSeparatorTop { | |
1354d172 | 108 | border-bottom: 1px solid #759dc0; |
2f01fe57 | 109 | } |