source: trunk/web/addons/job_monarch/lib/extjs-30/resources/css/structure/panel.css @ 625

Last change on this file since 625 was 625, checked in by ramonb, 15 years ago

lib/extjs-30:

  • new ExtJS 3.0
File size: 7.2 KB
Line 
1/*!
2 * Ext JS Library 3.0.0
3 * Copyright(c) 2006-2009 Ext JS, LLC
4 * licensing@extjs.com
5 * http://www.extjs.com/license
6 */
7.x-panel {
8    border-style: solid;
9    border-width:0;
10}
11
12.x-panel-header {
13    overflow:hidden;
14    zoom:1;
15    padding:5px 3px 4px 5px;
16    border:1px solid;
17    line-height: 15px;
18    background: transparent repeat-x 0 -1px;
19}
20
21.x-panel-body {
22    border:1px solid;
23    border-top:0 none;
24    overflow:hidden;
25    position: relative; /* added for item scroll positioning */
26}
27
28.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
29    border:1px solid;
30    border-top:0 none;
31    overflow:hidden;
32    padding:2px;
33}
34
35.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
36    border-top:1px solid;
37    border-bottom: 0 none;
38}
39
40.x-panel-body-noheader, .x-panel-mc .x-panel-body {
41    border-top:1px solid;
42}
43
44.x-panel-header {
45    overflow:hidden;
46    zoom:1;
47}
48
49.x-panel-tl .x-panel-header {
50    padding:5px 0 4px 0;
51    border:0 none;
52    background:transparent;
53}
54
55.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
56    padding-left:20px !important;
57    background-repeat:no-repeat;
58    background-position:0 4px;
59    zoom:1;
60}
61
62.x-panel-inline-icon {
63    width:16px;
64        height:16px;
65    background-repeat:no-repeat;
66    background-position:0 0;
67        vertical-align:middle;
68        margin-right:4px;
69        margin-top:-1px;
70        margin-bottom:-1px;
71}
72
73.x-panel-tc {
74        background: transparent repeat-x 0 0;
75        overflow:hidden;
76}
77
78/* fix ie7 strict mode bug */
79.ext-strict .ext-ie7 .x-panel-tc {
80    overflow: visible;
81}
82
83.x-panel-tl {
84        background: transparent no-repeat 0 0;
85        padding-left:6px;
86    zoom:1;
87    border-bottom:1px solid;
88}
89
90.x-panel-tr {
91        background: transparent no-repeat right 0;
92        zoom:1;
93    padding-right:6px;
94}
95
96.x-panel-bc {
97        background: transparent repeat-x 0 bottom;
98    zoom:1;
99}
100
101.x-panel-bc .x-panel-footer {
102    zoom:1;
103}
104
105.x-panel-bl {
106        background: transparent no-repeat 0 bottom;
107        padding-left:6px;
108    zoom:1;
109}
110
111.x-panel-br {
112        background: transparent no-repeat right bottom;
113        padding-right:6px;
114    zoom:1;
115}
116
117.x-panel-mc {
118    border:0 none;
119    padding:0;
120    margin:0;
121    padding-top:6px;
122}
123
124.x-panel-mc .x-panel-body {
125    background:transparent;
126    border: 0 none;
127}
128
129.x-panel-ml {
130        background: repeat-y 0 0;
131        padding-left:6px;
132    zoom:1;
133}
134
135.x-panel-mr {
136        background: transparent repeat-y right 0;
137        padding-right:6px;
138    zoom:1;
139}
140
141.x-panel-bc .x-panel-footer {
142    padding-bottom:6px;
143}
144
145.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
146        height:6px;
147    font-size:0;
148    line-height:0;
149}
150
151.x-panel-bwrap {
152    overflow:hidden;
153    zoom:1;
154    left:0;
155    top:0;
156}
157.x-panel-body {
158    overflow:hidden;
159    zoom:1;
160}
161
162.x-panel-collapsed .x-resizable-handle{
163    display:none;
164}
165
166.ext-gecko .x-panel-animated div {
167    overflow:hidden !important;
168}
169
170/* Plain */
171.x-plain-body {
172    overflow:hidden;
173}
174
175.x-plain-bbar .x-toolbar {
176    overflow:hidden;
177    padding:2px;
178}
179
180.x-plain-tbar .x-toolbar {
181    overflow:hidden;
182    padding:2px;
183}
184
185.x-plain-bwrap {
186    overflow:hidden;
187    zoom:1;
188}
189
190.x-plain {
191    overflow:hidden;
192}
193
194/* Tools */
195.x-tool {
196    overflow:hidden;
197    width:15px;
198    height:15px;
199    float:right;
200    cursor:pointer;
201    background:transparent no-repeat;
202    margin-left:2px;
203}
204
205/* expand / collapse tools */
206.x-tool-toggle {
207    background-position:0 -60px;
208}
209
210.x-tool-toggle-over {
211    background-position:-15px -60px;
212}
213
214.x-panel-collapsed .x-tool-toggle {
215    background-position:0 -75px;
216}
217
218.x-panel-collapsed .x-tool-toggle-over {
219    background-position:-15px -75px;
220}
221
222
223.x-tool-close {
224    background-position:0 -0;
225}
226
227.x-tool-close-over {
228    background-position:-15px 0;
229}
230
231.x-tool-minimize {
232    background-position:0 -15px;
233}
234
235.x-tool-minimize-over {
236    background-position:-15px -15px;
237}
238
239.x-tool-maximize {
240    background-position:0 -30px;
241}
242
243.x-tool-maximize-over {
244    background-position:-15px -30px;
245}
246
247.x-tool-restore {
248    background-position:0 -45px;
249}
250
251.x-tool-restore-over {
252    background-position:-15px -45px;
253}
254
255.x-tool-gear {
256    background-position:0 -90px;
257}
258
259.x-tool-gear-over {
260    background-position:-15px -90px;
261}
262
263.x-tool-pin {
264    background-position:0 -135px;
265}
266
267.x-tool-pin-over {
268    background-position:-15px -135px;
269}
270
271.x-tool-unpin {
272    background-position:0 -150px;
273}
274
275.x-tool-unpin-over {
276    background-position:-15px -150px;
277}
278
279.x-tool-right {
280    background-position:0 -165px;
281}
282
283.x-tool-right-over {
284    background-position:-15px -165px;
285}
286
287.x-tool-left {
288    background-position:0 -180px;
289}
290
291.x-tool-left-over {
292    background-position:-15px -180px;
293}
294
295.x-tool-up {
296    background-position:0 -210px;
297}
298
299.x-tool-up-over {
300    background-position:-15px -210px;
301}
302
303.x-tool-down {
304    background-position:0 -195px;
305}
306
307.x-tool-down-over {
308    background-position:-15px -195px;
309}
310
311.x-tool-refresh {
312    background-position:0 -225px;
313}
314
315.x-tool-refresh-over {
316    background-position:-15px -225px;
317}
318
319.x-tool-minus {
320    background-position:0 -255px;
321}
322
323.x-tool-minus-over {
324    background-position:-15px -255px;
325}
326
327.x-tool-plus {
328    background-position:0 -240px;
329}
330
331.x-tool-plus-over {
332    background-position:-15px -240px;
333}
334
335.x-tool-search {
336    background-position:0 -270px;
337}
338
339.x-tool-search-over {
340    background-position:-15px -270px;
341}
342
343.x-tool-save {
344    background-position:0 -285px;
345}
346
347.x-tool-save-over {
348    background-position:-15px -285px;
349}
350
351.x-tool-help {
352    background-position:0 -300px;
353}
354
355.x-tool-help-over {
356    background-position:-15px -300px;
357}
358
359.x-tool-print {
360    background-position:0 -315px;
361}
362
363.x-tool-print-over {
364    background-position:-15px -315px;
365}
366
367/* Ghosting */
368.x-panel-ghost {
369    z-index:12000;
370    overflow:hidden;
371    position:absolute;
372    left:0;top:0;
373    opacity:.65;
374    -moz-opacity:.65;
375    filter:alpha(opacity=65);
376}
377
378.x-panel-ghost ul {
379    margin:0;
380    padding:0;
381    overflow:hidden;
382    font-size:0;
383    line-height:0;
384    border:1px solid;
385    border-top:0 none;
386    display:block;
387}
388
389.x-panel-ghost * {
390    cursor:move !important;
391}
392
393.x-panel-dd-spacer {
394    border:2px dashed;
395}
396
397/* Buttons */
398.x-panel-btns {
399    padding:5px;
400    overflow:hidden;
401}
402
403.x-panel-btns-right .x-panel-fbar {
404        float:right;
405        clear:none;
406}
407
408.x-panel-btns-left .x-panel-fbar {
409        clear:none;
410}
411
412.x-panel-btns-center{
413        text-align:center; /*ie*/
414}
415
416.x-panel-btns-center .x-toolbar-ct {
417        margin:0 auto; /*everyone else*/
418    text-align:left;
419    width:auto;
420}
421
422.ext-gecko2 .x-panel-btns-right .x-toolbar-ct {
423    width:auto;
424}
425
426.x-panel-btns td.x-toolbar-cell{
427        padding:3px;
428}
429
430.x-panel-btns .x-btn-focus .x-btn-left{
431        background-position:0 -147px;
432}
433
434.x-panel-btns .x-btn-focus .x-btn-right{
435        background-position:0 -168px;
436}
437
438.x-panel-btns .x-btn-focus .x-btn-center{
439        background-position:0 -189px;
440}
441
442.x-panel-btns .x-btn-over .x-btn-left{
443        background-position:0 -63px;
444}
445
446.x-panel-btns .x-btn-over .x-btn-right{
447        background-position:0 -84px;
448}
449
450.x-panel-btns .x-btn-over .x-btn-center{
451        background-position:0 -105px;
452}
453
454.x-panel-btns .x-btn-click .x-btn-center{
455        background-position:0 -126px;
456}
457
458.x-panel-btns .x-btn-click  .x-btn-right{
459        background-position:0 -84px;
460}
461
462.x-panel-btns .x-btn-click .x-btn-left{
463        background-position:0 -63px;
464}
465
466.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
467        white-space: nowrap;
468}
Note: See TracBrowser for help on using the repository browser.