Mercurial > laserkard
view onlypaths/theme/css/xtheme-slate.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 .x-panel {2 border-style: solid;3 border-color: #ccaacc;4 }5 .x-panel-header {6 color:#fafafa;7 border:1px solid #ccaacc;8 background-image:url(../images/slate/panel/white-top-bottom.gif);9 }11 .x-panel-body {12 border-color:#ccaacc;13 }15 .x-panel-bbar .x-toolbar {16 border-color:#ccaacc;17 }19 .x-panel-tbar .x-toolbar {20 border-color:#ccaacc;21 }23 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {24 border-color:#ccaacc;25 }26 .x-panel-body-noheader, .x-panel-mc .x-panel-body {27 border-color:#ccaacc;28 }29 .x-panel-tl .x-panel-header {30 color:#f4f4f4;31 }32 .x-panel-tc {33 background-image:url(../images/slate/panel/top-bottom.gif);34 }35 .x-panel-tl {36 background-image:url(../images/slate/panel/corners-sprite.gif);37 border-color:#ccaacc;38 }39 .x-panel-tr {40 background-image:url(../images/slate/panel/corners-sprite.gif);41 }42 .x-panel-bc {43 background-image:url(../images/slate/panel/top-bottom.gif);44 }45 .x-panel-bl {46 background-image:url(../images/slate/panel/corners-sprite.gif);47 }48 .x-panel-br {49 background-image:url(../images/slate/panel/corners-sprite.gif);50 }51 .x-panel-mc {52 background:#f7eef8;53 }54 .x-panel-mc .x-panel-body {55 background:transparent;56 border: 0 none;57 }58 .x-panel-ml {59 background-image:url(../images/slate/panel/left-right.gif);60 }61 .x-panel-mr {62 background-image:url(../images/slate/panel/left-right.gif);63 }65 .x-panel-dd-spacer{66 border:2px dashed #aa88aa;67 }70 /* Tools */71 .x-tool {72 background-image:url(../images/slate/panel/tool-sprites.gif);73 }75 /* Ghosting */76 .x-panel-ghost {77 background:#e0e0e0;78 }80 .x-panel-ghost ul {81 border-color:#b0b0b0;82 }84 .x-grid-panel .x-panel-mc .x-panel-body {85 border:1px solid #ccaacc;86 }88 /* Buttons */90 .x-btn-left{91 background-image:url(../images/slate/button/btn-sprite.gif);92 }93 .x-btn-right{94 background-image:url(../images/slate/button/btn-sprite.gif);95 }96 .x-btn-center{97 background-image:url(../images/slate/button/btn-sprite.gif);98 }99 .x-btn-over button{100 color:#ffffff;101 }102 .x-btn-focus button{103 color:#ffffff;104 }105 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {106 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 3px;107 }108 .x-btn-with-menu .x-btn-center em {109 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 0pt;110 }111 .x-btn-menu-arrow-wrap .x-btn-center button{112 background:transparent url(../images/slate/button/btn-arrow.gif) no-repeat left 3px;113 }116 /* Layout classes */118 .x-border-layout-ct {119 background:#f0f0f0;120 }122 .x-accordion-hd {123 background-image:url(../images/slate/panel/light-hd.gif);124 }126 .x-layout-collapsed{127 background-color:#775577;128 border-color:#e0e0e0;129 }130 .x-layout-collapsed-over{131 background-color:#997799;132 }136 /* Toolbars */138 .x-toolbar{139 border-color:#ccaacc;140 background:#f3f0f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;141 }142 .x-toolbar button {143 color:#f4f4f4;144 }145 .x-toolbar .ytb-text {146 color:white;147 }148 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {149 background-image:url(../images/slate/toolbar/btn-arrow.gif);150 }151 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {152 background-image:url(../images/slate/toolbar/btn-arrow.gif);153 }154 .x-toolbar .x-btn-over .x-btn-left{155 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);156 }157 .x-toolbar .x-btn-over .x-btn-right{158 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);159 }160 .x-toolbar .x-btn-over .x-btn-center{161 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);162 }163 .x-toolbar .x-btn-over button {164 color:#ffffff;165 }166 .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{167 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);168 }169 .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{170 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);171 }173 .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{174 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);175 }176 .x-toolbar .ytb-sep {177 background-image: url(../images/slate/grid/grid-split.gif);178 }180 /* Menus */182 .x-menu{183 border:1px solid #aaaaaa;184 background:#f0f0f0 url(../images/slate/menu/menu.gif) repeat-y;185 }186 .x-menu-item-active{187 background:#fdebfb url(../images/slate/menu/item-over.gif) repeat-x left bottom;188 border:1px solid #d1c2d2;189 }190 .x-menu-item-arrow{191 background:transparent url(../images/slate/menu/menu-parent.gif) no-repeat right;192 }195 /* Tabs */197 .x-tab-panel-header, .x-tab-panel-footer {199 background: #9d6a9f;200 border-color:#7b4f7b;201 }204 .x-tab-panel-header {205 border-color:#ccaacc;206 }208 .x-tab-panel-footer {209 border-color:#ccaacc;210 }212 ul.x-tab-strip-top{213 background:#dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top;214 border-color:#7e4c7c;215 padding-top: 2px;216 }218 ul.x-tab-strip-bottom{219 background-image:url(../images/slate/tabs/tab-strip-btm-bg.gif);220 border-color:#825682;221 }223 .x-tab-strip span.x-tab-strip-text {224 color:#333333;225 }226 .x-tab-strip-over span.x-tab-strip-text {227 color:#111111;228 }230 .x-tab-strip-active span.x-tab-strip-text {231 color:#ffffff;232 }234 .x-tab-strip-disabled .x-tabs-text {235 color:#aaaaaa;236 }238 .x-tab-strip-top .x-tab-right {239 background-image:url(../images/slate/tabs/tabs-sprite.gif);240 }242 .x-tab-strip-top .x-tab-left {243 background-image:url(../images/slate/tabs/tabs-sprite.gif);244 }245 .x-tab-strip-top .x-tab-strip-inner {246 background-image:url(../images/slate/tabs/tabs-sprite.gif);247 }249 .x-tab-strip-bottom .x-tab-right {250 background-image:url(../images/slate/tabs/tab-btm-inactive-right-bg.gif);251 }253 .x-tab-strip-bottom .x-tab-left {254 background-image:url(../images/slate/tabs/tab-btm-inactive-left-bg.gif);255 }257 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {258 background-image:url(../images/slate/tabs/tab-btm-right-bg.gif);259 }261 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {262 background-image:url(../images/slate/tabs/tab-btm-left-bg.gif);263 }265 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {266 background-image:url(../images/slate/tabs/tab-close.gif);267 }268 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{269 background-image:url(../images/slate/tabs/tab-close.gif);270 }272 .x-tab-panel-body {273 border-color:#ccaacc;274 background:#ffffff;275 }276 .x-tab-panel-bbar .x-toolbar {277 border-color: #ccaacc;278 }280 .x-tab-panel-tbar .x-toolbar {281 border-color: #ccaacc;282 }284 .x-tab-panel-header-plain .x-tab-strip-spacer {285 border-color:#ccaacc;286 background: #9d6a9f;287 }289 .x-tab-scroller-left {290 background-image: url(../images/slate/tabs/scroll-left.gif);291 border-color:#aeaeae;292 }293 .x-tab-scroller-right {294 background-image: url(../images/slate/tabs/scroll-right.gif);295 border-color:#aeaeae;296 }298 /* Window */300 .x-window-proxy {301 background:#ece4eb;302 border-color:#ccaacc;303 }305 .x-window-tl .x-window-header {306 color:#fafafa;307 }308 .x-window-tc {309 background-image:url(../images/slate/window/top-bottom.png);310 }311 .x-window-tl {312 background-image:url(../images/slate/window/left-corners.png);313 }314 .x-window-tr {315 background-image:url(../images/slate/window/right-corners.png);316 }317 .x-window-bc {318 background-image:url(../images/slate/window/top-bottom.png);319 }320 .x-window-bl {321 background-image:url(../images/slate/window/left-corners.png);322 }323 .x-window-br {324 background-image:url(../images/slate/window/right-corners.png);325 }326 .x-window-mc {327 border:1px solid #ccaacc;328 background:#e8e8e8;329 }331 .x-window-ml {332 background-image:url(../images/slate/window/left-right.png);333 }334 .x-window-mr {335 background-image:url(../images/slate/window/left-right.png);336 }337 .x-panel-ghost .x-window-tl {338 border-color:#ccaacc;339 }340 .x-panel-collapsed .x-window-tl {341 border-color:#ccaacc;342 }344 .x-window-plain .x-window-mc {345 background: #e8e8e8;346 border-right:1px solid #eeeeee;347 border-bottom:1px solid #eeeeee;348 border-top:1px solid #ccaacc;349 border-left:1px solid #ccaacc;350 }352 .x-window-plain .x-window-body {353 border-left:1px solid #dddddd;354 border-top:1px solid #dddddd;355 border-bottom:1px solid #ccaacc;356 border-right:1px solid #ccaacc;357 background:transparent !important;358 }360 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {361 background-color: #f0ecf0;362 }365 /* HTML Editor */366 .x-html-editor-wrap {367 border-color:#ccaacc;368 }369 .x-html-editor-tb .x-btn-text {370 background:transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%;371 }374 /* Borders go last for specificity */375 .x-panel-noborder .x-panel-body-noborder {376 border-width:0;377 }379 .x-panel-noborder .x-panel-header-noborder {380 border-width:0;381 border-bottom:1px solid #ccaacc;382 }384 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {385 border-width:0;386 border-bottom:1px solid #ccaacc;387 }389 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {390 border-width:0;391 border-top:1px solid #ccaacc;392 }394 .x-window-noborder .x-window-mc {395 border-width:0;396 }397 .x-window-plain .x-window-body-noborder {398 border-width:0;399 }401 .x-tab-panel-noborder .x-tab-panel-body-noborder {402 border-width:0;403 }405 .x-tab-panel-noborder .x-tab-panel-header-noborder {406 border-top-width:0;407 border-left-width:0;408 border-right-width:0;409 }411 .x-tab-panel-noborder .x-tab-panel-footer-noborder {412 border-bottom-width:0;413 border-left-width:0;414 border-right-width:0;415 }418 .x-tab-panel-bbar-noborder .x-toolbar {419 border-width:0;420 border-top:1px solid #ccaacc;421 }423 .x-tab-panel-tbar-noborder .x-toolbar {424 border-width:0;425 border-bottom:1px solid #ccaacc;426 }428 /* Forms */429 .x-form-text, textarea.x-form-field {430 border:1px solid #bb99bb;431 }432 .x-trigger-wrap-focus .x-form-trigger {433 border-bottom:1px solid #8e4a92;434 }435 .x-form-focus,textarea.x-form-focus {436 border:1px solid #8e4a92;437 }439 .x-form-field-wrap .x-form-trigger {440 background:transparent url(../images/slate/form/trigger.gif) no-repeat 0 0;441 }442 .x-form-field-wrap .x-form-date-trigger {443 background-image:url(../images/slate/form/date-trigger.gif);444 }445 .x-form-field-wrap .x-form-clear-trigger {446 background-image:url(../images/slate/form/clear-trigger.gif);447 }448 .x-form-field-wrap .x-form-search-trigger {449 background-image:url(../images/slate/form/search-trigger.gif);450 }452 .x-form-field-wrap .x-form-trigger {453 border-bottom:1px solid #997799;454 }456 .x-form fieldset legend {457 color:#333333;458 }460 /* the following need to be duplicated from ext-all.js,461 otherwise hover effects are broken */462 .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}463 .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}464 .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}465 .x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}466 .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}469 /* Grid */471 .x-grid3-row-selected {472 background:#d2fbdb;473 border:1px dotted #cccccc;474 }475 .x-grid3-hd-btn{476 background:#a9f2b5 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center;477 }478 .x-grid3-header{479 background:#f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom;480 }481 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{482 background:#fdebfb url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;483 }484 .sort-asc .x-grid3-sort-icon{485 background-image:url(../images/slate/grid/sort_asc.gif);486 }487 .sort-desc .x-grid3-sort-icon{488 background-image:url(../images/slate/grid/sort_desc.gif);489 }490 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {491 border-left:1px solid #ffffff;492 border-right:1px solid #cccccc;493 }494 .x-grid3-cell-selected{495 background-color:#ebe0ee!important;496 }497 .x-grid3-body .x-grid3-td-expander{498 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;499 }500 .x-grid3-body .x-grid3-td-checker{501 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;502 }503 .x-grid3-body .x-grid3-td-numberer{504 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;505 }506 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{507 background:transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right;508 }509 .x-grid-group-hd {510 border-bottom:2px solid #b2aabb;511 }512 .x-grid-group-hd div {513 color: #664466;514 }515 .x-dd-drag-proxy .x-grid3-hd-inner{516 background:#fdebfb url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;517 border:1px solid #ccaacc;518 }519 .x-tbar-page-first{520 background-image:url(../images/slate/grid/page-first.gif)!important;521 }522 .x-tbar-page-last{523 background-image:url(../images/slate/grid/page-last.gif)!important;524 }525 .x-tbar-page-next{526 background-image:url(../images/slate/grid/page-next.gif)!important;527 }528 .x-tbar-page-prev{529 background-image:url(../images/slate/grid/page-prev.gif)!important;530 }531 .x-paging-info {532 color:#ffffff;533 }536 /* Progress Bar */538 .x-progress-bar{539 background:#ee9ce8 url( ../../resources/images/slate/progress/progress-bg.gif ) repeat-x left center;540 border-top:1px solid #dddddd;541 border-bottom:1px solid #dddddd;542 }545 /* Combos */546 .x-combo-list{547 border:1px solid #aa88aa;548 }549 .x-combo-list .x-combo-selected{550 border:1px dotted #cccccc!important;551 background:#d2fbdb;552 }555 /* Calendars */557 .x-date-middle,.x-date-left,.x-date-right{558 background:url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px;559 }560 .x-date-bottom {561 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;562 border-top:1px solid #ccaacc;563 }564 .x-date-right a{565 background-image:url(../images/slate/shared/right-btn.gif);566 }567 .x-date-left a{568 background-image:url(../images/slate/shared/left-btn.gif);569 }570 .x-date-inner th{571 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x left top;572 border-bottom:1px solid #ccaacc;573 color:#553355;574 }575 .x-date-inner .x-date-selected a {576 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;577 border:1px solid #aa88aa;578 }579 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{580 background:#dccfe1;581 }582 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{583 color:#331033;584 background:#dccfe1;585 }586 .x-date-mp-ybtn a{587 background:transparent url(../images/slate/panel/tool-sprites.gif) no-repeat;588 }589 .x-date-mp-btns {590 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;591 }592 td.x-date-mp-sel a{593 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x left top;594 border:1px solid #ccaacc;595 }596 .x-date-mp-btns button{597 background:#74406f;598 border:1px solid;599 border-color:#ccaacc #2a0055 #2a0055 #ccaacc;600 }602 /* Resizable Handle */603 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{604 background:url(../images/slate/sizer/e-handle.gif);background-position:left;605 }606 .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{607 background:url(../images/slate/sizer/e-handle.gif);background-position:left;608 }609 .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{610 background:url(../images/slate/sizer/s-handle.gif);background-position:top;611 }612 .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{613 background:url(../images/slate/sizer/s-handle.gif);background-position:top;614 }615 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{616 background:url(../images/slate/sizer/se-handle.gif);background-position:top left;617 }618 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{619 background:url(../images/slate/sizer/nw-handle.gif);background-position:bottom right;620 }621 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{622 background:url(../images/slate/sizer/ne-handle.gif);background-position:bottom left;623 }624 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{625 background:url(../images/slate/sizer/sw-handle.gif);background-position:top right;626 }628 /* Tips */629 .x-tip .x-tip-close{630 background-image:url(../images/slate/qtip/close.gif);631 }632 .x-tip .x-tip-tc{633 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px;634 }635 .x-tip .x-tip-tl{636 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0;637 }638 .x-tip .x-tip-tr{639 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0;640 }641 .x-tip .x-tip-bc{642 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px;643 }644 .x-tip .x-tip-bl{645 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px;646 }647 .x-tip .x-tip-br{648 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px;649 }650 .x-tip .x-tip-ml{651 background:#ffffff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px;652 }653 .x-tip .x-tip-mr{654 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px;655 }660 /* Miscellaneous */662 .x-item-disabled * {663 color:#333333 !important;664 }