Mercurial > laserkard
view onlypaths/theme/css/xtheme-chocolate.css @ 62:3e5dd5e3566d laserkard
[svn r63] showed nick how to use SVN
| author | rlm |
|---|---|
| date | Thu, 01 Apr 2010 19:19:08 -0400 |
| parents | 26c2b3ad21c7 |
| children |
line wrap: on
line source
1 /*2 * Ext JS Library 2.03 * Copyright(c) 2006-2007, Ext JS, LLC.4 *5 * @Theme: Chocolate6 * @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;623 }