]>
git.wh0rd.org - tt-rss.git/blob - lib/dijit/themes/claro/form/Select.css
3 * Styling Select mainly includes:
6 * .dijitSelect - for border, background-color
7 * .dijitButtonContents - for border
10 * .dijitArrowButton - for border, padding and background-color|image
11 * .dijitArrowButtonInner - for border, background-color|image, display and width|height
14 * .dijitSelectMenu .* - for border, padding
17 * .dijitSelectHover|.dijitSelectFocused|.dijitSelectDisabled .* - for border, padding and background-color|image
20 .claro .dijitSelect .dijitArrowButtonContainer {
21 border: 1px solid
#ffffff;
23 .claro .dijitSelect .dijitArrowButton {
25 background-color: #efefef;
26 background-image: url
("../images/standardGradient.png");
27 background-repeat: repeat-x
;
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
;
34 .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
38 .claro .dijitSelectHover {
39 background-color: #e5f2fe;
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);
44 background-repeat: repeat-x
;
46 .claro .dijitSelectFocused, .claro .dijitSelectHover {
47 border-color: #759dc0;
49 .claro .dijitSelectHover .dijitArrowButton {
50 background-color: #abd6ff;
52 .claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner {
53 background-position: -70px 53%;
56 .claro .dijitSelectFocused .dijitArrowButton {
57 background-color: #7dbefa;
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
;
66 .claro .dijitSelectFocused .dijitArrowButton {
70 .claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner {
71 background-position: -70px 53%;
74 .claro .dijitSelectDisabled {
75 border-color: #d3d3d3;
76 background-color: #efefef;
77 background-image: none
;
80 .claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner {
81 background-position: 0 53%;
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 */
89 .claro .dijitSelectMenu td.dijitMenuItemLabel {
90 /* line up menu text with text in select box (in LTR and RTL modes) */
94 .claro .dijitSelectMenu .dijitMenuSeparatorTop {
95 border-bottom: 1px solid
#759dc0;