view onlypaths/theme/css/xtheme-olive.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: #68cccd;
12 }
13 .x-panel-header {
14 color:#000000;
15 border:1px solid #68cccd;
16 background-image:url(../images/olive/panel/white-top-bottom.gif);
17 }
18 .x-panel-tl .x-panel-header {
19 color:#000000;
20 }
21 .x-panel-body {
22 border-color:#68cccd;
23 }
25 .x-panel-bbar .x-toolbar {
26 border-color:#68cccd;
27 }
29 .x-panel-tbar .x-toolbar {
30 border-color:#68cccd;
31 }
33 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
34 border-color:#68cccd;
35 }
36 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
37 border-color:#68cccd;
38 }
39 .x-panel-tc {
40 background-image:url(../images/olive/panel/top-bottom.gif);
41 }
42 .x-panel-tl {
43 background-image:url(../images/olive/panel/corners-sprite.gif);
44 border-color:#68cccd;
45 }
46 .x-panel-tr {
47 background-image:url(../images/olive/panel/corners-sprite.gif);
48 }
49 .x-panel-bc {
50 background-image:url(../images/olive/panel/top-bottom.gif);
51 }
52 .x-panel-bl {
53 background-image:url(../images/olive/panel/corners-sprite.gif);
54 }
55 .x-panel-br {
56 background-image:url(../images/olive/panel/corners-sprite.gif);
57 }
58 .x-panel-mc {
59 background:#99dddd;
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/olive/panel/left-right.gif);
68 }
69 .x-panel-mr {
70 background-image:url(../images/olive/panel/left-right.gif);
71 }
73 /* Ghosting */
74 .x-panel-ghost {
75 background:#99dddd;
76 }
78 .x-panel-ghost ul {
79 border-color:#68cccd;
80 }
82 .x-grid-panel .x-panel-mc .x-panel-body {
83 border:1px solid #68cccd;
84 }
86 /* Grid */
87 .x-grid3-row {
88 color:#000000;
89 }
90 .x-grid3-row-over {
91 border:1px solid #68cccd;
92 background-image:url(../images/olive/grid/row-over.gif);
93 }
94 .x-grid3-header{
95 background-image:url(../images/olive/grid/grid3-hrow.gif);
96 }
97 .x-grid3-header-pop-inner {
98 border-left:1px solid #2a8e8f;
99 background-image:url(../images/olive/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 #2a8e8f;
103 border-right:1px solid #2a8e8f;
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/olive/grid/grid3-hrow-over.gif);
107 background-color:#a5e1e1;
108 }
109 .x-dd-drag-proxy .x-grid3-hd-inner{
110 background-image:url(../images/olive/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/olive/grid/grid-hrow.gif);
114 color:#666666;
115 border-top:1px solid #188889;
116 border-right:1px solid #2a8e8f !important;
117 }
118 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
119 background-image:url(../images/olive/grid/grid3-special-col-bg.gif);
120 color:#eeeeee !important;
121 }
122 .x-grid3-hd-btn {
123 background-image:url(../images/olive/grid/grid3-hd-btn.gif);
124 }
125 .x-grid3-body .x-grid3-td-expander {
126 background-image:url(../images/olive/grid/grid3-special-col-bg.gif);
127 }
128 .x-grid3-body .x-grid3-td-checker {
129 background-image:url(../images/olive/grid/grid3-special-col-bg.gif);
130 }
131 .x-grid3-body .x-grid3-td-numberer {
132 background-image:url(../images/olive/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/olive/grid/grid3-special-col-sel-bg.gif);
138 }
139 .x-grid3-hd-row td {
140 border-left:1px solid #77e7e9;
141 border-right:1px solid #188889;
142 }
143 .x-grid3-row-selected {
144 background: #a5e1e1;
145 border:1px dotted #68cccd;
146 }
148 /* Menu */
150 .x-menu {
151 border: 1px solid #5da9a9;
152 background-color:#afdadb;
153 background-image:url(../images/olive/menu/menu.gif);
154 }
155 .x-menu-sep {
156 background-color:#c6edee;
157 border-bottom:1px solid #41807f;
158 }
159 .x-menu-plain {
160 background:#afdadb !important;
161 }
162 .x-menu-item-active {
163 background-image:url(../images/olive/menu/item-over.gif);
164 background-color:#a4efee;
165 border:1px solid #59b6b5;
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 }
174 /* Tools */
175 .x-tool {
176 background-image:url(../images/olive/panel/tool-sprites.gif);
177 }
179 /* Buttons */
181 .x-btn-text{
182 color: #000000;
183 font-weight:bold !important;
184 }
185 .x-btn-left{
186 background-image:url(../images/olive/button/btn-sprite.gif);
187 }
188 .x-btn-right{
189 background-image:url(../images/olive/button/btn-sprite.gif);
190 }
191 .x-btn-center{
192 background-image:url(../images/olive/button/btn-sprite.gif);
193 }
194 .x-btn-menu-arrow-wrap .x-btn-center button {
195 background-image:url(../images/olive/button/btn-arrow.gif);
196 }
197 .x-btn-with-menu .x-btn-center em {
198 background-image:url(../images/olive/toolbar/btn-arrow.gif);
199 }
201 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
202 background-image:url(../images/olive/toolbar/btn-arrow.gif);
203 }
205 /* Layout classes */
207 .x-border-layout-ct {
208 background:#f3f9ff; /* f1f2f4 */
209 }
211 .x-accordion-hd {
212 background-image:url(../images/olive/panel/light-hd.gif);
213 }
215 .x-layout-collapsed{
216 background-color:#6acfcb;
217 border-color:#5dc8c9;
218 }
219 .x-layout-collapsed-over{
220 background-color:#78d5ca;
221 }
224 /* qtips */
225 .x-tip .x-tip-close{
226 background-image: url(../images/olive/qtip/close.gif);
227 }
228 .x-tip .x-tip-tc {
229 background-image:url(../images/olive/qtip/tip-sprite.gif);
230 }
231 .x-tip .x-tip-tl {
232 background-image:url(../images/olive/qtip/tip-sprite.gif);
233 }
234 .x-tip .x-tip-tr {
235 background-image:url(../images/olive/qtip/tip-sprite.gif);
236 }
237 .x-tip .x-tip-bc {
238 background-image:url(../images/olive/qtip/tip-sprite.gif);
239 }
240 .x-tip .x-tip-bl {
241 background-image:url(../images/olive/qtip/tip-sprite.gif);
242 }
243 .x-tip .x-tip-br {
244 background-image:url(../images/olive/qtip/tip-sprite.gif);
245 }
246 .x-tip .x-tip-ml {
247 background-image:url(../images/olive/qtip/tip-sprite.gif);
248 }
249 .x-tip .x-tip-mr {
250 background-image:url(../images/olive/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 */
260 .x-toolbar{
261 border-color:#68cccd;
262 background:#8fd9da url(../images/olive/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/olive/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/olive/toolbar/btn-arrow.gif);
272 }
273 .x-toolbar .x-btn-over .x-btn-left{
274 background-image:url(../images/olive/toolbar/tb-btn-sprite.gif);
275 }
276 .x-toolbar .x-btn-over .x-btn-right{
277 background-image:url(../images/olive/toolbar/tb-btn-sprite.gif);
278 }
279 .x-toolbar .x-btn-over .x-btn-center{
280 background-image:url(../images/olive/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/olive/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/olive/toolbar/tb-btn-sprite.gif);
290 }
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/olive/toolbar/tb-btn-sprite.gif);
294 }
295 .x-toolbar .ytb-sep {
296 background-image: url(../images/olive/grid/grid-split.gif);
297 }
298 .x-paging-info {
299 color:#000000;
300 }
302 /* Form */
304 .x-form-field-wrap .x-form-trigger{
305 background-image:url(../images/olive/form/trigger.gif);
306 border-bottom: 1px solid #55d4d6;
307 }
308 .x-form-field-wrap .x-form-date-trigger{
309 background-image: url(../images/olive/form/date-trigger.gif);
310 }
311 .x-form-field-wrap .x-form-clear-trigger{
312 background-image: url(../images/olive/form/clear-trigger.gif);
313 }
314 .x-form-field-wrap .x-form-search-trigger{
315 background-image: url(../images/olive/form/search-trigger.gif);
316 }
318 .x-form-text, textarea.x-form-field{
319 border: 1px solid #55d4d6;
320 }
321 .x-form-select-one {
322 border: 1px solid #55d4d6;
323 }
324 .x-item-disabled .x-form-trigger-over{
325 border-bottom: 1px solid #55d4d6;
326 }
327 .x-item-disabled .x-form-trigger-click{
328 border-bottom: 1px solid #55d4d6;
329 }
330 .x-form fieldset {
331 border:1px solid #55d4d6;
332 }
333 .x-trigger-wrap-focus .x-form-trigger{
334 border-bottom: 1px solid #2fb6b8;
335 }
336 .x-form-focus, textarea.x-form-focus{
337 border: 1px solid #2fb6b8;
338 }
341 /* Tabs */
343 .x-tab-panel-header, .x-tab-panel-footer {
344 background: #9ededf;
345 border-color:#5dc8c9;
346 }
349 .x-tab-panel-header {
350 border-color:#5dc8c9;
351 }
353 .x-tab-panel-footer {
354 border-color:#5dc8c9;
355 }
357 ul.x-tab-strip-top{
358 background:#9ededf url(../images/olive/tabs/tab-strip-bg.gif) repeat-x left top;
359 border-color:#5dc8c9;
360 }
362 ul.x-tab-strip-bottom{
363 background-image:url(../images/olive/tabs/tab-strip-btm-bg.gif);
364 border-color:#5dc8c9;
365 }
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 }
374 .x-tab-strip-active span.x-tab-strip-text {
375 color:#111111;
376 }
378 .x-tab-strip-top .x-tab-right {
379 background-image:url(../images/olive/tabs/tabs-sprite.gif);
380 }
382 .x-tab-strip-top .x-tab-left {
383 background-image:url(../images/olive/tabs/tabs-sprite.gif);
384 }
385 .x-tab-strip-top .x-tab-strip-inner {
386 background-image:url(../images/olive/tabs/tabs-sprite.gif);
387 }
389 .x-tab-strip-bottom .x-tab-right {
390 background-image:url(../images/olive/tabs/tab-btm-inactive-right-bg.gif);
391 }
393 .x-tab-strip-bottom .x-tab-left {
394 background-image:url(../images/olive/tabs/tab-btm-inactive-left-bg.gif);
395 }
397 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
398 background-image:url(../images/olive/tabs/tab-btm-right-bg.gif);
399 }
401 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
402 background-image:url(../images/olive/tabs/tab-btm-left-bg.gif);
403 }
405 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
406 background-image:url(../images/olive/tabs/tab-close.gif);
407 }
408 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
409 background-image:url(../images/olive/tabs/tab-close.gif);
410 }
412 .x-tab-panel-body {
413 border-color:#5dc8c9;
414 background:#eeeeee;
415 }
416 .x-tab-panel-bbar .x-toolbar {
417 border-color: #5dc8c9;
418 }
420 .x-tab-panel-tbar .x-toolbar {
421 border-color: #5dc8c9;
422 }
424 .x-tab-panel-header-plain .x-tab-strip-spacer {
425 border-color:#5dc8c9;
426 background: #9ededf;
427 }
429 .x-tab-scroller-left {
430 background-image: url(../images/olive/tabs/scroll-left.gif);
431 border-color:#5dc8c9;
432 }
433 .x-tab-scroller-right {
434 background-image: url(../images/olive/tabs/scroll-right.gif);
435 border-color:#5dc8c9;
436 }
438 /* Window */
440 .x-window-proxy {
441 background:#363636;
442 border-color:#5dc8c9;
443 }
445 .x-window-tl .x-window-header {
446 color:#000000;
447 }
448 .x-window-tc {
449 background-image:url(../images/olive/window/top-bottom.png);
450 }
451 .x-window-tl {
452 background-image:url(../images/olive/window/left-corners.png);
453 }
454 .x-window-tr {
455 background-image:url(../images/olive/window/right-corners.png);
456 }
457 .x-window-bc {
458 background-image:url(../images/olive/window/top-bottom.png);
459 }
460 .x-window-bl {
461 background-image:url(../images/olive/window/left-corners.png);
462 }
463 .x-window-br {
464 background-image:url(../images/olive/window/right-corners.png);
465 }
466 .x-window-mc {
467 border:1px solid #3db0b2;
468 background:#92dedf;
469 }
471 .x-window-ml {
472 background-image:url(../images/olive/window/left-right.png);
473 }
474 .x-window-mr {
475 background-image:url(../images/olive/window/left-right.png);
476 }
477 .x-panel-ghost .x-window-tl {
478 border-color:#5dc8c9;
479 }
480 .x-panel-collapsed .x-window-tl {
481 border-color:#5dc8c9;
482 }
484 .x-window-plain .x-window-mc {
485 color: #eeeeee;
486 background: #5dc6c6;
487 border-left:1px solid #34a4a6;
488 border-top:1px solid #34a4a6;
489 border-bottom:1px solid #47c3c4;
490 border-right:1px solid #47c3c4;
491 }
493 .x-window-plain .x-window-body {
494 border-left:1px solid #5ec8c9;
495 border-top:1px solid #5ec8c9;
496 border-bottom:1px solid #3db0b2;
497 border-right:1px solid #3db0b2;
498 background:transparent !important;
499 }
501 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
502 background-color: #5dc6c6;
503 }
505 /* Date Picker */
506 .x-date-picker {
507 border: 1px solid #5dc8c9;
508 background:#ffffff;
509 }
510 .x-date-middle,.x-date-left,.x-date-right {
511 background-image: url(../images/olive/shared/hd-sprite.gif);
512 }
513 .x-date-middle .x-btn-with-menu .x-btn-center em {
514 background-image:url(../images/olive/toolbar/btn-arrow-light.gif);
515 }
516 .x-date-right a {
517 background-image: url(../images/olive/shared/right-btn.gif);
518 }
519 .x-date-left a{
520 background-image: url(../images/olive/shared/left-btn.gif);
521 }
522 .x-date-inner th {
523 background-image:url(../images/olive/shared/glass-bg.gif);
524 border-bottom: 1px solid #5dc8c9;
525 color:#000000;
526 }
527 .x-date-inner .x-date-selected a{
528 background-image:url(../images/olive/shared/glass-bg.gif);
529 border:1px solid #5dc8c9;
530 color:#000000;
531 }
532 .x-date-bottom {
533 border-top: 1px solid #5dc8c9;
534 background-image:url(../images/olive/shared/glass-bg.gif);
535 }
536 .x-date-mp-btns {
537 background-image:url(../images/olive/shared/glass-bg.gif);
538 }
539 td.x-date-mp-sel a {
540 background-image:url(../images/olive/shared/glass-bg.gif);
541 border:1px solid #5dc8c9;
542 color: #000000 !important;
543 }
544 .x-date-mp-ybtn a {
545 background-image:url(../images/olive/panel/tool-sprites.gif);
546 }
547 .x-date-mp-btns button {
548 background-image:url(../images/olive/shared/glass-bg.gif);
549 border-color: #34a4a6 #5dc8c9 #5dc8c9 #34a4a6;
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:#f0eeef;
557 background: #5dc8c9;
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:#f0eeef;
564 background: #5dc8c9;
565 }
567 /* misc */
568 .x-html-editor-wrap {
569 border-color:#5dc8c9;
570 }
572 /* Borders go last for specificity */
573 .x-panel-noborder .x-panel-body-noborder {
574 border-width:0;
575 }
577 .x-panel-noborder .x-panel-header-noborder {
578 border-width:0;
579 border-bottom:1px solid #5dc8c9;
580 }
582 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
583 border-width:0;
584 border-bottom:1px solid #5dc8c9;
585 }
587 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
588 border-width:0;
589 border-top:1px solid #5dc8c9;
590 }
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 }
599 .x-tab-panel-noborder .x-tab-panel-body-noborder {
600 border-width:0;
601 }
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 }
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 }
616 .x-tab-panel-bbar-noborder .x-toolbar {
617 border-width:0;
618 border-top:1px solid #5dc8c9;
619 }
621 .x-tab-panel-tbar-noborder .x-toolbar {
622 border-width:0;
623 border-bottom:1px solid #5dc8c9;