Revert "[TASK] Migrate to ExtJS 4: Migrate Backend Base Components"
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / extjs / 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: theme-image($theme-name, $form-exclamation-icon) no-repeat 0 2px;
54     }
55     
56     .#{$prefix}form-invalid-icon {
57         width: 18px;
58         height: 18px;
59         overflow: hidden;
60         text-indent: -9999px;
61         
62         position: absolute;
63         left: 0;
64         top: 0;
65         
66         background: theme-image($theme-name, $form-exclamation-icon) no-repeat 2px 3px;
67
68         ul {
69             /* prevent inner elements from interfering with QuickTip hovering */
70             display: none;
71         }
72     }
73 }