root / trunk / web / dojo / dijit / themes / claro / form / Common.css
History | View | Annotate | Download (3.24 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 2 | .claro .dijitTextBoxError .dijitValidationContainer { |
||
| 3 | background-color: #d46363; |
||
| 4 | background-image: url('images/error.png'); |
||
| 5 | background-position: top center; |
||
| 6 | border: solid #d46464 0px; |
||
| 7 | border-left-width: 1px; |
||
| 8 | width: 9px; |
||
| 9 | } |
||
| 10 | .claro .dijitTextBoxError .dijitValidationIcon { |
||
| 11 | width: 0px; |
||
| 12 | background-color: transparent !important; |
||
| 13 | } |
||
| 14 | .claro .dijitTextBox .dijitInputContainer, |
||
| 15 | .claro .dijitTextArea, |
||
| 16 | .claro .dijitInputField .dijitPlaceHolder { |
||
| 17 | padding: 2px; |
||
| 18 | } |
||
| 19 | .claro .dijitTextBox, |
||
| 20 | .claro .dijitTextBox .dijitButtonNode { |
||
| 21 | |||
| 22 | border-color: #b5bcc7; |
||
| 23 | -webkit-transition-property:background-color, border; |
||
| 24 | -webkit-transition-duration:.35s; |
||
| 25 | } |
||
| 26 | .claro .dijitTextBox { |
||
| 27 | background-color: #f7fcff; |
||
| 28 | } |
||
| 29 | .claro .dijitTextBoxHover, |
||
| 30 | .claro .dijitTextBoxHover .dijitButtonNode { |
||
| 31 | border-color: #769dc0; |
||
| 32 | -webkit-transition-duration:.25s; |
||
| 33 | } |
||
| 34 | .claro .dijitTextBoxHover { |
||
| 35 | background-color: #e9f4fe; |
||
| 36 | background-image: url('images/textBox_back.png'); |
||
| 37 | background-repeat: repeat-x; |
||
| 38 | } |
||
| 39 | .claro .dijitTextBoxError, |
||
| 40 | .claro .dijitTextBoxError .dijitButtonNode { |
||
| 41 | border-color: #d46464; |
||
| 42 | } |
||
| 43 | .claro .dijitTextBoxError, |
||
| 44 | .claro .dijitTextBoxError .dijitInputContainer { |
||
| 45 | background-color: #fdf7f7; |
||
| 46 | } |
||
| 47 | .claro .dijitTextBoxFocused, |
||
| 48 | .claro .dijitTextBoxFocused .dijitButtonNode { |
||
| 49 | border-color:#769dc0; |
||
| 50 | -webkit-transition-duration:.1s; |
||
| 51 | } |
||
| 52 | .claro .dijitTextBoxFocused { |
||
| 53 | background-color: #fff; |
||
| 54 | background-image: url('images/textBox_back.png'); |
||
| 55 | background-repeat: repeat-x; |
||
| 56 | } |
||
| 57 | .claro .dijitTextBoxFocused .dijitInputContainer { |
||
| 58 | background: #fff; |
||
| 59 | } |
||
| 60 | .claro .dijitTextBoxErrorFocused, |
||
| 61 | .claro .dijitTextBoxErrorFocused .dijitButtonNode { |
||
| 62 | border-color: #ce4f4f; |
||
| 63 | } |
||
| 64 | .claro .dijitTextBoxDisabled, |
||
| 65 | .claro .dijitTextBoxDisabled .dijitButtonNode { |
||
| 66 | border-color: #d3d3d3; |
||
| 67 | } |
||
| 68 | .claro .dijitTextBoxDisabled { |
||
| 69 | background-color: #efefef; |
||
| 70 | background-image: none; |
||
| 71 | color: #818181; |
||
| 72 | } |
||
| 73 | .claro .dijitComboBox .dijitArrowButtonInner { |
||
| 74 | background-image: url("images/commonFormArrows.png"); |
||
| 75 | background-position:-35px 53%; |
||
| 76 | background-repeat: no-repeat; |
||
| 77 | margin: 0px; |
||
| 78 | width:16px; |
||
| 79 | height:100%; |
||
| 80 | border: 1px solid #fff; |
||
| 81 | } |
||
| 82 | .claro .dijitTextBox .dijitInputField { |
||
| 83 | padding-top: 1px; |
||
| 84 | padding-bottom: 1px; |
||
| 85 | } |
||
| 86 | .claro .dijitTextBox .dijitInputInner { |
||
| 87 | |||
| 88 | padding: 1px 2px 1px 0; |
||
| 89 | } |
||
| 90 | .claro .dijitTextBox .dijitValidationContainer { |
||
| 91 | padding: 0 0 2px 0; |
||
| 92 | } |
||
| 93 | .claro .dijitComboBox .dijitButtonNode { |
||
| 94 | background-color: #ebeef4; |
||
| 95 | background-image: url("images/formHighlight.png"); |
||
| 96 | background-repeat:repeat-x; |
||
| 97 | } |
||
| 98 | .claro .dijitComboBoxHover .dijitButtonNode { |
||
| 99 | background-color:#abd6ff; |
||
| 100 | } |
||
| 101 | .claro .dijitComboBoxHover .dijitArrowButtonInner { |
||
| 102 | background-position:-70px 53%; |
||
| 103 | } |
||
| 104 | .claro .dijitComboBoxFocused .dijitButtonNode { |
||
| 105 | background-color:#7dbefa; |
||
| 106 | background-position:0px -177px; |
||
| 107 | padding: 1px; |
||
| 108 | } |
||
| 109 | .claro .dijitComboBoxFocused .dijitArrowButtonInner { |
||
| 110 | background-position:-70px 53%; |
||
| 111 | border: 0px none; |
||
| 112 | } |
||
| 113 | .claro div.dijitComboBoxDisabled .dijitArrowButtonInner { |
||
| 114 | |||
| 115 | background-position:0px 50%; |
||
| 116 | background-color:#f1f1f1; |
||
| 117 | } |
||
| 118 | .dj_ff3 .claro .dijitInputField input[type="hidden"] { |
||
| 119 | display: none; |
||
| 120 | height: 0; |
||
| 121 | width: 0; |
||
| 122 | } |
||
| 123 | .dj_ie6 .claro .dijitTextBox, |
||
| 124 | .dj_ie6 .claro .dijitComboBox .dijitButtonNode { |
||
| 125 | background-image: none; |
||
| 126 | } |
||
| 127 | .dj_quirks .claro .dijitComboBox .dijitArrowButtonInner { |
||
| 128 | border: 0px; |
||
| 129 | } |
||
| 130 | .dj_quirks .claro .dijitComboBox .dijitArrowButtonContainer { |
||
| 131 | padding: 1px; |
||
| 132 | } |