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