EXTJS六种皮肤。

/*****************************************/ /*galdaka theme - by Jose Alfonso Dacosta*/ /*****************************************/ /*TABS*/ .x-tabs-wrap { border-bottom:1px solid #848284; } .x-tabs-strip .x-tabs-text { font:bold 10px tahoma,arial,helvetica; } .x-tabs-strip .on .x-tabs-text { color:#393939; } .x-tabs-strip .on .x-tabs-right { background: url(../images/galdaka/tabs/tab-sprite.gif) no-repeat right 0; } .x-tabs-strip .on .x-tabs-left { background: url(../images/galdaka/tabs/tab-sprite.gif) no-repeat 0 -100px; } .x-tabs-strip .x-tabs-right { background: url(../images/galdaka/tabs/tab-sprite.gif) no-repeat right -50px; } .x-tabs-strip .x-tabs-left { background: url(../images/galdaka/tabs/tab-sprite.gif) no-repeat 0 -150px; } .x-tabs-strip .x-tabs-closable .close-icon{ background-image:url(../images/galdaka/layout/tab-close.gif); } .x-tabs-strip .on .close-icon{ background-image:url(../images/galdaka/layout/tab-close.gif); } .x-tabs-strip .x-tabs-closable .close-over{ background-image:url(../images/galdaka/layout/tab-close-on.gif); } .x-tabs-bottom .x-tabs-strip .x-tabs-right { background: url(../images/galdaka/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left; } .x-tabs-bottom .x-tabs-strip .x-tabs-left { background: url(../images/galdaka/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right; } .x-tabs-bottom .x-tabs-strip .on .x-tabs-right { background: url(../images/galdaka/tabs/tab-btm-right-bg.gif) no-repeat bottom left; } .x-tabs-bottom .x-tabs-strip .on .x-tabs-left { background: url(../images/galdaka/tabs/tab-btm-left-bg.gif) no-repeat bottom right; } .x-tabs-body { border-bottom: 0px; border-left: 0px; border-right: 0px; } .x-tabs-bottom .x-tabs-wrap { border-top:1px solid #848284; } /*TOOLBAR*/ .x-toolbar{ background-color: #f2f2f3; background: url(../images/galdaka/toolbar/fondoToolbar.gif); background-repeat: repeat-x; border: 0px solid #c0c0c0; height: 20px; } .x-toolbar .x-tb-button-over{ background:#c3d3ed url(../images/galdaka/toolbar/btn-over-bg.gif) repeat-x; border:1px solid #7A7A7A; padding:1px 2px; } .x-toolbar .x-btn-over .x-btn-left{ background:url(../images/galdaka/toolbar/tb-btn-sprite.gif) no-repeat 0 0; } .x-toolbar .x-btn-over .x-btn-right{ background:url(../images/galdaka/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px; } .x-toolbar .x-btn-over .x-btn-center{ background:url(../images/galdaka/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px; } .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{ background:url(../images/galdaka/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px; } .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{ background:url(../images/galdaka/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px; } .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{ background:url(../images/galdaka/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px; } .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button { background:transparent url(../images/galdaka/toolbar/btn-arrow.gif) no-repeat 0 0; } .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button { background:transparent url(../images/galdaka/toolbar/btn-arrow.gif) no-repeat 0 3px; } /*PAGING TOOLBAR*/ .x-grid-page-first .x-btn-text{ background-image: url(../images/galdaka/grid/page-first.gif); } .x-grid-page-last .x-btn-text{ background-image: url(../images/galdaka/grid/page-last.gif); } .x-grid-page-next .x-btn-text{ background-image: url(../images/galdaka/grid/page-next.gif); } .x-grid-page-prev .x-btn-text{ background-image: url(../images/galdaka/grid/page-prev.gif); } .x-paging-info { color:#000000; } /*GRID*/ .x-grid-col{ border-right: 1px solid #f1efe2; border-bottom: 1px solid #f1efe2; } .x-grid-row-alt{ background: #fffbff; } .x-grid-row-over td{ background: #f1f1f1; } .x-grid-header{ background: #ebeadb url(../images/galdaka/grid/fondoCabeceraHover.gif) repeat-x; } .x-grid-hd-over .x-grid-hd-inner { border-bottom: 1px solid #cccccc; } .x-grid-hd-over .x-grid-hd-text { background: #fafafa url(../images/galdaka/grid/grid-hrow.gif) repeat-x 0 1px; border-bottom: 1px solid #c0c0c0; } .x-grid-hd-text { color: black; } .x-dd-drag-proxy .x-grid-hd-inner{ background: #ebeadb url(../images/galdaka/grid/grid-hrow.gif) repeat-x; } .col-move-top{ background:transparent url(../images/galdaka/grid/col-move-top.gif) no-repeat left top; } .col-move-bottom{ background:transparent url(../images/galdaka/grid/col-move-bottom.gif) no-repeat left top; } .x-grid-row-selected td, .x-grid-locked .x-grid-row-selected td{ background-color: #e4dce4 !important; } .x-grid-row-selected span, .x-grid-row-selected b, .x-grid-row-selected div, .x-grid-row-selected strong, .x-grid-row-selected i{ color: black !important; } .x-grid-row-selected .x-grid-cell-text{ color: black; } .x-grid-cell-selected{ background-color: #e4dce4 !important; color: black; } .x-grid-cell-selected span{ color: black !important; } .x-grid-cell-selected .x-grid-cell-text{ color: black; } .x-grid-bottombar .x-toolbar{ border-top:1px solid #c0c0c0; } /*RESIZEABLE*/ .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{ background:url(../images/galdaka/sizer/e-handle.gif); background-position: left; } .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{ background:url(../images/galdaka/sizer/e-handle.gif); background-position: left; } .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{ background:url(../images/galdaka/sizer/s-handle.gif); background-position: top; } .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{ background:url(../images/galdaka/sizer/s-handle.gif); background-position: top; } .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ background:url(../images/galdaka/sizer/se-handle.gif); background-position: top left; } .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{ background:url(../images/galdaka/sizer/nw-handle.gif); background-position:bottom right; } .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{ background:url(../images/galdaka/sizer/ne-handle.gif); background-position: bottom left; } .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{ background:url(../images/galdaka/sizer/sw-handle.gif); background-position: top right; } .x-resizable-proxy{ border: 1px dashed #615e55; } /*LAYOUT*/ .x-layout-container{ background-color:#f6f1f3; } .x-layout-collapsed{ background-color:#f6f1f3; border:1px solid #c0c0c0; } .x-layout-collapsed-over{ background-color:#e7e3e5; } .x-layout-panel{ border:1px solid #c0c0c0; } .x-layout-split{ background-color:#f6f1f3; } .x-layout-panel-hd{ background-image: url(../images/galdaka/layout/panel-title-light-bg.gif); border-bottom:1px solid #c0c0c0; } .x-layout-tools-button-over{ border:1px solid #c0c0c0; } .x-layout-nested-layout .x-layout-panel-north { border-bottom:1px solid #c0c0c0; } .x-layout-nested-layout .x-layout-panel-south { border-top:1px solid #c0c0c0; } .x-layout-nested-layout .x-layout-panel-east { border-left:1px solid #c0c0c0; } .x-layout-nested-layout .x-layout-panel-west { border-right:1px solid #c0c0c0; } .x-layout-split-h{ background-image:url(../images/gald