docs/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: 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 }