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