root / trunk / web / dojo / dijit / themes / claro / form / Select.css
History | View | Annotate | Download (2.19 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 2 | .claro .dijitSelect .dijitButtonText { |
||
| 3 | padding: 0px 5px 2px 5px; |
||
| 4 | } |
||
| 5 | .claro .dijitSelect { |
||
| 6 | border: 1px solid #b5bcc7; |
||
| 7 | background-color: #f7fcff; |
||
| 8 | border-collapse: separate; |
||
| 9 | } |
||
| 10 | .dj_ie6 .claro .dijitSelect, |
||
| 11 | .dj_ie6 .claro .dijitSelect .dijitButtonNode { |
||
| 12 | background-image:none; |
||
| 13 | } |
||
| 14 | .claro .dijitSelect .dijitButtonContents { |
||
| 15 | border: 0px solid #b5bcc7; |
||
| 16 | border-right-width: 1px; |
||
| 17 | } |
||
| 18 | .claro .dijitSelect .dijitArrowButton { |
||
| 19 | padding: 0; |
||
| 20 | border: 1px solid #fff; |
||
| 21 | border-top:none; |
||
| 22 | background-color:#ebeef4; |
||
| 23 | background-image: url("images/formHighlight.png"); |
||
| 24 | background-repeat:repeat-x; |
||
| 25 | } |
||
| 26 | .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { |
||
| 27 | background-image: url("images/commonFormArrows.png"); |
||
| 28 | background-position:-35px 70%; |
||
| 29 | background-repeat: no-repeat; |
||
| 30 | width:16px; |
||
| 31 | height:16px; |
||
| 32 | display:block; |
||
| 33 | } |
||
| 34 | .claro .dijitSelectHover { |
||
| 35 | border: 1px solid #769dc0; |
||
| 36 | background-color: #e9f4fe; |
||
| 37 | background-image: url('images/textBox_back.png'); |
||
| 38 | background-repeat: repeat-x; |
||
| 39 | } |
||
| 40 | .claro .dijitSelectHover .dijitButtonContents { |
||
| 41 | border-color:#81a5c6; |
||
| 42 | } |
||
| 43 | .claro .dijitSelectHover .dijitArrowButton { |
||
| 44 | background-color:#abd6ff; |
||
| 45 | } |
||
| 46 | .claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { |
||
| 47 | background-position:-70px 70%; |
||
| 48 | } |
||
| 49 | .claro .dijitSelectFocused { |
||
| 50 | border: 1px solid #769dc0; |
||
| 51 | } |
||
| 52 | .claro .dijitSelectFocused .dijitButtonContents { |
||
| 53 | border-color:#81a5c6; |
||
| 54 | } |
||
| 55 | .claro .dijitSelectFocused .dijitArrowButton { |
||
| 56 | background-color:#7dbefa; |
||
| 57 | background-position:0px -177px; |
||
| 58 | border: none; |
||
| 59 | padding: 0px 1px; |
||
| 60 | } |
||
| 61 | .claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { |
||
| 62 | background-position:-70px 70%; |
||
| 63 | margin-bottom: 1px; |
||
| 64 | } |
||
| 65 | .claro .dijitSelectDisabled { |
||
| 66 | border: 1px solid #d3d3d3; |
||
| 67 | background-color: #efefef; |
||
| 68 | background-image: none; |
||
| 69 | color: #818181; |
||
| 70 | } |
||
| 71 | .claro .dijitSelectDisabled .dijitArrowButton { |
||
| 72 | background-color: #efefef; |
||
| 73 | } |
||
| 74 | .claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { |
||
| 75 | background-position:0px 70% |
||
| 76 | } |
||
| 77 | .claro .dijitSelectMenu td.dijitMenuItemIconCell, |
||
| 78 | .claro .dijitSelectMenu td.dijitMenuArrowCell { |
||
| 79 | |||
| 80 | display: none; |
||
| 81 | } |
||
| 82 | .claro .dijitSelectMenu td.dijitMenuItemLabel { |
||
| 83 | |||
| 84 | padding-left: 5px; |
||
| 85 | padding-right: 5px; |
||
| 86 | } |
||
| 87 | .claro .dijitSelectMenu .dijitMenuSeparatorTop { |
||
| 88 | border-bottom:1px solid #769dc0; |
||
| 89 | } |