← Back to branch summary

~cdparra/gelee/trunk

« back to all changes in this revision

Viewing changes to webui/ecosystem/extjs/resources/css/structure/panel.css

  • Committer: parra
  • Date: 2010-03-15 02:39:02 UTC
  • Revision ID: svn-v4:ac5bba68-f036-4e09-846e-8f32731cc928:trunk/gelee:1433
merged gelee at svn

Show diffs side-by-side

added added

removed removed

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