Mercurial > laserkard
view onlypaths/theme/css/xtheme-indigo.css @ 47:4431dc7d4bb5 laserkard
[svn r48] almost fixed "hover over" bug
author | rlm |
---|---|
date | Sun, 31 Jan 2010 14:21:14 -0500 |
parents | 26c2b3ad21c7 |
children |
line wrap: on
line source
1 .x-panel {2 border-style: solid;3 border-color: #abc;4 }5 .x-panel-header {6 color:#fafafa;7 border:1px solid #abc;8 background-image:url(../images/indigo/panel_white-top-bottom.gif);9 }11 .x-panel-body {12 border-color:#abc;13 }15 .x-panel-bbar .x-toolbar {16 border-color:#abc;17 }19 .x-panel-tbar .x-toolbar {20 border-color:#abc;21 }23 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {24 border-color:#abc;25 }26 .x-panel-body-noheader, .x-panel-mc .x-panel-body {27 border-color:#abc;28 }29 .x-panel-tl .x-panel-header {30 color:#f4f4f4;31 }32 .x-panel-tc {33 background-image:url(../images/indigo/panel_top-bottom.gif);34 }35 .x-panel-tl {36 background-image:url(../images/indigo/panel_corners-sprite.gif);37 border-color:#abc;38 }39 .x-panel-tr {40 background-image:url(../images/indigo/panel_corners-sprite.gif);41 }42 .x-panel-bc {43 background-image:url(../images/indigo/panel_top-bottom.gif);44 }45 .x-panel-bl {46 background-image:url(../images/indigo/panel_corners-sprite.gif);47 }48 .x-panel-br {49 background-image:url(../images/indigo/panel_corners-sprite.gif);50 }51 .x-panel-mc {52 background:#eef4f8;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/indigo/panel_left-right.gif);60 }61 .x-panel-mr {62 background-image:url(../images/indigo/panel_left-right.gif);63 }65 .x-panel-dd-spacer{66 border:2px dashed #89a;67 }70 /* Tools */71 .x-tool {72 background-image:url(../images/indigo/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 #abc;86 }88 /* Buttons */90 .x-btn-left{91 background-image:url(../images/indigo/button_btn-sprite.gif);92 }93 .x-btn-right{94 background-image:url(../images/indigo/button_btn-sprite.gif);95 }96 .x-btn-center{97 background-image:url(../images/indigo/button_btn-sprite.gif);98 }99 .x-btn-over button{100 color:#fff;101 }102 .x-btn-focus button{103 color:#fff;104 }105 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {106 background:transparent url(../images/indigo/toolbar_btn-arrow.gif) no-repeat scroll right 3px;107 }108 .x-btn-with-menu .x-btn-center em {109 background:transparent url(../images/indigo/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/indigo/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/indigo/panel_light-hd.gif);124 }126 .x-layout-collapsed{127 background-color:#567;128 border-color:#e0e0e0;129 }130 .x-layout-collapsed-over{131 background-color:#789;132 }136 /* Toolbars */138 .x-toolbar{139 border-color:#abc;140 background:#f0f4f5 url(../images/indigo/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/indigo/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/indigo/toolbar_btn-arrow.gif);153 }154 .x-toolbar .x-btn-over .x-btn-left{155 background-image:url(../images/indigo/toolbar_tb-btn-sprite.gif);156 }157 .x-toolbar .x-btn-over .x-btn-right{158 background-image:url(../images/indigo/toolbar_tb-btn-sprite.gif);159 }160 .x-toolbar .x-btn-over .x-btn-center{161 background-image:url(../images/indigo/toolbar_tb-btn-sprite.gif);162 }163 .x-toolbar .x-btn-over button {164 color:#fff;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/indigo/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/indigo/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/indigo/toolbar_tb-btn-sprite.gif);175 }176 .x-toolbar .ytb-sep {177 background-image: url(../images/indigo/grid_grid-split.gif);178 }180 /* Menus */182 .x-menu{183 border:1px solid #aaa;184 background:#f0f0f0 url(../images/indigo/menu_menu.gif) repeat-y;185 }186 .x-menu-item-active{187 background:#ebf3fd url(../images/indigo/menu_item-over.gif) repeat-x left bottom;188 border:1px solid #c2cbd2;189 }190 .x-menu-item-arrow{191 background:transparent url(../images/indigo/menu_menu-parent.gif) no-repeat right;192 }195 /* Tabs */197 .x-tab-panel-header, .x-tab-panel-footer {199 background: #6b869f;200 border-color:#4f657b;201 }204 .x-tab-panel-header {205 border-color:#abc;206 }208 .x-tab-panel-footer {209 border-color:#abc;210 }212 ul.x-tab-strip-top{213 background:#dbdbdb url(../images/indigo/tabs_tab-strip-bg.gif) repeat-x left top;214 border-color:#4c647e;215 padding-top: 2px;216 }218 ul.x-tab-strip-bottom{219 background-image:url(../images/indigo/tabs_tab-strip-btm-bg.gif);220 border-color:#566c82;221 }223 .x-tab-strip span.x-tab-strip-text {224 color:#333;225 }226 .x-tab-strip-over span.x-tab-strip-text {227 color:#111;228 }230 .x-tab-strip-active span.x-tab-strip-text {231 color:#fff;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/indigo/tabs_tabs-sprite.gif);240 }242 .x-tab-strip-top .x-tab-left {243 background-image:url(../images/indigo/tabs_tabs-sprite.gif);244 }245 .x-tab-strip-top .x-tab-strip-inner {246 background-image:url(../images/indigo/tabs_tabs-sprite.gif);247 }249 .x-tab-strip-bottom .x-tab-right {250 background-image:url(../images/indigo/tabs_tab-btm-inactive-right-bg.gif);251 }253 .x-tab-strip-bottom .x-tab-left {254 background-image:url(../images/indigo/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/indigo/tabs_tab-btm-right-bg.gif);259 }261 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {262 background-image:url(../images/indigo/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/indigo/tabs_tab-close.gif);267 }268 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{269 background-image:url(../images/indigo/tabs_tab-close.gif);270 }272 .x-tab-panel-body {273 border-color:#abc;274 background:#fff;275 }276 .x-tab-panel-bbar .x-toolbar {277 border-color: #abc;278 }280 .x-tab-panel-tbar .x-toolbar {281 border-color: #abc;282 }284 .x-tab-panel-header-plain .x-tab-strip-spacer {285 border-color:#abc;286 background: #6b869f;287 }289 .x-tab-scroller-left {290 background-image: url(../images/indigo/tabs_scroll-left.gif);291 border-color:#aeaeae;292 }293 .x-tab-scroller-right {294 background-image: url(../images/indigo/tabs_scroll-right.gif);295 border-color:#aeaeae;296 }298 /* Window */300 .x-window-proxy {301 background:#e4e8ec;302 border-color:#abc;303 }305 .x-window-tl .x-window-header {306 color:#fafafa;307 }308 .x-window-tc {309 background-image:url(../images/indigo/window_top-bottom.png);310 }311 .x-window-tl {312 background-image:url(../images/indigo/window_left-corners.png);313 }314 .x-window-tr {315 background-image:url(../images/indigo/window_right-corners.png);316 }317 .x-window-bc {318 background-image:url(../images/indigo/window_top-bottom.png);319 }320 .x-window-bl {321 background-image:url(../images/indigo/window_left-corners.png);322 }323 .x-window-br {324 background-image:url(../images/indigo/window_right-corners.png);325 }326 .x-window-mc {327 border:1px solid #abc;328 background:#e8e8e8;329 }331 .x-window-ml {332 background-image:url(../images/indigo/window_left-right.png);333 }334 .x-window-mr {335 background-image:url(../images/indigo/window_left-right.png);336 }337 .x-panel-ghost .x-window-tl {338 border-color:#abc;339 }340 .x-panel-collapsed .x-window-tl {341 border-color:#abc;342 }344 .x-window-plain .x-window-mc {345 background: #e8e8e8;346 border-right:1px solid #eee;347 border-bottom:1px solid #eee;348 border-top:1px solid #abc;349 border-left:1px solid #abc;350 }352 .x-window-plain .x-window-body {353 border-left:1px solid #ddd;354 border-top:1px solid #ddd;355 border-bottom:1px solid #abc;356 border-right:1px solid #abc;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: #eceef0;362 }365 /* HTML Editor */366 .x-html-editor-wrap {367 border-color:#abc;368 }369 .x-html-editor-tb .x-btn-text {370 background:transparent url(../images/indigo/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 #abc;382 }384 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {385 border-width:0;386 border-bottom:1px solid #abc;387 }389 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {390 border-width:0;391 border-top:1px solid #abc;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 #abc;421 }423 .x-tab-panel-tbar-noborder .x-toolbar {424 border-width:0;425 border-bottom:1px solid #abc;426 }428 /* Forms */429 .x-form-text, textarea.x-form-field {430 border:1px solid #9ab;431 }432 .x-trigger-wrap-focus .x-form-trigger {433 border-bottom:1px solid #4a7192;434 }435 .x-form-focus,textarea.x-form-focus {436 border:1px solid #4a7192;437 }439 .x-form-field-wrap .x-form-trigger {440 background:transparent url(../images/indigo/form_trigger.gif) no-repeat 0 0;441 }442 .x-form-field-wrap .x-form-date-trigger {443 background-image:url(../images/indigo/form_date-trigger.gif);444 }445 .x-form-field-wrap .x-form-clear-trigger {446 background-image:url(../images/indigo/form_clear-trigger.gif);447 }448 .x-form-field-wrap .x-form-search-trigger {449 background-image:url(../images/indigo/form_search-trigger.gif);450 }452 .x-form-field-wrap .x-form-trigger {453 border-bottom:1px solid #778899;454 }456 .x-form fieldset legend {457 color:#333;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:#fbf0d2;473 border:1px dotted #ccc;474 }475 .x-grid3-hd-btn{476 background:#f2daa9 url(../images/indigo/grid_grid3-hd-btn.gif) no-repeat left center;477 }478 .x-grid3-header{479 background:#f9f9f9 url(../images/indigo/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:#ebf3fd url(../images/indigo/grid_grid3-hrow-over.gif) repeat-x left bottom;483 }484 .sort-asc .x-grid3-sort-icon{485 background-image:url(../images/indigo/grid_sort_asc.gif);486 }487 .sort-desc .x-grid3-sort-icon{488 background-image:url(../images/indigo/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 #fff;492 border-right:1px solid #ccc;493 }494 .x-grid3-cell-selected{495 background-color:#e0eaee!important;496 }497 .x-grid3-body .x-grid3-td-expander{498 background:transparent url(../images/indigo/grid_grid3-special-col-bg.gif) repeat-y right;499 }500 .x-grid3-body .x-grid3-td-checker{501 background:transparent url(../images/indigo/grid_grid3-special-col-bg.gif) repeat-y right;502 }503 .x-grid3-body .x-grid3-td-numberer{504 background:transparent url(../images/indigo/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/indigo/grid_grid3-special-col-sel-bg.gif) repeat-y right;508 }509 .x-grid-group-hd {510 border-bottom:2px solid #abb;511 }512 .x-grid-group-hd div {513 color: #456;514 }515 .x-dd-drag-proxy .x-grid3-hd-inner{516 background:#ebf3fd url(../images/indigo/grid_grid3-hrow-over.gif) repeat-x left bottom;517 border:1px solid #abc;518 }519 .x-tbar-page-first{520 background-image:url(../images/indigo/grid_page-first.gif)!important;521 }522 .x-tbar-page-last{523 background-image:url(../images/indigo/grid_page-last.gif)!important;524 }525 .x-tbar-page-next{526 background-image:url(../images/indigo/grid_page-next.gif)!important;527 }528 .x-tbar-page-prev{529 background-image:url(../images/indigo/grid_page-prev.gif)!important;530 }531 .x-paging-info {532 color:#FFFFFF;533 }536 /* Progress Bar */538 .x-progress-bar{539 background:#9CBFEE url( ../../resources/images/indigo/progress_progress-bg.gif ) repeat-x left center;540 border-top:1px solid #ddd;541 border-bottom:1px solid #ddd;542 }545 /* Combos */546 .x-combo-list{547 border:1px solid #89a;548 }549 .x-combo-list .x-combo-selected{550 border:1px dotted #ccc!important;551 background:#fbf0d2;552 }555 /* Calendars */557 .x-date-middle,.x-date-left,.x-date-right{558 background:url(../images/indigo/shared_hd-sprite.gif) repeat-x 0 -83px;559 }560 .x-date-bottom {561 background:#DFECFB url(../images/indigo/shared_glass-bg.gif) repeat-x scroll left top;562 border-top:1px solid #abc;563 }564 .x-date-right a{565 background-image:url(../images/indigo/shared_right-btn.gif);566 }567 .x-date-left a{568 background-image:url(../images/indigo/shared_left-btn.gif);569 }570 .x-date-inner th{571 background:#dfecfb url(../images/indigo/shared_glass-bg.gif) repeat-x left top;572 border-bottom:1px solid #abc;573 color:#345;574 }575 .x-date-inner .x-date-selected a {576 background:#dfecfb url(../images/indigo/shared_glass-bg.gif) repeat-x scroll left top;577 border:1px solid #89a;578 }579 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{580 background:#cfdce1;581 }582 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{583 color:#123;584 background:#cfdce1;585 }586 .x-date-mp-ybtn a{587 background:transparent url(../images/indigo/panel_tool-sprites.gif) no-repeat;588 }589 .x-date-mp-btns {590 background:#dfecfb url(../images/indigo/shared_glass-bg.gif) repeat-x scroll left top;591 }592 td.x-date-mp-sel a{593 background:#dfecfb url(../images/indigo/shared_glass-bg.gif) repeat-x left top;594 border:1px solid #abc;595 }596 .x-date-mp-btns button{597 background:#405574;598 border:1px solid;599 border-color:#abc #055 #055 #abc;600 }602 /* Resizable Handle */603 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{604 background:url(../images/indigo/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/indigo/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/indigo/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/indigo/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/indigo/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/indigo/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/indigo/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/indigo/sizer_sw-handle.gif);background-position:top right;626 }628 /* Tips */629 .x-tip .x-tip-close{630 background-image:url(../images/indigo/qtip_close.gif);631 }632 .x-tip .x-tip-tc{633 background:transparent url(../images/indigo/qtip_tip-sprite.gif) no-repeat 0 -62px;634 }635 .x-tip .x-tip-tl{636 background:transparent url(../images/indigo/qtip_tip-sprite.gif) no-repeat 0 0;637 }638 .x-tip .x-tip-tr{639 background:transparent url(../images/indigo/qtip_tip-sprite.gif) no-repeat right 0;640 }641 .x-tip .x-tip-bc{642 background:transparent url(../images/indigo/qtip_tip-sprite.gif) no-repeat 0 -121px;643 }644 .x-tip .x-tip-bl{645 background:transparent url(../images/indigo/qtip_tip-sprite.gif) no-repeat 0 -59px;646 }647 .x-tip .x-tip-br{648 background:transparent url(../images/indigo/qtip_tip-sprite.gif) no-repeat right -59px;649 }650 .x-tip .x-tip-ml{651 background:#fff url(../images/indigo/qtip_tip-sprite.gif) no-repeat 0 -124px;652 }653 .x-tip .x-tip-mr{654 background:transparent url(../images/indigo/qtip_tip-sprite.gif) no-repeat right -124px;655 }656 .x-form-invalid-tip .x-tip-tc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;}657 .x-form-invalid-tip .x-tip-tl{background-image:url(../images/default/form/error-tip-corners.gif);}658 .x-form-invalid-tip .x-tip-tr{background-image:url(../images/default/form/error-tip-corners.gif);}659 .x-form-invalid-tip .x-tip-bc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}660 .x-form-invalid-tip .x-tip-bl{background:url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;}661 .x-form-invalid-tip .x-tip-br{background:url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;}662 .x-form-invalid-tip .x-tip-ml{background-image:url(../images/default/form/error-tip-corners.gif);}663 .x-form-invalid-tip .x-tip-mr{background-image:url(../images/default/form/error-tip-corners.gif);}668 /* Miscellaneous */670 .x-item-disabled * {671 color:#333 !important;672 }