resources/themes/stylesheets/ext4/default/widgets/form/_fieldset.scss

   1 @mixin extjs-form-fieldset {
   2     .#{$prefix}fieldset {
   3         border: $fieldset-border;
   4
   5         padding: 0 $fieldset-padding;
   6         margin-bottom: $fieldset-padding;
   7
   8         display: block; /* preserve margins in IE */
   9     }
  10
  11     .#{$prefix}ie .#{$prefix}fieldset {
  12         padding-top: 0;
  13         padding-bottom: $fieldset-padding;
  14     }
  15
  16     .#{$prefix}fieldset-header {
  17         font: $fieldset-header-font;
  18         color: $fieldset-header-color;
  19         padding: $fieldset-header-padding;
  20         line-height: 16px;
  21
  22         .#{$prefix}fieldset-header-text {
  23             float: left;
  24         }
  25
  26         .#{$prefix}form-item,
  27         .#{$prefix}tool {
  28             float: left;
  29             margin: 0 3px 0 0;
  30         }
  31
  32         .#{$prefix}form-cb-wrap {
  33             padding: 0;
  34         }
  35     }
  36
  37     .#{$prefix}webkit .#{$prefix}fieldset-header {
  38         padding-top: 1px;
  39     }
  40
  41     @if $include-ie {
  42         .#{$prefix}quirks .#{$prefix}ie .#{$prefix}fieldset-header,
  43         .#{$prefix}ie6 .#{$prefix}fieldset-header,
  44         .#{$prefix}ie7 .#{$prefix}fieldset-header,
  45         .#{$prefix}ie8 .#{$prefix}fieldset-header {
  46             padding: 0;
  47         }
  48
  49         .#{$prefix}ie9 .#{$prefix}fieldset-header {
  50             padding-top: 1px;
  51         }
  52     }
  53
  54     .#{$prefix}fieldset-collapsed {
  55         .#{$prefix}fieldset-body {
  56             display: none;
  57         }
  58     }
  59
  60     .#{$prefix}fieldset-collapsed {
  61         padding-bottom: 0 !important;
  62
  63         border-width: 1px 1px 0 1px !important;
  64         border-left-color: transparent !important;
  65         border-right-color: transparent !important;
  66     }
  67
  68     @if $include-ie {
  69         .#{$prefix}ie6 .#{$prefix}fieldset-collapsed {
  70             border-width: 1px 0 0 0 !important;
  71
  72             padding-bottom: 0 !important;
  73             margin-left: 1px;
  74             margin-right: 1px;
  75         }
  76
  77         .#{$prefix}ie .#{$prefix}fieldset-bwrap {
  78             zoom: 1;
  79         }
  80     }
  81
  82     @if $include-ie {
  83         /* IE legend positioning bug */
  84         .#{$prefix}ie .#{$prefix}fieldset-noborder legend {
  85             position: relative;
  86
  87             margin-bottom: 23px;
  88         }
  89
  90         .#{$prefix}ie .#{$prefix}fieldset-noborder legend span {
  91             position: absolute;
  92             left: 16px;
  93         }
  94     }
  95
  96     .#{$prefix}fieldset {
  97         overflow: hidden;
  98     }
  99
 100     .#{$prefix}fieldset-bwrap {
 101         overflow: hidden;
 102
 103         zoom: 1;
 104     }
 105
 106     .#{$prefix}fieldset-body {
 107         overflow: hidden;
 108     }
 109 }