view onlypaths/theme/css/xtheme-purple.css @ 61:14271eedf004 laserkard

[svn r62] saving for transference to cd
author rlm
date Fri, 19 Mar 2010 07:27:37 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
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 */
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 }
19 .x-panel-body {
20 border-color:#ff82a3;
21 }
23 .x-panel-bbar .x-toolbar {
24 border-color:#ff82a3;
25 }
27 .x-panel-tbar .x-toolbar {
28 border-color:#ff82a3;
29 }
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 }
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 }
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 }
144 /* Tools */
145 .x-tool {
146 background-image:url(../images/purple/panel/tool-sprites.gif);
147 }
149 /* Ghosting */
150 .x-panel-ghost {
151 background:#ffa7be;
152 }
154 .x-panel-ghost ul {
155 border-color:#ff82a3;
156 }
158 .x-grid-panel .x-panel-mc .x-panel-body {
159 border:1px solid #ffd6df;
160 }
162 /* Buttons */
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 }
177 /* Layout classes */
179 .x-border-layout-ct {
180 background:#f2f1f0; /* f1f2f4 */
181 }
183 .x-accordion-hd {
184 background-image:url(../images/purple/panel/light-hd.gif);
185 }
187 .x-layout-collapsed{
188 background-color:#ffd6df;
189 border-color:#ffa7be;
190 }
191 .x-layout-collapsed-over{
192 background-color:#ffb6ca;
193 }
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 */
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 }
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 }
274 /* Form */
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 }
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 }
313 /* Tabs */
315 .x-tab-panel-header, .x-tab-panel-footer {
316 background: #ffdce5;
317 border-color:#ff7197;
318 }
321 .x-tab-panel-header {
322 border-color:#ff7197;
323 }
325 .x-tab-panel-footer {
326 border-color:#ff7197;
327 }
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 }
334 ul.x-tab-strip-bottom{
335 background-image:url(../images/purple/tabs/tab-strip-btm-bg.gif);
336 border-color:#ff7197;
337 }
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 }
346 .x-tab-strip-active span.x-tab-strip-text {
347 color:#331033;
348 }
350 .x-tab-strip-disabled .x-tabs-text {
351 color:#775577;
352 }
354 .x-tab-strip-top .x-tab-right {
355 background-image:url(../images/purple/tabs/tabs-sprite.gif);
356 }
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 }
365 .x-tab-strip-bottom .x-tab-right {
366 background-image:url(../images/purple/tabs/tab-btm-inactive-right-bg.gif);
367 }
369 .x-tab-strip-bottom .x-tab-left {
370 background-image:url(../images/purple/tabs/tab-btm-inactive-left-bg.gif);
371 }
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 }
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 }
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 }
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 }
396 .x-tab-panel-tbar .x-toolbar {
397 border-color: #ff7197;
398 }
400 .x-tab-panel-header-plain .x-tab-strip-spacer {
401 border-color:#ff7197;
402 background: #ffdce5;
403 }
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 }
414 /* Buttons */
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 }
423 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
424 background-image:url(../images/purple/toolbar/btn-arrow.gif);
425 }
427 /* Window */
429 .x-window-proxy {
430 background:#ffd6df;
431 border-color:#ffa7be;
432 }
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 }
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 }
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 }
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 }
489 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
490 background-color: #f5bdcd;
491 }
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 }
549 /* misc */
550 .x-html-editor-wrap {
551 border-color:#ffd6df;
552 }
554 /* Borders go last for specificity */
555 .x-panel-noborder .x-panel-body-noborder {
556 border-width:0;
557 }
559 .x-panel-noborder .x-panel-header-noborder {
560 border-width:0;
561 border-bottom:1px solid #ffd6df;
562 }
564 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
565 border-width:0;
566 border-bottom:1px solid #ffd6df;
567 }
569 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
570 border-width:0;
571 border-top:1px solid #ffd6df;
572 }
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 }
581 .x-tab-panel-noborder .x-tab-panel-body-noborder {
582 border-width:0;
583 }
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 }
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 }
598 .x-tab-panel-bbar-noborder .x-toolbar {
599 border-width:0;
600 border-top:1px solid #ffd6df;
601 }
603 .x-tab-panel-tbar-noborder .x-toolbar {
604 border-width:0;
605 border-bottom:1px solid #ffd6df;