/ext-4.0.7/resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss

 1@mixin extjs-form-checkboxfield {
 2    .#{$prefix}form-cb-wrap {
 3        padding-top: 3px;
 4    }
 5
 6    .#{$prefix}form-checkbox,
 7    .#{$prefix}form-radio {
 8        float: none;
 9        vertical-align: -1px;
10
11        width: $form-checkbox-size;
12        height: $form-checkbox-size;
13        background: no-repeat;
14        background-image: theme-background-image($theme-name, $form-checkbox-image);
15
16        overflow: hidden;
17        padding: 0;
18        border: 0;
19        &::-moz-focus-inner {
20            padding: 0;
21            border: 0;
22        }
23    }
24    @if $include-ie {
25        /* Hack for IE; causes alignment problem in IE9 standards mode so exclude that */
26        .#{$prefix}nbr.#{$prefix}ie {
27            .#{$prefix}form-checkbox,
28            .#{$prefix}form-radio {
29                font-size: 0;
30            }
31        }
32    }
33    .#{$prefix}form-cb-checked {
34        .#{$prefix}form-checkbox,
35        .#{$prefix}form-radio {
36            background-position: 0 (0 - $form-checkbox-size);
37        }
38    }
39
40    /* Focused */
41    .#{$prefix}form-cb-focus {
42        background-position: (0 - $form-checkbox-size) 0;
43    }
44    .#{$prefix}form-cb-checked {
45        .#{$prefix}form-cb-focus {
46            background-position: (0 - $form-checkbox-size) (0 - $form-checkbox-size);
47        }
48    }
49
50    /* Radios */
51    .#{$prefix}form-radio {
52        background-image: theme-background-image($theme-name, $form-radio-image);
53    }
54
55    /* boxLabel */
56    .#{$prefix}form-cb-label-before {
57        margin-right: 4px;
58    }
59    .#{$prefix}form-cb-label-after {
60        margin-left: 4px;
61    }
62
63    
64
65}