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