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

   1 @mixin extjs-form-fieldset {
   2     .#{$prefix}fieldset {
   3         border: $fieldset-border;
   4
   5         padding: $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}ie .#{$prefix}fieldset-header {
  50             margin-bottom: 10px;
  51         }
  52
  53         .#{$prefix}ie9 .#{$prefix}fieldset-header {
  54             padding-top: 1px;
  55         }
  56     }
  57
  58     .#{$prefix}fieldset-collapsed {
  59         .#{$prefix}fieldset-body {
  60             display: none;
  61         }
  62     }
  63
  64     .#{$prefix}fieldset-collapsed {
  65         padding-bottom: 0 !important;
  66
  67         border-width: 1px 1px 0 1px !important;
  68         border-left-color: transparent !important;
  69         border-right-color: transparent !important;
  70     }
  71
  72     @if $include-ie {
  73         .#{$prefix}ie6 .#{$prefix}fieldset-collapsed {
  74             border-width: 1px 0 0 0 !important;
  75
  76             padding-bottom: 0 !important;
  77             margin-left: 1px;
  78             margin-right: 1px;
  79         }
  80
  81         .#{$prefix}ie .#{$prefix}fieldset-bwrap {
  82             zoom: 1;
  83         }
  84     }
  85
  86     @if $include-ie {
  87         /* IE legend positioning bug */
  88         .#{$prefix}ie .#{$prefix}fieldset-noborder legend {
  89             position: relative;
  90
  91             margin-bottom: 23px;
  92         }
  93
  94         .#{$prefix}ie .#{$prefix}fieldset-noborder legend span {
  95             position: absolute;
  96             left: 16px;
  97         }
  98     }
  99
 100     .#{$prefix}fieldset {
 101         overflow: hidden;
 102     }
 103
 104     .#{$prefix}fieldset-bwrap {
 105         overflow: hidden;
 106
 107         zoom: 1;
 108     }
 109
 110     .#{$prefix}fieldset-body {
 111         overflow: hidden;
 112     }
 113 }