view onlypaths/theme/css/xtheme-chocolate.css @ 75:874a6a2c28cf laserkard

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