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