Project

General

Profile

Statistics
| Revision:

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
}