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 | } |