Mercurial > laserkard
comparison onlypaths/theme/css/xtheme-purple.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.0 Alpha 1 | |
3 * Copyright(c) 2006-2007, Ext JS, LLC. | |
4 * | |
5 * @license LGPL | |
6 * @author Kemal Tunador <tunador@madrabaz.com> | |
7 */ | |
8 | |
9 .x-panel { | |
10 border-style: solid; | |
11 border-color: #ff82a3; | |
12 } | |
13 .x-panel-header { | |
14 color:#331033; | |
15 border:1px solid #ff82a3; | |
16 background-image:url(../images/purple/panel/white-top-bottom.gif); | |
17 } | |
18 | |
19 .x-panel-body { | |
20 border-color:#ff82a3; | |
21 } | |
22 | |
23 .x-panel-bbar .x-toolbar { | |
24 border-color:#ff82a3; | |
25 } | |
26 | |
27 .x-panel-tbar .x-toolbar { | |
28 border-color:#ff82a3; | |
29 } | |
30 | |
31 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { | |
32 border-color:#ff82a3; | |
33 } | |
34 .x-panel-body-noheader, .x-panel-mc .x-panel-body { | |
35 border-color:#ff82a3; | |
36 } | |
37 .x-panel-tl .x-panel-header { | |
38 color:#331033; | |
39 } | |
40 .x-panel-tc { | |
41 background-image:url(../images/purple/panel/top-bottom.gif); | |
42 } | |
43 .x-panel-tl { | |
44 background-image:url(../images/purple/panel/corners-sprite.gif); | |
45 border-color:#ff82a3; | |
46 } | |
47 .x-panel-tr { | |
48 background-image:url(../images/purple/panel/corners-sprite.gif); | |
49 } | |
50 .x-panel-bc { | |
51 background-image:url(../images/purple/panel/top-bottom.gif); | |
52 } | |
53 .x-panel-bl { | |
54 background-image:url(../images/purple/panel/corners-sprite.gif); | |
55 } | |
56 .x-panel-br { | |
57 background-image:url(../images/purple/panel/corners-sprite.gif); | |
58 } | |
59 .x-panel-mc { | |
60 background:#ffd6df; | |
61 } | |
62 .x-panel-mc .x-panel-body { | |
63 background:transparent; | |
64 border: 0 none; | |
65 } | |
66 .x-panel-ml { | |
67 background-image:url(../images/purple/panel/left-right.gif); | |
68 } | |
69 .x-panel-mr { | |
70 background-image:url(../images/purple/panel/left-right.gif); | |
71 } | |
72 | |
73 /* Grid */ | |
74 .x-grid3-row { | |
75 color:#000000; | |
76 } | |
77 .x-grid3-row-over { | |
78 border:1px solid #ffd6df; | |
79 background-image:url(../images/purple/grid/row-over.gif); | |
80 } | |
81 .x-grid3-header{ | |
82 background-image:url(../images/purple/grid/grid3-hrow.gif); | |
83 } | |
84 .x-grid3-header-pop-inner { | |
85 border-left:1px solid #ffd6df; | |
86 background-image:url(../images/purple/grid/hd-pop.gif); | |
87 } | |
88 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { | |
89 border-left:1px solid #ff82a3; | |
90 border-right:1px solid #ff82a3; | |
91 } | |
92 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { | |
93 background-image:url(../images/purple/grid/grid3-hrow-over.gif); | |
94 } | |
95 .x-dd-drag-proxy .x-grid3-hd-inner{ | |
96 background-image:url(../images/purple/grid/grid3-hrow-over.gif); | |
97 } | |
98 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ | |
99 background-image:url(../images/purple/grid/grid-hrow.gif); | |
100 color:black; | |
101 border-top:1px solid white; | |
102 border-right:1px solid #ff82a3 !important; | |
103 } | |
104 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ | |
105 background-image:url(../images/purple/grid/grid3-special-col-bg.gif); | |
106 color:black !important; | |
107 } | |
108 .x-grid3-hd-btn { | |
109 background-image:url(../images/purple/grid/grid3-hd-btn.gif); | |
110 } | |
111 .x-grid3-body .x-grid3-td-expander { | |
112 background-image:url(../images/purple/grid/grid3-special-col-bg.gif); | |
113 } | |
114 .x-grid3-body .x-grid3-td-checker { | |
115 background-image:url(../images/purple/grid/grid3-special-col-bg.gif); | |
116 } | |
117 .x-grid3-body .x-grid3-td-numberer { | |
118 background-image:url(../images/purple/grid/grid3-special-col-bg.gif); | |
119 } | |
120 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, | |
121 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, | |
122 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { | |
123 background-image:url(../images/purple/grid/grid3-special-col-sel-bg.gif); | |
124 } | |
125 .x-grid3-row-selected { | |
126 background: #ffd6df; | |
127 border:1px dotted #ff82a3; | |
128 } | |
129 | |
130 /* Menu */ | |
131 .x-menu { | |
132 border: 1px solid #ffc6cf; | |
133 background-image:url(../images/purple/menu/menu.gif); | |
134 } | |
135 .x-menu-sep { | |
136 background-color:#ffffff; | |
137 border-bottom:1px solid #ffc6cf; | |
138 } | |
139 .x-menu-item-active { | |
140 background-image:url(../images/purple/menu/item-over.gif); | |
141 border:1px solid #ff82a3; | |
142 } | |
143 | |
144 /* Tools */ | |
145 .x-tool { | |
146 background-image:url(../images/purple/panel/tool-sprites.gif); | |
147 } | |
148 | |
149 /* Ghosting */ | |
150 .x-panel-ghost { | |
151 background:#ffa7be; | |
152 } | |
153 | |
154 .x-panel-ghost ul { | |
155 border-color:#ff82a3; | |
156 } | |
157 | |
158 .x-grid-panel .x-panel-mc .x-panel-body { | |
159 border:1px solid #ffd6df; | |
160 } | |
161 | |
162 /* Buttons */ | |
163 | |
164 .x-btn-text{ | |
165 color: #331033; | |
166 } | |
167 .x-btn-left{ | |
168 background-image:url(../images/purple/button/btn-sprite.gif); | |
169 } | |
170 .x-btn-right{ | |
171 background-image:url(../images/purple/button/btn-sprite.gif); | |
172 } | |
173 .x-btn-center{ | |
174 background-image:url(../images/purple/button/btn-sprite.gif); | |
175 } | |
176 | |
177 /* Layout classes */ | |
178 | |
179 .x-border-layout-ct { | |
180 background:#f2f1f0; /* f1f2f4 */ | |
181 } | |
182 | |
183 .x-accordion-hd { | |
184 background-image:url(../images/purple/panel/light-hd.gif); | |
185 } | |
186 | |
187 .x-layout-collapsed{ | |
188 background-color:#ffd6df; | |
189 border-color:#ffa7be; | |
190 } | |
191 .x-layout-collapsed-over{ | |
192 background-color:#ffb6ca; | |
193 } | |
194 | |
195 | |
196 /* qtips */ | |
197 .x-tip .x-tip-close{ | |
198 background-image: url(../images/purple/qtip/close.gif); | |
199 } | |
200 .x-tip .x-tip-tc { | |
201 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
202 } | |
203 .x-tip .x-tip-tl { | |
204 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
205 } | |
206 .x-tip .x-tip-tr { | |
207 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
208 } | |
209 .x-tip .x-tip-bc { | |
210 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
211 } | |
212 .x-tip .x-tip-bl { | |
213 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
214 } | |
215 .x-tip .x-tip-br { | |
216 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
217 } | |
218 .x-tip .x-tip-ml { | |
219 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
220 } | |
221 .x-tip .x-tip-mr { | |
222 background-image:url(../images/purple/qtip/tip-sprite.gif); | |
223 } | |
224 .x-tip .x-tip-header-text { | |
225 color:#331033; | |
226 } | |
227 .x-tip .x-tip-body { | |
228 color:#331033; | |
229 } | |
230 /* Toolbars */ | |
231 | |
232 .x-toolbar{ | |
233 border-color:#ff82a3; | |
234 background:#ffc3d6 url(../images/purple/toolbar/bg.gif) repeat-x top left; | |
235 } | |
236 .x-toolbar button { | |
237 color:#331033; | |
238 } | |
239 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button { | |
240 background-image:url(../images/purple/toolbar/btn-arrow.gif); | |
241 } | |
242 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button { | |
243 background-image:url(../images/purple/toolbar/btn-arrow.gif); | |
244 } | |
245 .x-toolbar .x-btn-over .x-btn-left{ | |
246 background-image:url(../images/purple/toolbar/tb-btn-sprite.gif); | |
247 } | |
248 .x-toolbar .x-btn-over .x-btn-right{ | |
249 background-image:url(../images/purple/toolbar/tb-btn-sprite.gif); | |
250 } | |
251 .x-toolbar .x-btn-over .x-btn-center{ | |
252 background-image:url(../images/purple/toolbar/tb-btn-sprite.gif); | |
253 } | |
254 .x-toolbar .x-btn-over button { | |
255 color:#000000; | |
256 } | |
257 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{ | |
258 background-image:url(../images/purple/toolbar/tb-btn-sprite.gif); | |
259 } | |
260 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{ | |
261 background-image:url(../images/purple/toolbar/tb-btn-sprite.gif); | |
262 } | |
263 | |
264 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{ | |
265 background-image:url(../images/purple/toolbar/tb-btn-sprite.gif); | |
266 } | |
267 .x-toolbar .ytb-sep { | |
268 background-image: url(../images/purple/grid/grid-split.gif); | |
269 } | |
270 .x-paging-info { | |
271 color:#331033; | |
272 } | |
273 | |
274 /* Form */ | |
275 | |
276 .x-form-field-wrap .x-form-trigger{ | |
277 background-image:url(../images/purple/form/trigger.gif); | |
278 border-bottom: 1px solid #ff7f7e; | |
279 } | |
280 .x-form-field-wrap .x-form-date-trigger{ | |
281 background-image: url(../images/purple/form/date-trigger.gif); | |
282 } | |
283 .x-form-field-wrap .x-form-clear-trigger{ | |
284 background-image: url(../images/purple/form/clear-trigger.gif); | |
285 } | |
286 .x-form-field-wrap .x-form-search-trigger{ | |
287 background-image: url(../images/purple/form/search-trigger.gif); | |
288 } | |
289 | |
290 .x-form-text, textarea.x-form-field{ | |
291 border: 1px solid #ff7f7e; | |
292 } | |
293 .x-form-select-one { | |
294 border: 1px solid #ff7f7e; | |
295 } | |
296 .x-item-disabled .x-form-trigger-over{ | |
297 border-bottom: 1px solid #ff7f7e; | |
298 } | |
299 .x-item-disabled .x-form-trigger-click{ | |
300 border-bottom: 1px solid #ff7f7e; | |
301 } | |
302 .x-form fieldset { | |
303 border:1px solid #ff7f7e; | |
304 } | |
305 .x-trigger-wrap-focus .x-form-trigger{ | |
306 border-bottom: 1px solid #ff5892; | |
307 } | |
308 .x-form-focus, textarea.x-form-focus{ | |
309 border: 1px solid #ff5892; | |
310 } | |
311 | |
312 | |
313 /* Tabs */ | |
314 | |
315 .x-tab-panel-header, .x-tab-panel-footer { | |
316 background: #ffdce5; | |
317 border-color:#ff7197; | |
318 } | |
319 | |
320 | |
321 .x-tab-panel-header { | |
322 border-color:#ff7197; | |
323 } | |
324 | |
325 .x-tab-panel-footer { | |
326 border-color:#ff7197; | |
327 } | |
328 | |
329 ul.x-tab-strip-top{ | |
330 background:#ffbbcb url(../images/purple/tabs/tab-strip-bg.gif) repeat-x left top; | |
331 border-color:#ff7197; | |
332 } | |
333 | |
334 ul.x-tab-strip-bottom{ | |
335 background-image:url(../images/purple/tabs/tab-strip-btm-bg.gif); | |
336 border-color:#ff7197; | |
337 } | |
338 | |
339 .x-tab-strip span.x-tab-strip-text { | |
340 color:#553355; | |
341 } | |
342 .x-tab-strip-over span.x-tab-strip-text { | |
343 color:#000000; | |
344 } | |
345 | |
346 .x-tab-strip-active span.x-tab-strip-text { | |
347 color:#331033; | |
348 } | |
349 | |
350 .x-tab-strip-disabled .x-tabs-text { | |
351 color:#775577; | |
352 } | |
353 | |
354 .x-tab-strip-top .x-tab-right { | |
355 background-image:url(../images/purple/tabs/tabs-sprite.gif); | |
356 } | |
357 | |
358 .x-tab-strip-top .x-tab-left { | |
359 background-image:url(../images/purple/tabs/tabs-sprite.gif); | |
360 } | |
361 .x-tab-strip-top .x-tab-strip-inner { | |
362 background-image:url(../images/purple/tabs/tabs-sprite.gif); | |
363 } | |
364 | |
365 .x-tab-strip-bottom .x-tab-right { | |
366 background-image:url(../images/purple/tabs/tab-btm-inactive-right-bg.gif); | |
367 } | |
368 | |
369 .x-tab-strip-bottom .x-tab-left { | |
370 background-image:url(../images/purple/tabs/tab-btm-inactive-left-bg.gif); | |
371 } | |
372 | |
373 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { | |
374 background-image:url(../images/purple/tabs/tab-btm-right-bg.gif); | |
375 } | |
376 | |
377 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { | |
378 background-image:url(../images/purple/tabs/tab-btm-left-bg.gif); | |
379 } | |
380 | |
381 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { | |
382 background-image:url(../images/purple/tabs/tab-close.gif); | |
383 } | |
384 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ | |
385 background-image:url(../images/purple/tabs/tab-close.gif); | |
386 } | |
387 | |
388 .x-tab-panel-body { | |
389 border-color:#ff7197; | |
390 background:#eeeeee; | |
391 } | |
392 .x-tab-panel-bbar .x-toolbar { | |
393 border-color: #ff7197; | |
394 } | |
395 | |
396 .x-tab-panel-tbar .x-toolbar { | |
397 border-color: #ff7197; | |
398 } | |
399 | |
400 .x-tab-panel-header-plain .x-tab-strip-spacer { | |
401 border-color:#ff7197; | |
402 background: #ffdce5; | |
403 } | |
404 | |
405 .x-tab-scroller-left { | |
406 background-image: url(../images/purple/tabs/scroll-left.gif); | |
407 border-color:#ff7197; | |
408 } | |
409 .x-tab-scroller-right { | |
410 background-image: url(../images/purple/tabs/scroll-right.gif); | |
411 border-color:#ff7197; | |
412 } | |
413 | |
414 /* Buttons */ | |
415 | |
416 .x-btn-menu-arrow-wrap .x-btn-center button { | |
417 background-image:url(../images/purple/button/btn-arrow.gif); | |
418 } | |
419 .x-btn-with-menu .x-btn-center em { | |
420 background-image:url(../images/purple/toolbar/btn-arrow.gif); | |
421 } | |
422 | |
423 .x-btn-text-icon .x-btn-with-menu .x-btn-center em { | |
424 background-image:url(../images/purple/toolbar/btn-arrow.gif); | |
425 } | |
426 | |
427 /* Window */ | |
428 | |
429 .x-window-proxy { | |
430 background:#ffd6df; | |
431 border-color:#ffa7be; | |
432 } | |
433 | |
434 .x-window-tl .x-window-header { | |
435 color:#331033; | |
436 } | |
437 .x-window-tc { | |
438 background-image:url(../images/purple/window/top-bottom.png); | |
439 } | |
440 .x-window-tl { | |
441 background-image:url(../images/purple/window/left-corners.png); | |
442 } | |
443 .x-window-tr { | |
444 background-image:url(../images/purple/window/right-corners.png); | |
445 } | |
446 .x-window-bc { | |
447 background-image:url(../images/purple/window/top-bottom.png); | |
448 } | |
449 .x-window-bl { | |
450 background-image:url(../images/purple/window/left-corners.png); | |
451 } | |
452 .x-window-br { | |
453 background-image:url(../images/purple/window/right-corners.png); | |
454 } | |
455 .x-window-mc { | |
456 border:1px solid #ff82a3; | |
457 background:#ffd6df; | |
458 } | |
459 | |
460 .x-window-ml { | |
461 background-image:url(../images/purple/window/left-right.png); | |
462 } | |
463 .x-window-mr { | |
464 background-image:url(../images/purple/window/left-right.png); | |
465 } | |
466 .x-panel-ghost .x-window-tl { | |
467 border-color:#ff82a3; | |
468 } | |
469 .x-panel-collapsed .x-window-tl { | |
470 border-color:#ff82a3; | |
471 } | |
472 | |
473 .x-window-plain .x-window-mc { | |
474 background: #f5bdcd; | |
475 border-right:1px solid #ffa7be; | |
476 border-bottom:1px solid #ffa7be; | |
477 border-top:1px solid #ff82a3; | |
478 border-left:1px solid #ff82a3; | |
479 } | |
480 | |
481 .x-window-plain .x-window-body { | |
482 border-left:1px solid #ff82a3; | |
483 border-top:1px solid #ff82a3; | |
484 border-bottom:1px solid #ffa7be; | |
485 border-right:1px solid #ffa7be; | |
486 background:transparent !important; | |
487 } | |
488 | |
489 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc { | |
490 background-color: #f5bdcd; | |
491 } | |
492 | |
493 /* Date Picker */ | |
494 .x-date-picker { | |
495 border: 1px solid #ff82a3; | |
496 background:#ffd6df; | |
497 } | |
498 .x-date-middle,.x-date-left,.x-date-right { | |
499 background-image: url(../images/purple/shared/hd-sprite.gif); | |
500 } | |
501 .x-date-middle .x-btn-with-menu .x-btn-center em { | |
502 background-image:url(../images/purple/toolbar/btn-arrow-light.gif); | |
503 } | |
504 .x-date-right a { | |
505 background-image: url(../images/purple/shared/right-btn.gif); | |
506 } | |
507 .x-date-left a{ | |
508 background-image: url(../images/purple/shared/left-btn.gif); | |
509 } | |
510 .x-date-inner th { | |
511 background-image:url(../images/purple/shared/glass-bg.gif); | |
512 border-bottom: 1px solid #ff82a3; | |
513 color:#331033; | |
514 } | |
515 .x-date-inner .x-date-selected a{ | |
516 background-image:url(../images/purple/shared/glass-bg.gif); | |
517 border:1px solid #ff82a3; | |
518 color:#331033; | |
519 } | |
520 .x-date-bottom { | |
521 border-top: 1px solid #ff82a3; | |
522 background-image:url(../images/purple/shared/glass-bg.gif); | |
523 } | |
524 .x-date-mp-btns { | |
525 background-image:url(../images/purple/shared/glass-bg.gif); | |
526 } | |
527 td.x-date-mp-sel a { | |
528 background-image:url(../images/purple/shared/glass-bg.gif); | |
529 border:1px solid #ff82a3; | |
530 color: #331033; | |
531 } | |
532 .x-date-mp-ybtn a { | |
533 background-image:url(../images/purple/panel/tool-sprites.gif); | |
534 } | |
535 .x-date-mp-btns button { | |
536 background-image:url(../images/purple/shared/glass-bg.gif); | |
537 border-color: #ffa7be #ff82a3 #ff82a3 #ffa7be; | |
538 color: #331033 | |
539 } | |
540 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ | |
541 color:#331033; | |
542 background: #ff82a3; | |
543 } | |
544 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { | |
545 color:#331033; | |
546 background: #ff82a3; | |
547 } | |
548 | |
549 /* misc */ | |
550 .x-html-editor-wrap { | |
551 border-color:#ffd6df; | |
552 } | |
553 | |
554 /* Borders go last for specificity */ | |
555 .x-panel-noborder .x-panel-body-noborder { | |
556 border-width:0; | |
557 } | |
558 | |
559 .x-panel-noborder .x-panel-header-noborder { | |
560 border-width:0; | |
561 border-bottom:1px solid #ffd6df; | |
562 } | |
563 | |
564 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { | |
565 border-width:0; | |
566 border-bottom:1px solid #ffd6df; | |
567 } | |
568 | |
569 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { | |
570 border-width:0; | |
571 border-top:1px solid #ffd6df; | |
572 } | |
573 | |
574 .x-window-noborder .x-window-mc { | |
575 border-width:0; | |
576 } | |
577 .x-window-plain .x-window-body-noborder { | |
578 border-width:0; | |
579 } | |
580 | |
581 .x-tab-panel-noborder .x-tab-panel-body-noborder { | |
582 border-width:0; | |
583 } | |
584 | |
585 .x-tab-panel-noborder .x-tab-panel-header-noborder { | |
586 border-top-width:0; | |
587 border-left-width:0; | |
588 border-right-width:0; | |
589 } | |
590 | |
591 .x-tab-panel-noborder .x-tab-panel-footer-noborder { | |
592 border-bottom-width:0; | |
593 border-left-width:0; | |
594 border-right-width:0; | |
595 } | |
596 | |
597 | |
598 .x-tab-panel-bbar-noborder .x-toolbar { | |
599 border-width:0; | |
600 border-top:1px solid #ffd6df; | |
601 } | |
602 | |
603 .x-tab-panel-tbar-noborder .x-toolbar { | |
604 border-width:0; | |
605 border-bottom:1px solid #ffd6df; | |
606 } |