diff --git a/lib/web/extjs/resources/css/ytheme-magento.css b/lib/web/extjs/resources/css/ytheme-magento.css index fa54395806264..03660d1bf871e 100644 --- a/lib/web/extjs/resources/css/ytheme-magento.css +++ b/lib/web/extjs/resources/css/ytheme-magento.css @@ -6,27 +6,25 @@ * http://www.extjs.com/license */ - -#loading{ - position:absolute; - left:45%; - top:35%; - border:3px solid #dfd7ba; +#loading { background:url(../images/magento/loading_bg.gif) no-repeat #eae2ca; - padding:85px 15px 15px 15px; - font-size:14px; - font-weight:bold; + border:3px solid #dfd7ba; color:#611B06; - width:206px; + font-size:14px; + font-weight:700; + left:45%; + padding:85px 15px 15px; + position:absolute; text-align:center; + top:35%; + width:206px; } - - .ext-el-mask-msg { + background:#ddd url(../images/default/box/tb.gif) repeat-x 0 -16px; border:1px solid #aaa; - background: #ddd url(../images/default/box/tb.gif) repeat-x 0 -16px; } + .ext-el-mask-msg div { border:1px solid #ccc; } @@ -34,184 +32,262 @@ /* Tree */ - .x-tree-node { font-weight:normal; font-size:12px; list-style-type:none;} -.x-tree-node-collapsed .x-tree-node-icon{ +.x-tree-node { + font-size:12px; + font-weight:400; + list-style-type:none; +} + +.x-tree-node-collapsed .x-tree-node-icon { background:transparent url(../images/magento/tree/folder.gif) no-repeat 0 50%; } + .x-tree-node-expanded .x-tree-node-icon { background:transparent url(../images/magento/tree/folder-open.gif) no-repeat 0 50%; } -.x-tree-node-leaf .x-tree-node-icon{ + +.x-tree-node-leaf .x-tree-node-icon { background:transparent url(../images/magento/tree/leaf.gif) no-repeat 0 50%; } -.x-tree-noicon .x-tree-node-icon{ - width:0; height:0; +.x-tree-noicon .x-tree-node-icon { + height:0; + width:0; } -.x-tree-node-loading .x-tree-node-icon{ - background:transparent url(../images/default/grid/loading.gif) !important; +.x-tree-node-loading .x-tree-node-icon { + background:transparent url(../images/default/grid/loading.gif)!important; } -.x-tree-node-loading a span{ - font-style: italic; - color:#444444; + +.x-tree-node-loading a span { + color:#444; + font-style:italic; +} + +.x-tree-node .x-tree-selected a span { + background:#f5d6c7; + color:#000; } -.x-tree-node .x-tree-selected a span { background:#f5d6c7; color:#000; } -.x-tree-lines .x-tree-elbow{ - background:transparent url(../images/magento/tree/elbow.gif) no-repeat ; +.x-tree-lines .x-tree-elbow { + background:transparent url(../images/magento/tree/elbow.gif) no-repeat; } -.x-tree-lines .x-tree-elbow-plus{ + +.x-tree-lines .x-tree-elbow-plus { background:transparent url(../images/magento/tree/elbow-plus.gif) no-repeat; } -.x-tree-lines .x-tree-elbow-minus{ + +.x-tree-lines .x-tree-elbow-minus { background:transparent url(../images/magento/tree/elbow-minus.gif) no-repeat; } -.x-tree-lines .x-tree-elbow-end{ + +.x-tree-lines .x-tree-elbow-end { background:transparent url(../images/magento/tree/elbow-end.gif) no-repeat; } -.x-tree-lines .x-tree-elbow-end-plus{ + +.x-tree-lines .x-tree-elbow-end-plus { background:transparent url(../images/magento/tree/elbow-end-plus.gif) no-repeat; } -.x-tree-lines .x-tree-elbow-end-minus{ + +.x-tree-lines .x-tree-elbow-end-minus { background:transparent url(../images/magento/tree/elbow-end-minus.gif) no-repeat; } -.x-tree-lines .x-tree-elbow-line{ + +.x-tree-lines .x-tree-elbow-line { background:transparent url(../images/magento/tree/elbow-line.gif); } - -.x-tree-no-lines .x-tree-elbow{ +.x-tree-no-lines .x-tree-elbow { background:transparent; } -.x-tree-no-lines .x-tree-elbow-plus{ + +.x-tree-no-lines .x-tree-elbow-plus { background:transparent url(../images/magento/tree/elbow-plus-nl.gif) no-repeat; } -.x-tree-no-lines .x-tree-elbow-minus{ + +.x-tree-no-lines .x-tree-elbow-minus { background:transparent url(../images/magento/tree/elbow-minus-nl.gif) no-repeat; } -.x-tree-no-lines .x-tree-elbow-end{ + +.x-tree-no-lines .x-tree-elbow-end { background:transparent; } -.x-tree-no-lines .x-tree-elbow-end-plus{ + +.x-tree-no-lines .x-tree-elbow-end-plus { background:transparent url(../images/magento/tree/elbow-end-plus-nl.gif) no-repeat; } -.x-tree-no-lines .x-tree-elbow-end-minus{ + +.x-tree-no-lines .x-tree-elbow-end-minus { background:transparent url(../images/magento/tree/elbow-end-minus-nl.gif) no-repeat; } -.x-tree-no-lines .x-tree-elbow-line{ + +.x-tree-no-lines .x-tree-elbow-line { background:transparent; } - /* Menu */ .x-menu { - border-width:0 1px 1px 1px; - border-color: #b1a992 #b1a992 #b1a992 #b1a992; background:#faf9f4; + border-color:#b1a992; + border-width:0 1px 1px; } -.x-menu-item-arrow{ + +.x-menu-item-arrow { background-image:url(../images/gray/menu/menu-parent.gif); } -.x-menu-item-icon { width:1px; height:5px; margin-right:5px; } + +.x-menu-item-icon { + height:5px; + margin-right:5px; + width:1px; +} + .x-menu-item { color:#48260a; } + .x-menu-item-active { background:#eae1c5; border-color:#eae1c5; } -.x-menu li.x-menu-sep-li { padding:0; } + +.x-menu li.x-menu-sep-li { + padding:0; +} + .x-menu-sep { - margin:0; background:#b1a992; + margin:0; } -/* grid */ -.x-grid { background:#fbfaf7; } -.x-grid-viewport { /*font:11px verdana, helvetica, sans-serif;*/ } -.x-grid-header{ - background:none; +/* + grid + */ +.x-grid { + background:#fbfaf7; +} + +.x-grid-header { background:#e4ddc5; + cursor:default; + font-weight:700; overflow:hidden; position:relative; - cursor:default; width:100%; - font-weight:bold; } -.x-grid-hd-row{ + +.x-grid-hd-row { height:22px; } -.x-grid-hd { border-top:1px solid #d2c69e; } -.x-grid-hd .x-grid-hd-inner { border-top:1px solid #f4f1e7; } + +.x-grid-hd { + border-top:1px solid #d2c69e; +} + +.x-grid-hd .x-grid-hd-inner { + border-top:1px solid #f4f1e7; +} + .x-grid-hd-text { color:#333; } + .x-grid-hd-over .x-grid-hd-text { - background: #dec4a7; - padding-bottom:1px; + background:#dec4a7; border-bottom:0; + padding-bottom:1px; } + .x-grid-split { + background:url(../images/magento/grid/grid-split.gif) no-repeat 2px 0; + height:22px; top:1px; width:6px; - height:22px; - background:url(../images/magento/grid/grid-split.gif) no-repeat 2px 0; } .x-grid-col { - border-right: 1px solid #d7d7d7; - border-bottom: 1px solid #d7d7d7; -} -.x-grid-hd-row td, .x-grid-row td { outline:none; /* font:11px verdana, helvetica, sans-serif; */ } -.x-grid-hd-row td { font-weight:bold; } -.x-grid-row { background:#f4f1e7; } -.x-grid-row-alt { background:#fbfaf7; } -.x-grid-row-over td{ background:#f1f1f1; cursor:pointer; } -.x-grid-row-selected, .x-grid-locked .x-grid-row-selected {background:#f5d6c7; } -.x-grid-row-selected td, .x-grid-locked .x-grid-row-selected td {background:#f5d6c7 !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:#000 !important; } - -.x-grid-body { background:url(../images/magento/grid/grid-body-bg.gif) repeat; border-bottom:1px solid #c2b483; } + border-bottom:1px solid #d7d7d7; + border-right:1px solid #d7d7d7; +} + +.x-grid-hd-row td,.x-grid-row td { + outline:none; +} + +.x-grid-hd-row td { + font-weight:700; +} + +.x-grid-row { + background:#f4f1e7; +} + +.x-grid-row-alt { + background:#fbfaf7; +} + +.x-grid-row-over td { + background:#f1f1f1; + cursor:pointer; +} + +.x-grid-row-selected,.x-grid-locked .x-grid-row-selected { + background:#f5d6c7; +} + +.x-grid-row-selected td,.x-grid-locked .x-grid-row-selected td { + background:#f5d6c7!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:#000!important; +} + +.x-grid-body { + background:url(../images/magento/grid/grid-body-bg.gif) repeat; + border-bottom:1px solid #c2b483; +} + .x-grid-locked .x-grid-body td { - background: #f0efe4; - border-right: 1px solid #D6D2C2; - border-bottom: 1px solid #D6D2C2 !important; + background:#f0efe4; + border-bottom:1px solid #D6D2C2!important; + border-right:1px solid #D6D2C2; } -.x-grid-locked .x-grid-header table{ +.x-grid-locked .x-grid-header table { border-right:1px solid transparent; } -.x-grid-locked .x-grid-body table{ + +.x-grid-locked .x-grid-body table { border-right:1px solid #c6c2b2; } -.x-grid-topbar, .x-grid-bottombar { /* font:normal 11px verdana, helvetica, sans-serif; */ } -.x-grid-bottombar .x-toolbar{ - border-right:0 none; + +.x-grid-bottombar .x-toolbar { border-bottom:0 none; + border-right:0 none; border-top:1px solid #f1efe2; } -.x-props-grid .x-grid-col-name{ - background-color: #f1efe2; +.x-props-grid .x-grid-col-name { + background-color:#f1efe2; } - -.x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{ - background: #ebeadb url(../images/gray/grid/grid-hrow.gif) repeat-x 0 bottom !important; - vertical-align:middle !important; - color:black; +.x-grid-locked td.x-grid-row-marker,.x-grid-locked .x-grid-row-selected td.x-grid-row-marker { + background:#ebeadb url(../images/gray/grid/grid-hrow.gif) repeat-x 0 bottom!important; + border-bottom:none!important; + border-right:1px solid #d6d2c2!important; + border-top:1px solid #FFF; + color:#000; padding:0; - border-top:1px solid white; - border-bottom:none !important; - border-right:1px solid #d6d2c2 !important; text-align:center; + vertical-align:middle!important; } -.x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{ + +.x-grid-locked td.x-grid-row-marker div,.x-grid-locked .x-grid-row-selected td.x-grid-row-marker div { + color:#000!important; padding:0 4px; - color:black !important; text-align:center; } @@ -219,84 +295,106 @@ * Basic-Dialog */ .x-dlg-proxy { - background-image: url(../images/gray/layout/gradient-bg.gif); background-color:#EAE8D5; + background-image:url(../images/gray/layout/gradient-bg.gif); border:1px solid #b3b6b0; } -.x-dlg-shadow{ - background:#aaaaaa; + +.x-dlg-shadow { + background:#aaa; } -.x-dlg-proxy .tabset{ + +.x-dlg-proxy .tabset { background:url(../images/gray/layout/gradient-bg.gif); } + .x-dlg .x-dlg-hd { - background: url(../images/magento/basic-dialog/hd-sprite.gif) repeat-x 0 -82px; + background:url(../images/magento/basic-dialog/hd-sprite.gif) repeat-x 0 -82px; background-color:#511c01; } + .x-dlg .x-dlg-hd-left { - background: url(../images/magento/basic-dialog/hd-sprite.gif) no-repeat 0 -41px; + background:url(../images/magento/basic-dialog/hd-sprite.gif) no-repeat 0 -41px; } + .x-dlg .x-dlg-hd-right { - background: url(../images/magento/basic-dialog/hd-sprite.gif) no-repeat right 0; + background:url(../images/magento/basic-dialog/hd-sprite.gif) no-repeat right 0; } -.x-dlg .x-dlg-dlg-body{ + +.x-dlg .x-dlg-dlg-body { background:#faf9f4; border:1px solid #b3b6b0; border-top:0 none; } -.x-dlg .x-tabs-top .x-tabs-body{ + +.x-dlg .x-tabs-top .x-tabs-body { border:1px solid #b3b6b0; border-top:0 none; } -.x-dlg .x-tabs-bottom .x-tabs-body{ + +.x-dlg .x-tabs-bottom .x-tabs-body { border:1px solid #b3b6b0; border-bottom:0 none; } -.x-layout-panel-center, .x-layout-panel-east, .x-layout-panel-south, .x-layout-panel-west { + +.x-layout-panel-center,.x-layout-panel-east,.x-layout-panel-south,.x-layout-panel-west { border:1px solid #c2b483; border-top:0; - } +} -.x-dlg .x-layout-container .x-tabs-body{ +.x-dlg .x-layout-container .x-tabs-body { border:0 none; } -.x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse { width:18px; height:18px; } + +.x-dlg .x-dlg-close,.x-dlg .x-dlg-collapse { + height:18px; + width:18px; +} + .x-dlg .x-dlg-close { background-image:url(../images/magento/basic-dialog/pop_close.gif); } + .x-dlg .x-dlg-collapse { background-image:url(../images/magento/basic-dialog/pop_collapse.gif); } + .x-dlg-collapsed .x-dlg-collapse { background-image:url(../images/magento/basic-dialog/expand.gif); } -.x-dlg div.x-resizable-handle-east{ + +.x-dlg div.x-resizable-handle-east { background-image:url(../images/gray/basic-dialog/e-handle.gif); border:0 none; } -.x-dlg div.x-resizable-handle-south{ + +.x-dlg div.x-resizable-handle-south { background-image:url(../images/gray/basic-dialog/s-handle.gif); border:0 none; } -.x-dlg div.x-resizable-handle-west{ + +.x-dlg div.x-resizable-handle-west { background-image:url(../images/gray/basic-dialog/e-handle.gif); border:0 none; } -.x-dlg div.x-resizable-handle-southeast{ + +.x-dlg div.x-resizable-handle-southeast { background-image:url(../images/gray/basic-dialog/se-handle.gif); - background-position: bottom right; - width:8px; - height:8px; + background-position:bottom right; border:0; + height:8px; + width:8px; } -.x-dlg div.x-resizable-handle-southwest{ + +.x-dlg div.x-resizable-handle-southwest { background-image:url(../images/gray/sizer/sw-handle-dark.gif); - background-position: top right; - margin-left:1px; - margin-bottom:1px; + background-position:top right; border:0; + margin-bottom:1px; + margin-left:1px; } -.x-dlg div.x-resizable-handle-north{ + +.x-dlg div.x-resizable-handle-north { background-image:url(../images/gray/s.gif); border:0 none; } @@ -307,59 +405,82 @@ .x-tabs-wrap { border:none; } -.x-tabs-strip td { padding-left:6px; } -.x-tabs-strip .x-tabs-inner { padding:5px 15px 6px 15px;} + +.x-tabs-strip td { + padding-left:6px; +} + +.x-tabs-strip .x-tabs-inner { + padding:5px 15px 6px; +} + .x-tabs-strip .x-tabs-text { color:#4a8d94; - /* font:bold 11px verdana, helvetica, sans-serif; */ - } +} + .x-tabs-strip .on .x-tabs-text { - cursor:default; color:#0a6680; + cursor:default; text-transform:capitalize; } + .x-tabs-top .x-tabs-strip .on .x-tabs-right { - background: url(../images/magento/tabs/tab-sprite.gif) no-repeat right 0; + background:url(../images/magento/tabs/tab-sprite.gif) no-repeat right 0; } + .x-tabs-top .x-tabs-strip .on .x-tabs-left { - background: url(../images/magento/tabs/tab-sprite.gif) no-repeat 0px -52px; + background:url(../images/magento/tabs/tab-sprite.gif) no-repeat 0 -52px; } + .x-tabs-top .x-tabs-strip .x-tabs-right { - background: url(../images/magento/tabs/tab-sprite.gif) no-repeat right -26px; + background:url(../images/magento/tabs/tab-sprite.gif) no-repeat right -26px; } + .x-tabs-top .x-tabs-strip .x-tabs-left { - background: url(../images/magento/tabs/tab-sprite.gif) no-repeat 0px -78px; + background:url(../images/magento/tabs/tab-sprite.gif) no-repeat 0 -78px; } -.x-tabs-strip .x-tabs-closable .close-icon{ + +.x-tabs-strip .x-tabs-closable .close-icon { background-image:url(../images/gray/layout/tab-close.gif); } -.x-tabs-strip .on .close-icon{ + +.x-tabs-strip .on .close-icon { background-image:url(../images/gray/layout/tab-close-on.gif); } -.x-tabs-strip .x-tabs-closable .close-over{ + +.x-tabs-strip .x-tabs-closable .close-over { background-image:url(../images/gray/layout/tab-close-on.gif); } + .x-tabs-body { border:1px solid #aca899; border-top:0 none; } -.x-layout-panel .x-tabs-body { background:#fbfaf7; } + +.x-layout-panel .x-tabs-body { + background:#fbfaf7; +} + .x-tabs-bottom .x-tabs-wrap { border-bottom:0 none; - padding-top:0; border-top:1px solid #aca899; + padding-top:0; } + .x-tabs-bottom .x-tabs-strip .x-tabs-right { - background: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left; + background:url(../images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left; } + .x-tabs-bottom .x-tabs-strip .x-tabs-left { - background: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right; + background:url(../images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right; } + .x-tabs-bottom .x-tabs-strip .on .x-tabs-right { - background: url(../images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left; + background:url(../images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left; } + .x-tabs-bottom .x-tabs-strip .on .x-tabs-left { - background: url(../images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right; + background:url(../images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right; } .x-tabs-bottom .x-tabs-body { @@ -367,268 +488,441 @@ border-bottom:0 none; } -/* QuickTips */ - +/* + QuickTips + */ .x-tip .x-tip-top { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } + .x-tip .x-tip-top-left { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } + .x-tip .x-tip-top-right { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } + .x-tip .x-tip-ft { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } + .x-tip .x-tip-ft-left { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } + .x-tip .x-tip-ft-right { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } + .x-tip .x-tip-bd-left { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } + .x-tip .x-tip-bd-right { - background-image: url(../images/gray/qtip/tip-sprite.gif); + background-image:url(../images/gray/qtip/tip-sprite.gif); } -/* BorderLayout */ - -.x-layout-container{ +/* + BorderLayout + */ +.x-layout-container { background-color:#fff; } -.x-layout-container .x-layout-tabs-body{ + +.x-layout-container .x-layout-tabs-body { border:0 none; } -.x-layout-collapsed{ - background-color:#f3f2e7; + +.x-layout-collapsed { + background-color:#f3f2e7; } -.x-layout-collapsed-over{ - background-color:#fbfbef; + +.x-layout-collapsed-over { + background-color:#fbfbef; } -.x-layout-panel{ - background:#fbfaf7; + +.x-layout-panel { + background:#fbfaf7; } -.x-layout-split{ + +.x-layout-split { background-color:#f3f2e7; } + .x-layout-panel-hd { /* Headers such as "My tasks","Catalog" */ - background:none; - background:#fbfaf7; - padding:5px 0 5px 25px; - border:none; - background-position:8px 50%; - background-repeat:no-repeat; - color:#dc4509; - font-size:12px; - font-weight:bold; - line-height:1em; -} -.x-layout-panel-hd-text, .x-layout-panel-hd-text strong { - /* font:bold 12px verdana, helvetica, sans-serif; */ } - -/* section specific header icons */ -.categories-tree-region .x-layout-panel-hd { background-image:url(../images/magento/layout/icon-catalog.gif); } -.products-grid-region .x-layout-panel-hd { background-image:url(../images/magento/layout/icon-category.gif); } -.product-form-region .x-layout-panel-hd { background-image:url(../images/magento/layout/icon-product.gif); } -.my-tasks-region .x-layout-panel-hd { background-image:url(../images/magento/layout/icon-my-tasks.gif); } - -.x-layout-panel-hd-tools { padding:0; } -.x-layout-tools-button { padding:0; } -.x-layout-tools-button-inner { width:18px; height:18px; } + background:#fbfaf7; + background-position:8px 50%; + background-repeat:no-repeat; + border:none; + color:#dc4509; + font-size:12px; + font-weight:700; + line-height:1em; + padding:5px 0 5px 25px; +} + +/* + section specific header icons + */ +.categories-tree-region .x-layout-panel-hd { + background-image:url(../images/magento/layout/icon-catalog.gif); +} + +.products-grid-region .x-layout-panel-hd { + background-image:url(../images/magento/layout/icon-category.gif); +} + +.product-form-region .x-layout-panel-hd { + background-image:url(../images/magento/layout/icon-product.gif); +} + +.my-tasks-region .x-layout-panel-hd { + background-image:url(../images/magento/layout/icon-my-tasks.gif); +} + +.x-layout-panel-hd-tools { + padding:0; +} + +.x-layout-tools-button { + padding:0; +} + +.x-layout-tools-button-inner { + height:18px; + width:18px; +} + .x-layout-tools-button-over { + border:0; + margin:0; padding:0; - border:0; - margin:0; } -.x-layout-close { background:url(../images/magento/basic-dialog/panel_close.gif) no-repeat 0 0; } -.x-layout-tools-button-over .x-layout-close { background:url(../images/magento/basic-dialog/panel_close.gif) no-repeat 0 -18px } -.x-layout-stick{ + +.x-layout-close { + background:url(../images/magento/basic-dialog/panel_close.gif) no-repeat 0 0; +} + +.x-layout-tools-button-over .x-layout-close { + background:url(../images/magento/basic-dialog/panel_close.gif) no-repeat 0 -18px; +} + +.x-layout-stick { background-image:url(../images/gray/layout/stick.gif); } -.x-layout-collapse-west,.x-layout-expand-east{ background-image:url(../images/magento/basic-dialog/collapse.gif);} -.x-layout-expand-west,.x-layout-collapse-east{background-image:url(../images/magento/basic-dialog/expand.gif);} -.x-layout-collapse-north,.x-layout-expand-south{ background-image:url(../images/magento/basic-dialog/ns-collapse.gif);} -.x-layout-expand-north,.x-layout-collapse-south{ background-image:url(../images/magento/basic-dialog/ns-expand.gif);} +.x-layout-collapse-west,.x-layout-expand-east { + background-image:url(../images/magento/basic-dialog/collapse.gif); +} + +.x-layout-expand-west,.x-layout-collapse-east { + background-image:url(../images/magento/basic-dialog/expand.gif); +} + +.x-layout-collapse-north,.x-layout-expand-south { + background-image:url(../images/magento/basic-dialog/ns-collapse.gif); +} + +.x-layout-expand-north,.x-layout-collapse-south { + background-image:url(../images/magento/basic-dialog/ns-expand.gif); +} + +.x-layout-tools-button-over .x-layout-collapse-west,.x-layout-tools-button-over .x-layout-expand-east { + background-image:url(../images/magento/basic-dialog/collapse-on.gif); +} + +.x-layout-tools-button-over .x-layout-expand-west,.x-layout-tools-button-over .x-layout-collapse-east { + background-image:url(../images/magento/basic-dialog/expand-on.gif); +} -.x-layout-tools-button-over .x-layout-collapse-west,.x-layout-tools-button-over .x-layout-expand-east{ background-image:url(../images/magento/basic-dialog/collapse-on.gif);} -.x-layout-tools-button-over .x-layout-expand-west,.x-layout-tools-button-over .x-layout-collapse-east{background-image:url(../images/magento/basic-dialog/expand-on.gif);} -.x-layout-tools-button-over .x-layout-collapse-north,.x-layout-tools-button-over .x-layout-expand-south{ background-image:url(../images/magento/basic-dialog/ns-collapse-on.gif);} -.x-layout-tools-button-over .x-layout-expand-north,.x-layout-tools-button-over .x-layout-collapse-south{ background-image:url(../images/magento/basic-dialog/ns-expand-on.gif);} +.x-layout-tools-button-over .x-layout-collapse-north,.x-layout-tools-button-over .x-layout-expand-south { + background-image:url(../images/magento/basic-dialog/ns-collapse-on.gif); +} + +.x-layout-tools-button-over .x-layout-expand-north,.x-layout-tools-button-over .x-layout-collapse-south { + background-image:url(../images/magento/basic-dialog/ns-expand-on.gif); +} -.x-layout-split-h{ +.x-layout-split-h { background-image:url(../images/gray/sizer/e-handle-dark.gif); } -.x-layout-split-v{ + +.x-layout-split-v { background-image:url(../images/gray/sizer/s-handle-dark.gif); } + .x-layout-panel .x-tabs-wrap { - padding-top:10px; - background:url(../images/magento/layout/checkered-bg.gif) repeat-x 0 100%; + background:url(../images/magento/layout/checkered-bg.gif) repeat-x 0 100%; + padding-top:10px; +} + +.x-layout-container .x-layout-panel-north { + border:none; +} + +.x-layout-nested-layout .x-layout-panel-north { + border-bottom:none; } -.x-layout-container .x-layout-panel-north { border:none;} -.x-layout-nested-layout .x-layout-panel-north { border-bottom:none; } + .x-layout-nested-layout .x-layout-panel-east { - border-left:1px solid #aca899; + border-left:1px solid #aca899; } + .x-layout-nested-layout .x-layout-panel-south { - border-top:1px solid #aca899; + border-top:1px solid #aca899; +} + +.x-layout-nested-layout .x-layout-panel-west { + border-right:1px solid #c2b483; } -.x-layout-nested-layout .x-layout-panel-west { border-right:1px solid #c2b483; } .x-layout-panel-dragover { - border: 2px solid #aca899; + border:2px solid #aca899; } + .x-layout-panel-proxy { - background-image: url(../images/gray/layout/gradient-bg.gif); background-color:#f3f2e7; + background-image:url(../images/gray/layout/gradient-bg.gif); border:1px dashed #aca899; } -/** Resizable */ -.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{ +/* + Resizable + */ +.x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east { background:url(../images/gray/sizer/e-handle.gif); - background-position: left; + background-position:left; } -.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{ + +.x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-west { background:url(../images/gray/sizer/e-handle.gif); - background-position: left; + background-position:left; } -.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{ + +.x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south { background:url(../images/gray/sizer/s-handle.gif); - background-position: top; + background-position:top; } -.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{ + +.x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-north { background:url(../images/gray/sizer/s-handle.gif); - background-position: top; + background-position:top; } -.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ + +.x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast { background:url(../images/gray/sizer/se-handle.gif); - background-position: top left; + background-position:top left; } -.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{ + +.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest { background:url(../images/gray/sizer/nw-handle.gif); background-position:bottom right; } -.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{ + +.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast { background:url(../images/gray/sizer/ne-handle.gif); - background-position: bottom left; + background-position:bottom left; } -.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{ + +.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest { background:url(../images/gray/sizer/sw-handle.gif); - background-position: top right; + background-position:top right; } -.x-resizable-proxy{ - border: 1px dashed #615e55; + +.x-resizable-proxy { + border:1px dashed #615e55; } -/** Toolbar */ +/* + Toolbar + */ .x-toolbar { background:url(../images/magento/toolbar/toolbar-bg.gif) repeat-x #dbeff3; border:none; border-top:1px solid #b3d6dc; padding:2px 4px; - } -.categories-tree-region .x-toolbar { padding:3px 4px; } -.x-toolbar .x-btn-over .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{ +} + +.categories-tree-region .x-toolbar { + padding:3px 4px; +} + +.x-toolbar .x-btn-over .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-menu-active .x-btn-left { background:none; } -.x-toolbar .x-btn-over .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{ + +.x-toolbar .x-btn-over .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-menu-active .x-btn-right { background:none; } -.x-toolbar .x-btn-over .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{ + +.x-toolbar .x-btn-over .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-menu-active .x-btn-center { background:none; } + .x-paging-info { - color:#222222; + color:#222; } + .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button { - width:12px; background:transparent url(../images/magento/toolbar/btn-arrow.gif) no-repeat 0 50%; + width:12px; } -.x-btn-with-menu .x-btn-center em { - display:block; + +.x-btn-with-menu .x-btn-center em { background:transparent url(../images/magento/toolbar/btn-arrow.gif) no-repeat right 50%; - padding-right:10px; + display:block; + padding-right:10px; } + .x-btn-text-icon .x-btn-with-menu .x-btn-center em { - display:block; background:transparent url(../images/magento/toolbar/btn-arrow.gif) no-repeat right 50%; - padding-right:13px; + display:block; + padding-right:13px; +} + +.x-btn-text-icon .x-btn-center .x-btn-text { + padding-left:20px; } -.x-btn-text-icon .x-btn-center .x-btn-text {padding-left:20px; } + .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button { - width:12px; background:transparent url(../images/magento/toolbar/btn-arrow.gif) no-repeat 0 50%; + width:12px; } -/* For top menu only*/ -.left-menu-toolbar .x-toolbar, .right-menu-toolbar .x-toolbar { - border:0 none; +/* + For top menu only + */ +.left-menu-toolbar .x-toolbar,.right-menu-toolbar .x-toolbar { background:#2E4D53; - padding:5px 3px 0 3px; + border:0 none; + color:#fbfaf7; + padding:5px 3px 0; +} + +.left-menu-toolbar .x-toolbar td { + background:none; + padding:0 2px; +} + +.left-menu-toolbar .x-btn { + border-bottom:5px solid #2E4D53; +} + +.left-menu-toolbar .x-btn-over { + border-bottom:5px solid #dc4509; +} + +.left-menu-toolbar .x-btn-menu-active { + border-bottom:5px solid #dc4509; +} + +.left-menu-toolbar .x-btn button,.right-menu-toolbar .x-btn button { color:#fbfaf7; - } +} -.left-menu-toolbar .x-toolbar td { padding:0 2px; background:none; } -.left-menu-toolbar .x-btn { border-bottom:5px solid #2E4D53;} -.left-menu-toolbar .x-btn-over { border-bottom:5px solid #dc4509;} -.left-menu-toolbar .x-btn-menu-active { border-bottom:5px solid #dc4509;} -.left-menu-toolbar .x-btn button, .right-menu-toolbar .x-btn button { color:#fbfaf7; /* font:bold 11px verdana, helvetica, sans-serif; */} -.left-menu-toolbar .x-btn-text-icon .x-btn-center .x-btn-text, .right-menu-toolbar .x-btn-text-icon .x-btn-center .x-btn-text {padding-left:3px; } +.left-menu-toolbar .x-btn-text-icon .x-btn-center .x-btn-text,.right-menu-toolbar .x-btn-text-icon .x-btn-center .x-btn-text { + padding-left:3px; +} -.right-menu-toolbar { width:420px;} -.right-menu-toolbar .btn-logout .x-btn-center .x-btn-text { padding-left:20px; } +.right-menu-toolbar { + width:420px; +} +.right-menu-toolbar .btn-logout .x-btn-center .x-btn-text { + padding-left:20px; +} + +.x-toolbar .x-btn-over .x-btn-left { + background:none; +} +.x-toolbar .x-btn-over .x-btn-right { + background:none; +} -.x-toolbar .x-btn-over .x-btn-left{background:none;} -.x-toolbar .x-btn-over .x-btn-right{background:none;} -.x-toolbar .x-btn-over .x-btn-center{background:none;} +.x-toolbar .x-btn-over .x-btn-center { + background:none; +} -/* combo box */ +/* + combo box + */ .x-combo-list { - border:1px solid #efeadc; background:#faf9f4; + border:1px solid #efeadc; } + .x-combo-list-hd { - color:#222; - background-image: url(../images/gray/layout/panel-title-light-bg.gif); + background-image:url(../images/gray/layout/panel-title-light-bg.gif); border-bottom:1px solid #aca899; + color:#222; } + .x-resizable-pinned .x-combo-list-inner { border-bottom:1px solid #aaa; } -.x-combo-list .x-combo-selected{ - background:#ddd !important; + +.x-combo-list .x-combo-selected { + background:#ddd!important; border:1px solid #aaa; } -.x-menu-list { border:none; } -/* form box */ -.x-box-tl, .x-box-tr, .x-box-tc, .x-box-ml, .x-box-mr, .x-box-mc, .x-box-bl, .x-box-br, .x-box-bc { background:none; } -.x-box-mc fieldset { margin:2px; border:0; } -.x-box-mc fieldset legend { display:none; margin:0; padding:0; } -.x-box-mc fieldset label { text-transform:capitalize;} -.x-form-item { /*font:normal 12px verdana, helvetica, sans-serif; */ } -.x-form-text { padding:1px 2px; border:1px solid #999; background:none; background:#fff; } -.x-form-field { /* font:normal 12px verdana, helvetica, sans-serif; */} -.data-form { background:#fbfaf7; } +.x-menu-list { + border:none; +} + +/* + form box + */ +.x-box-tl,.x-box-tr,.x-box-tc,.x-box-ml,.x-box-mr,.x-box-mc,.x-box-bl,.x-box-br,.x-box-bc { + background:none; +} + +.x-box-mc fieldset { + border:0; + margin:2px; +} + +.x-box-mc fieldset legend { + display:none; + margin:0; + padding:0; +} + +.x-box-mc fieldset label { + text-transform:capitalize; +} + +.x-form-text { + background:#fff; + border:1px solid #999; + padding:1px 2px; +} + +.data-form { + background:#fbfaf7; +} + +.address-view { + background:#fbfaf7; + padding:10px; +} -.address-view { background:#fbfaf7; padding:10px;} -.x-view-selected { border:none; } +.x-view-selected { + border:none; +} input.l-tcb { height:13px; + margin-left:2px; width:13px; - margin-left:2px } + .ext-ie .x-tree { - position:static !important; + position:static!important; } + .no-active-category a span { - color: #aaa !important; + color:#aaa!important; }