2 /** tools buttons on new extjs are merged.. using x-tool..
3 * we should move towards that!
7 .x-dlg .x-dlg-collapse,
9 .x-dlg-collapsed .x-dlg-collapse,
10 .x-layout-tools-button,
11 .x-layout-collapse-west, .x-layout-expand-east
13 background-image:url("../images/slate/panel/tool-sprites.gif");
17 .x-layout-collapse-west, .x-layout-expand-east {
18 background-position: 0 -180px;
20 .x-layout-tools-button-over .x-tool-collapse-west {
21 background-position: -15px -180px;
33 border:1px solid #abc;
34 background-image:url(../images/slate/panel/white-top-bottom.gif);
46 .x-panel-bbar .x-toolbar {
50 .x-panel-tbar .x-toolbar {
54 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
57 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
60 .x-panel-tl .x-panel-header {
63 .x-panel-tc { background-image:url(../images/slate/panel/top-bottom.gif); }
64 .x-panel-tl { background-image:url(../images/slate/panel/corners-sprite.gif); border-color:#abc;}
65 .x-panel-tr { background-image:url(../images/slate/panel/corners-sprite.gif); }
66 .x-panel-bc { background-image:url(../images/slate/panel/top-bottom.gif); }
67 .x-panel-bl { background-image:url(../images/slate/panel/corners-sprite.gif); }
68 .x-panel-br { background-image:url(../images/slate/panel/corners-sprite.gif); }
69 .x-panel-mc { background:#eef4f8; }
71 .x-panel-mc .x-panel-body {
72 background:transparent;
75 .x-panel-ml { background-image:url(../images/slate/panel/left-right.gif); }
76 .x-panel-mr { background-image:url(../images/slate/panel/left-right.gif); }
79 border:2px dashed #89a;
85 background-image:url(../images/slate/panel/tool-sprites.gif);
97 .x-grid-panel .x-panel-mc .x-panel-body {
98 border:1px solid #abc;
104 background-image:url(../images/slate/button/btn-sprite.gif);
107 background-image:url(../images/slate/button/btn-sprite.gif);
110 background-image:url(../images/slate/button/btn-sprite.gif);
118 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
119 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 3px;
121 .x-btn-with-menu .x-btn-center em {
122 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 0pt;
124 .x-btn-menu-arrow-wrap .x-btn-center button{
125 background:transparent url(../images/slate/button/btn-arrow.gif) no-repeat left 3px;
131 .x-border-layout-ct {
136 background-image:url(../images/slate/panel/light-hd.gif);
140 background-color:#567;
141 border-color:#e0e0e0;
143 .x-layout-collapsed-over{
144 background-color:#789;
153 background :#f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;
160 .x-toolbar .ytb-text {
163 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
164 background-image:url(../images/slate/toolbar/btn-arrow.gif);
166 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
167 background-image:url(../images/slate/toolbar/btn-arrow.gif);
169 .x-toolbar .x-btn-over .x-btn-left{
170 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
172 .x-toolbar .x-btn-over .x-btn-right{
173 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
175 .x-toolbar .x-btn-over .x-btn-center{
176 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
178 .x-toolbar .x-btn-over button {
181 .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{
182 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
184 .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{
185 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
188 .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{
189 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
191 .x-toolbar .ytb-sep {
192 background-image: url(../images/slate/grid/grid-split.gif);
198 border:1px solid #aaa;
199 background:#f0f0f0 url(../images/slate/menu/menu.gif) repeat-y;
202 background:#ebf3fd url(../images/slate/menu/item-over.gif) repeat-x left bottom;
203 border:1px solid #c2cbd2;
206 background:transparent url(../images/slate/menu/menu-parent.gif) no-repeat right;
212 .x-tab-panel-header, .x-tab-panel-footer {
215 border-color:#4f657b;
217 .x-layout-panel .x-tabs-wrap {
218 background:url("../images/slate/toolbar/bg.gif") repeat-x scroll left top #F0F4F5;
223 .x-tab-panel-header {
227 .x-tab-panel-footer {
231 /** worked out from our version.. */
235 .x-tabs-strip .on .x-tabs-right {
236 background: url(../images/slate/tabs/tab-sprite.gif) no-repeat right 0px transparent;
238 .x-tabs-strip .on .x-tabs-left {
239 background: url(../images/slate/tabs/tab-sprite.gif) no-repeat 0 -50px;
241 .x-tabs-strip .x-tabs-right {
242 background: url(../images/slate/tabs/tab-sprite.gif) no-repeat right 0px;
244 .x-tabs-strip .x-tabs-left {
245 background: url(../images/slate/tabs/tab-sprite.gif) no-repeat 0 -100px;
248 .x-tabs-strip .on .x-tabs-text {
252 .x-tabs-strip .x-tabs-text {
267 background:#dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top;
268 border-color:#4c647e;
272 ul.x-tab-strip-bottom{
273 background-image:url(../images/slate/tabs/tab-strip-btm-bg.gif);
274 border-color:#566c82;
277 .x-tab-strip span.x-tab-strip-text {
280 .x-tab-strip-over span.x-tab-strip-text {
284 .x-tab-strip-active span.x-tab-strip-text {
288 .x-tab-strip-disabled .x-tabs-text {
292 .x-tab-strip-top .x-tab-right {
293 background-image:url(../images/slate/tabs/tabs-sprite.gif);
296 .x-tab-strip-top .x-tab-left {
297 background-image:url(../images/slate/tabs/tabs-sprite.gif);
299 .x-tab-strip-top .x-tab-strip-inner {
300 background-image:url(../images/slate/tabs/tabs-sprite.gif);
303 .x-tab-strip-bottom .x-tab-right {
304 background-image:url(../images/slate/tabs/tab-btm-inactive-right-bg.gif);
307 .x-tab-strip-bottom .x-tab-left {
308 background-image:url(../images/slate/tabs/tab-btm-inactive-left-bg.gif);
311 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
312 background-image:url(../images/slate/tabs/tab-btm-right-bg.gif);
315 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
316 background-image:url(../images/slate/tabs/tab-btm-left-bg.gif);
319 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
320 background-image:url(../images/slate/tabs/tab-close.gif);
322 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
323 background-image:url(../images/slate/tabs/tab-close.gif);
330 .x-tab-panel-bbar .x-toolbar {
334 .x-tab-panel-tbar .x-toolbar {
338 .x-tab-panel-header-plain .x-tab-strip-spacer {
343 .x-tab-scroller-left {
344 background-image: url(../images/slate/tabs/scroll-left.gif);
345 border-color:#aeaeae;
347 .x-tab-scroller-right {
348 background-image: url(../images/slate/tabs/scroll-right.gif);
349 border-color:#aeaeae;