Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / resources / themes / stylesheets / ext4 / default / widgets / form / _all.scss
1 @mixin extjs-form {
2     /*misc*/
3     .#{$prefix}webkit {
4         * {
5             &:focus {
6                 outline:none !important;
7             }
8         }
9     }
10     
11     //form items
12     .#{$prefix}form-item {
13         display: block;
14         zoom: 1;
15         position: relative;
16         margin-bottom: 5px;
17     }
18     
19     .#{$prefix}form-item-label {
20         float: left;
21         padding: 3px 0 0;
22         z-index: 2;
23         position: relative;
24         font-size: $form-label-font-size;
25         @include no-select;
26     }
27
28     .#{$prefix}form-item-label-top {
29         float: none;
30         clear: none;
31         padding: 0;
32         display: block;
33     }
34
35     .#{$prefix}form-item-label-right {
36         float: left;
37         text-align: right;
38     }
39
40     .#{$prefix}form-item-body {
41         position: relative;
42         float: left;
43     }
44
45     .#{$prefix}form-invalid-under {
46         padding: 2px 2px 2px 18px;
47         clear: left;
48
49         color: $form-error-msg-color;
50         font: $form-error-msg-font;
51         line-height: $form-error-msg-line-height;
52
53         background: no-repeat 0 2px;
54         background-image: theme-background-image($theme-name, $form-exclamation-icon);
55     }
56     
57     .#{$prefix}form-invalid-icon {
58         width: 18px;
59         height: 18px;
60         overflow: hidden;
61         text-indent: -9999px;
62         
63         position: absolute;
64         left: 0;
65         top: 0;
66         
67         background: no-repeat 2px 3px;
68         background-image: theme-background-image($theme-name, $form-exclamation-icon);
69
70         ul {
71             /* prevent inner elements from interfering with QuickTip hovering */
72             display: none;
73         }
74     }
75 }