source: branches/testFACT++branch/dim/WebDID/ext-4.1.1a/resources/themes/stylesheets/ext4/default/layout/_layout.scss

Last change on this file was 14939, checked in by tbretz, 12 years ago
Added WebDID from v20r5
File size: 8.2 KB
Line 
1@mixin extjs-layout {
2 /*
3 * Dock Layouts
4 * @todo move this somewhere else?
5 */
6 .#{$prefix}docked {
7 position: absolute !important;
8 z-index: 1;
9 }
10
11 .#{$prefix}docked-top {
12 border-bottom-width: 0 !important;
13 }
14
15 .#{$prefix}docked-bottom {
16 border-top-width: 0 !important;
17 }
18
19 .#{$prefix}docked-left {
20 border-right-width: 0 !important;
21 }
22
23 .#{$prefix}docked-right {
24 border-left-width: 0 !important;
25 }
26
27 .#{$prefix}docked-noborder-top {
28 border-top-width: 0 !important;
29 }
30
31 .#{$prefix}docked-noborder-right {
32 border-right-width: 0 !important;
33 }
34
35 .#{$prefix}docked-noborder-bottom {
36 border-bottom-width: 0 !important;
37 }
38
39 .#{$prefix}docked-noborder-left {
40 border-left-width: 0 !important;
41 }
42
43 .#{$prefix}box-inner {
44 overflow:hidden;
45
46 zoom:1;
47
48 position:relative;
49 left:0;
50 top:0;
51 }
52
53 .#{$prefix}box-item {
54 position:absolute !important;
55 left:0;
56 top:0;
57 }
58
59 .#{$prefix}rtl .#{$prefix}box-item {
60 right: 0;
61 left: auto;
62 }
63
64 .#{$prefix}box-layout-ct,
65 .#{$prefix}border-layout-ct {
66 overflow: hidden;
67 zoom: 1;
68 }
69
70 .#{$prefix}border-layout-ct {
71 background-color: $border-layout-ct-background;
72 position: relative;
73 }
74
75 .#{$prefix}overflow-hidden {
76 overflow:hidden !important;
77 }
78
79 .#{$prefix}inline-children > * {
80 display: inline-block !important;
81 }
82
83 .#{$prefix}abs-layout-ct {
84 position: relative;
85 }
86
87 .#{$prefix}abs-layout-item {
88 position: absolute !important;
89 }
90
91 .#{$prefix}fit-item {
92 position: relative;
93 }
94
95 .#{$prefix}border-region-slide-in {
96 z-index: 5;
97 }
98
99 .#{$prefix}region-collapsed-placeholder {
100 z-index: 4;
101 }
102
103 .#{$prefix}accordion-hd .#{$prefix}panel-header-text {
104 color: $accordion-header-color;
105 font-weight: normal;
106 }
107
108 .#{$prefix}accordion-hd {
109 .#{$prefix}tool-collapse-top,
110 .#{$prefix}tool-collapse-right,
111 .#{$prefix}tool-collapse-bottom,
112 .#{$prefix}tool-collapse-left {
113 background-position: 0 -255px;
114 }
115
116 .#{$prefix}tool-expand-top,
117 .#{$prefix}tool-expand-right,
118 .#{$prefix}tool-expand-bottom,
119 .#{$prefix}tool-expand-left {
120 background-position: 0 -240px;
121 }
122
123 .#{$prefix}tool-over {
124 .#{$prefix}tool-collapse-top,
125 .#{$prefix}tool-collapse-right,
126 .#{$prefix}tool-collapse-bottom,
127 .#{$prefix}tool-collapse-left {
128 background-position: -15px -255px;
129 }
130 }
131
132 .#{$prefix}tool-over {
133 .#{$prefix}tool-expand-top,
134 .#{$prefix}tool-expand-right,
135 .#{$prefix}tool-expand-bottom,
136 .#{$prefix}tool-expand-left {
137 background-position: -15px -240px;
138 }
139 }
140
141 background: $accordion-header-background-color !important;
142 @include single-box-shadow($accordion-header-background-color, 0, 0, 0, 0, true);
143 }
144
145 .#{$prefix}accordion-hd {
146 border-width: 1px 0 1px 0 !important;
147 padding: 4px 5px 5px 5px;
148 border-top-color: $panel-header-inner-border-color !important;
149 }
150
151 .#{$prefix}accordion-body {
152 border-width: 0 !important;
153 }
154
155 .#{$prefix}accordion-hd-sibling-expanded {
156 border-top-color: $panel-border-color !important;
157 @include single-box-shadow($panel-header-inner-border-color, 0, 1px, 0, 0, true);
158 }
159
160 .#{$prefix}accordion-hd-last-collapsed {
161 border-bottom-color: $accordion-header-background-color !important;
162 }
163
164 .#{$prefix}frame-tl,
165 .#{$prefix}frame-tr,
166 .#{$prefix}frame-tc,
167 .#{$prefix}frame-bl,
168 .#{$prefix}frame-br,
169 .#{$prefix}frame-bc {
170 overflow: hidden;
171 background-repeat: no-repeat;
172 }
173
174 .#{$prefix}frame-tc,
175 .#{$prefix}frame-bc {
176 background-repeat: repeat-x;
177 }
178
179 .#{$prefix}frame-mc {
180 position: relative;
181 background-repeat: repeat-x;
182 overflow: hidden;
183 }
184
185 // Classes for horizontal Box layout scroller.
186 // Uses the *TAB* scroller image because it's all we have.
187 // This will not work well in other cases
188 .#{$prefix}box-scroller-left {
189 float: left;
190 height: 100%;
191
192 z-index: 5;
193
194 .#{$prefix}toolbar-scroll-left,
195 .#{$prefix}tabbar-scroll-left {
196 width: 18px;
197 position: relative;
198 cursor: pointer;
199 height: $tab-height;
200 background: transparent no-repeat -18px 0;
201 background-image: theme-background-image($theme-name, 'tab-bar/scroll-left.gif');
202 }
203 .#{$prefix}toolbar-scroll-left-hover {
204 background-position: 0 0;
205 }
206 .#{$prefix}toolbar-scroll-left-disabled,
207 .#{$prefix}tabbar-scroll-left-disabled {
208 background-position: -18px 0;
209 @include opacity(.5);
210
211 cursor:default;
212 }
213
214 .#{$prefix}toolbar-scroll-left {
215 background-image: theme-background-image($theme-name, 'toolbar/scroll-left.gif');
216 background-position: -14px 0;
217 }
218 .#{$prefix}toolbar-scroll-left-hover {
219 background-position: 0 0;
220 }
221 .#{$prefix}toolbar-scroll-left-disabled {
222 background-position: -14px 0;
223 }
224
225 .#{$prefix}toolbar-scroll-left {
226 width: 14px;
227 height: 22px;
228
229 border-bottom: 1px solid #8db2e3;
230 }
231 }
232
233 .#{$prefix}horizontal-box-overflow-body {
234 float: left;
235 }
236 .#{$prefix}box-scroller-right {
237 float: right;
238 height: 100%;
239
240 z-index: 5;
241
242 .#{$prefix}toolbar-scroll-right,
243 .#{$prefix}tabbar-scroll-right {
244 width: 18px;
245 position: relative;
246 cursor: pointer;
247 height: $tab-height;
248 background: transparent no-repeat 0 0;
249 background-image: theme-background-image($theme-name, 'tab-bar/scroll-right.gif');
250 }
251 .#{$prefix}toolbar-scroll-right-hover {
252 background-position: -18px 0;
253 }
254 .#{$prefix}toolbar-scroll-right-disabled,
255 .#{$prefix}tabbar-scroll-right-disabled {
256 background-position: 0 0;
257 @include opacity(.5);
258
259 cursor:default;
260 }
261
262 .#{$prefix}toolbar-scroll-right {
263 background-image: theme-background-image($theme-name, 'toolbar/scroll-right.gif');
264 }
265 .#{$prefix}toolbar-scroll-right-hover {
266 background-position: -14px 0;
267 }
268 .#{$prefix}toolbar-scroll-right-disabled {
269 background-position: 0 0;
270 }
271
272 .#{$prefix}toolbar-scroll-right {
273 width: 14px;
274 height: 22px;
275
276 border-bottom: 1px solid #8db2e3;
277 }
278 }
279
280// Classes for vertical Box layout scroller
281 .#{$prefix}box-scroller-top {
282 .#{$prefix}box-scroller {
283 line-height: 0;
284 font-size: 0;
285 }
286 .#{$prefix}menu-scroll-top {
287 background: transparent no-repeat center center;
288 background-image: theme-background-image($theme-name, 'layout/mini-top.gif');
289 height: 8px;
290 cursor: pointer;
291 }
292 }
293 .#{$prefix}box-scroller-bottom {
294 .#{$prefix}box-scroller {
295 line-height: 0;
296 font-size: 0;
297 }
298 .#{$prefix}menu-scroll-bottom {
299 background: transparent no-repeat center center;
300 background-image: theme-background-image($theme-name, 'layout/mini-bottom.gif');
301 height: 8px;
302 cursor: pointer;
303 }
304 }
305
306 .#{$prefix}box-menu-right {
307 float: right;
308 padding-right: $toolbar-horizontal-spacing;
309 }
310
311 .#{$prefix}column {
312 float: left;
313 }
314 @if $include-ie {
315 .#{$prefix}ie6 .#{$prefix}column {
316 display: inline; /*prevent IE6 double-margin bug*/
317 }
318
319 .#{$prefix}quirks .#{$prefix}ie .#{$prefix}form-layout-table, .#{$prefix}quirks .#{$prefix}ie .#{$prefix}form-layout-table tbody tr.#{$prefix}form-item {
320 position: relative;
321 }
322 }
323}
Note: See TracBrowser for help on using the repository browser.