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