Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / resources / themes / stylesheets / ext4 / default / core / _core.scss
1 body {
2     color: $color;
3     font-size: $font-size;
4     font-family: $font-family;
5 }
6
7 .#{$prefix}clear {
8     overflow: hidden;
9     clear: both;
10     height: 0;
11     width: 0;
12     font-size: 0;
13     line-height: 0;
14 }
15
16 .#{$prefix}layer {
17     position: absolute;
18     overflow: hidden;
19     zoom: 1;
20 }
21
22 .#{$prefix}shim {
23     position: absolute;
24     left: 0;
25     top: 0;
26     overflow: hidden;
27     @include opacity(0);
28 }
29
30 .#{$prefix}hide-display {
31     display: none !important;
32 }
33
34 .#{$prefix}hide-visibility {
35     visibility:hidden !important;
36 }
37
38 .#{$prefix}item-disabled {
39     @include opacity(0.4);
40 }
41
42 .#{$prefix}ie6 .#{$prefix}item-disabled {
43     filter:none;
44 }
45
46 .#{$prefix}hidden,
47 .#{$prefix}hide-offsets {
48     display: block !important;
49     position: absolute!important;
50     left: -10000px!important;
51     top: -10000px!important;
52 }
53
54 .#{$prefix}hide-nosize {
55     height: 0!important;
56     width: 0!important;
57 }
58
59 .#{$prefix}masked-relative {
60     position: relative;
61 }
62
63 @if $include-ie {
64     .#{$prefix}ie6 .#{$prefix}masked select,
65     .#{$prefix}ie6.#{$prefix}body-masked select {
66         visibility: hidden !important;
67     }
68 }
69
70 // Styles for the three schemes for showing shadows under an element: CSS3, IE blur transform, or 9 point framing with images.
71 .#{$prefix}css-shadow {
72     position: absolute;
73     @include border-radius($window-border-radius);
74 }
75
76 .#{$prefix}ie-shadow {
77     background-color:#777;
78     display: none;
79     position: absolute;
80     overflow: hidden;
81     zoom: 1;
82 }
83
84 .#{$prefix}frame-shadow {
85     display: none;
86     position: absolute;
87     overflow: hidden;
88 }
89
90 .#{$prefix}frame-shadow * {
91     overflow: hidden;
92 }
93
94 .#{$prefix}frame-shadow * {
95     padding: 0;
96     border: 0;
97     margin: 0;
98     clear: none;
99     zoom: 1;
100 }
101
102 /* top  bottom */
103 .#{$prefix}frame-shadow .xstc,
104 .#{$prefix}frame-shadow .xsbc {
105     height: 6px;
106     float: left;
107 }
108
109 .#{$prefix}frame-shadow .xsc {
110     width: 100%;
111 }
112
113 .#{$prefix}frame-shadow .xsml {
114     background: transparent repeat-y 0 0;
115 }
116
117 .#{$prefix}frame-shadow .xsmr {
118     background: transparent repeat-y -6px 0;
119 }
120
121 .#{$prefix}frame-shadow .xstl {
122     background: transparent no-repeat 0 0;
123 }
124
125 .#{$prefix}frame-shadow .xstc {
126     background: transparent repeat-x 0 -30px;
127 }
128
129 .#{$prefix}frame-shadow .xstr {
130     background: transparent repeat-x 0 -18px;
131 }
132
133 .#{$prefix}frame-shadow .xsbl {
134     background: transparent no-repeat 0 -12px;
135 }
136
137 .#{$prefix}frame-shadow .xsbc {
138     background: transparent repeat-x 0 -36px;
139 }
140
141 .#{$prefix}frame-shadow .xsbr {
142     background: transparent repeat-x 0 -6px;
143 }
144 .#{$prefix}frame-shadow .xstl,
145 .#{$prefix}frame-shadow .xstc,
146 .#{$prefix}frame-shadow .xstr,
147 .#{$prefix}frame-shadow .xsbl,
148 .#{$prefix}frame-shadow .xsbc,
149 .#{$prefix}frame-shadow .xsbr {
150     width: 6px;
151     height: 6px;
152     float: left;
153     background-image: theme-image($theme-name, 'shared/shadow.png');
154 }
155
156 .#{$prefix}frame-shadow .xsml,
157 .#{$prefix}frame-shadow .xsmr {
158     width: 6px;
159     float: left;
160     height: 100%;
161     background-image: theme-image($theme-name, 'shared/shadow-lr.png');
162 }
163
164 .#{$prefix}frame-shadow .xsmc {
165     float: left;
166     height: 100%;
167     background-image: theme-image($theme-name, 'shared/shadow-c.png');
168 }
169
170 .#{$prefix}frame-shadow .xst,
171 .#{$prefix}frame-shadow .xsb {
172     height: 6px;
173     overflow: hidden;
174     width: 100%;
175 }