Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / resources / css / visual / form.css
1 /*!
2  * Ext JS Library 3.2.0
3  * Copyright(c) 2006-2010 Ext JS, Inc.
4  * licensing@extjs.com
5  * http://www.extjs.com/license
6  */
7 .x-form-field {
8     font:normal 12px tahoma, arial, helvetica, sans-serif;
9 }
10
11 .x-form-text, textarea.x-form-field {
12     background-color:#fff;
13     background-image:url(../images/default/form/text-bg.gif);
14     border-color:#b5b8c8;
15 }
16
17 .x-form-select-one {
18     background-color:#fff;
19     border-color:#b5b8c8;
20 }
21
22 .x-form-check-group-label {
23     border-bottom: 1px solid #99bbe8;
24     color: #15428b;
25 }
26
27 .x-editor .x-form-check-wrap {
28     background-color:#fff;
29 }
30
31 .x-form-field-wrap .x-form-trigger {
32     background-image:url(../images/default/form/trigger.gif);
33     border-bottom-color:#b5b8c8;
34 }
35
36 .x-form-field-wrap .x-form-date-trigger {
37     background-image: url(../images/default/form/date-trigger.gif);
38 }
39
40 .x-form-field-wrap .x-form-clear-trigger {
41     background-image: url(../images/default/form/clear-trigger.gif);
42 }
43
44 .x-form-field-wrap .x-form-search-trigger {
45     background-image: url(../images/default/form/search-trigger.gif);
46 }
47
48 .x-trigger-wrap-focus .x-form-trigger {
49     border-bottom-color:#7eadd9;
50 }
51
52 .x-item-disabled .x-form-trigger-over {
53     border-bottom-color:#b5b8c8;
54 }
55
56 .x-item-disabled .x-form-trigger-click {
57     border-bottom-color:#b5b8c8;
58 }
59
60 .x-form-focus, textarea.x-form-focus {
61         border-color:#7eadd9;
62 }
63
64 .x-form-invalid, textarea.x-form-invalid {
65     background-color:#fff;
66         background-image:url(../images/default/grid/invalid_line.gif);
67         border-color:#c30;
68 }
69
70 .x-form-invalid.x-form-composite {
71     border: none;
72     background-image: none;
73 }
74
75 .x-form-invalid.x-form-composite .x-form-invalid {
76     background-color:#fff;
77         background-image:url(../images/default/grid/invalid_line.gif);
78         border-color:#c30;
79 }
80
81 .x-form-inner-invalid, textarea.x-form-inner-invalid {
82     background-color:#fff;
83         background-image:url(../images/default/grid/invalid_line.gif);
84 }
85
86 .x-form-grow-sizer {
87         font:normal 12px tahoma, arial, helvetica, sans-serif;
88 }
89
90 .x-form-item {
91     font:normal 12px tahoma, arial, helvetica, sans-serif;
92 }
93
94 .x-form-invalid-msg {
95     color:#c0272b;
96     font:normal 11px tahoma, arial, helvetica, sans-serif;
97     background-image:url(../images/default/shared/warning.gif);
98 }
99
100 .x-form-empty-field {
101     color:gray;
102 }
103
104 .x-small-editor .x-form-field {
105     font:normal 11px arial, tahoma, helvetica, sans-serif;
106 }
107
108 .ext-webkit .x-small-editor .x-form-field {
109     font:normal 11px arial, tahoma, helvetica, sans-serif;
110 }
111
112 .x-form-invalid-icon {
113     background-image:url(../images/default/form/exclamation.gif);
114 }
115
116 .x-fieldset {
117     border-color:#b5b8c8;
118 }
119
120 .x-fieldset legend {
121     font:bold 11px tahoma, arial, helvetica, sans-serif;
122     color:#15428b;
123 }