git.roojs.org Git - roojs1/blob - css/xtheme-slate.css

   1
   2 /** tools buttons on new extjs are merged.. using x-tool..
   3 * we should move towards that!
   4 * */
   5
   6
   7 .x-dlg .x-dlg-collapse,
   8 .x-dlg .x-dlg-close,
   9 .x-dlg-collapsed .x-dlg-collapse,
  10 .x-layout-tools-button,
  11 .x-layout-collapse-west, .x-layout-expand-east
  12 {
  13     background-image:url("../images/slate/panel/tool-sprites.gif");
  14 }
  15
  16
  17 .x-layout-collapse-west, .x-layout-expand-east {
  18     background-position: 0 -180px;
  19 }
  20 .x-layout-tools-button-over .x-tool-collapse-west {
  21     background-position: -15px -180px;
  22 }
  23
  24
  25
  26 .x-panel {
  27     border-style: solid;
  28     border-color: #abc;
  29 }
  30 /* .x-panel-header */
  31 .x-layout-panel-hd {
  32     color:#fafafa;
  33     border:1px solid #abc;
  34     background-image:url(../images/slate/panel/white-top-bottom.gif);
  35 }
  36 .x-layout-panel-hd-text {
  37     font-weight:bold;
  38     color:#fff;
  39 }
  40
  41
  42
  43
  44
  45 .x-panel-body {
  46     border-color:#abc;
  47 }
  48
  49 .x-panel-bbar .x-toolbar {
  50     border-color:#abc;
  51 }
  52
  53 .x-panel-tbar .x-toolbar {
  54     border-color:#abc;
  55 }
  56
  57 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  58     border-color:#abc;
  59 }
  60 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  61     border-color:#abc;
  62 }
  63 .x-panel-tl .x-panel-header {
  64     color:#f4f4f4;
  65 }
  66 .x-panel-tc { background-image:url(../images/slate/panel/top-bottom.gif); }
  67 .x-panel-tl { background-image:url(../images/slate/panel/corners-sprite.gif); border-color:#abc;}
  68 .x-panel-tr { background-image:url(../images/slate/panel/corners-sprite.gif); }
  69 .x-panel-bc { background-image:url(../images/slate/panel/top-bottom.gif); }
  70 .x-panel-bl { background-image:url(../images/slate/panel/corners-sprite.gif); }
  71 .x-panel-br { background-image:url(../images/slate/panel/corners-sprite.gif); }
  72 .x-panel-mc { background:#eef4f8; }
  73
  74 .x-panel-mc .x-panel-body {
  75     background:transparent;
  76     border: 0 none;
  77 }
  78 .x-panel-ml { background-image:url(../images/slate/panel/left-right.gif); }
  79 .x-panel-mr { background-image:url(../images/slate/panel/left-right.gif); }
  80
  81 .x-panel-dd-spacer{
  82         border:2px dashed #89a;
  83 }
  84
  85
  86 /* Tools */
  87 .x-tool {
  88     background-image:url(../images/slate/panel/tool-sprites.gif);
  89 }
  90
  91 /* Ghosting */
  92 .x-panel-ghost {
  93     background:#e0e0e0;
  94 }
  95
  96 .x-panel-ghost ul {
  97     border-color:#b0b0b0;
  98 }
  99
 100 .x-grid-panel .x-panel-mc .x-panel-body {
 101     border:1px solid #abc;
 102 }
 103
 104 /* Buttons */
 105
 106 .x-btn-left{
 107         background-image:url(../images/slate/button/btn-sprite.gif);
 108 }
 109 .x-btn-right{
 110         background-image:url(../images/slate/button/btn-sprite.gif);
 111 }
 112 .x-btn-center{
 113         background-image:url(../images/slate/button/btn-sprite.gif);
 114 }
 115 .x-btn-over button{
 116         color:#fff;
 117 }
 118 .x-btn-focus button{
 119         color:#fff;
 120 }
 121 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
 122         background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 3px;
 123 }
 124 .x-btn-with-menu .x-btn-center em {
 125         background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 0pt;
 126 }
 127 .x-btn-menu-arrow-wrap .x-btn-center button{
 128         background:transparent url(../images/slate/button/btn-arrow.gif) no-repeat left 3px;
 129 }
 130
 131
 132 /* Layout classes */
 133
 134 .x-border-layout-ct {
 135     background:#f0f0f0;
 136 }
 137
 138 .x-accordion-hd {
 139         background-image:url(../images/slate/panel/light-hd.gif);
 140 }
 141
 142 .x-layout-collapsed{
 143     background-color:#567;
 144     border-color:#e0e0e0;
 145 }
 146 .x-layout-collapsed-over{
 147          background-color:#789;
 148 }
 149
 150
 151
 152 /* Toolbars */
 153
 154 .x-toolbar{
 155         border-color:#6b869f;
 156     background: #6b869f url(../images/slate/toolbar/bg.gif) repeat-x top left;
 157     border-bottom: 0px;
 158 }
 159
 160
 161 .x-toolbar button {
 162     color:#000;
 163 }
 164 .x-toolbar .ytb-text {
 165         color:white;
 166 }
 167 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
 168     background-image:url(../images/slate/toolbar/btn-arrow.gif);
 169 }
 170 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
 171     background-image:url(../images/slate/toolbar/btn-arrow.gif);
 172 }
 173 .x-toolbar .x-btn-over .x-btn-left{
 174         background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
 175 }
 176 .x-toolbar .x-btn-over .x-btn-right{
 177         background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
 178 }
 179 .x-toolbar .x-btn-over .x-btn-center{
 180         background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
 181 }
 182 .x-toolbar .x-btn-over button {
 183     color:#fff;
 184 }
 185 .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{
 186         background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
 187 }
 188 .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{
 189         background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
 190 }
 191
 192 .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{
 193         background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
 194 }
 195 .x-toolbar .ytb-sep {
 196         background-image: url(../images/slate/grid/grid-split.gif);
 197 }
 198
 199 /* Menus */
 200
 201 .x-menu{
 202         border:1px solid #aaa;
 203         background:#f0f0f0 url(../images/slate/menu/menu.gif) repeat-y;
 204 }
 205 .x-menu-item-active{
 206         background:#ebf3fd url(../images/slate/menu/item-over.gif) repeat-x left bottom;
 207         border:1px solid #c2cbd2;
 208 }
 209 .x-menu-item-arrow{
 210         background:transparent url(../images/slate/menu/menu-parent.gif) no-repeat right;
 211 }
 212
 213
 214 /* Tabs */
 215
 216 .x-tab-panel-header, .x-tab-panel-footer {
 217
 218         background: #6b869f;
 219         border-color:#4f657b;
 220 }
 221 .x-layout-panel .x-tabs-wrap {
 222     background:url("../images/slate/toolbar/bg.gif") repeat-x scroll left top #F0F4F5;
 223 }
 224
 225
 226
 227 .x-tab-panel-header {
 228         border-color:#abc;
 229 }
 230
 231 .x-tab-panel-footer {
 232         border-color:#abc;
 233 }
 234
 235 /** worked out from our version.. */
 236
 237
 238
 239 .x-tabs-strip .on .x-tabs-right {
 240          background: url(../images/slate/tabs/tab-sprite.gif) no-repeat right 0px transparent;
 241 }
 242 .x-tabs-strip .on .x-tabs-left {
 243          background: url(../images/slate/tabs/tab-sprite.gif) no-repeat 0 -50px;
 244 }
 245 .x-tabs-strip .x-tabs-right {
 246          background: url(../images/slate/tabs/tab-sprite.gif) no-repeat right 0px;
 247 }
 248 .x-tabs-strip .x-tabs-left {
 249          background: url(../images/slate/tabs/tab-sprite.gif) no-repeat 0 -100px;
 250 }
 251
 252 .x-tabs-strip .on .x-tabs-text {
 253     color:#333;
 254
 255 }
 256
 257 .x-tabs-strip .x-tabs-text {
 258     color:#ddd;
 259 }
 260 .x-tabs-wrap {
 261     border-bottom: 1px solid #68563f;
 262 }
 263
 264 /**
 265  *
 266  * OLD STUFF
 267  *
 268  *
 269  *
 270  */
 271
 272
 273
 274 ul.x-tab-strip-top {
 275         background:#dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top;
 276         border-color:#4c647e;
 277     padding-top: 2px;
 278 }
 279
 280 ul.x-tab-strip-bottom{
 281         background-image:url(../images/slate/tabs/tab-strip-btm-bg.gif);
 282         border-color:#566c82;
 283 }
 284
 285 .x-tab-strip span.x-tab-strip-text {
 286         color:#333;
 287 }
 288 .x-tab-strip-over span.x-tab-strip-text {
 289         color:#111;
 290 }
 291
 292 .x-tab-strip-active span.x-tab-strip-text {
 293         color:#fff;
 294 }
 295
 296 .x-tab-strip-disabled .x-tabs-text {
 297         color:#aaaaaa;
 298 }
 299
 300 .x-tab-strip-top .x-tab-right {
 301         background-image:url(../images/slate/tabs/tabs-sprite.gif);
 302 }
 303
 304 .x-tab-strip-top .x-tab-left {
 305         background-image:url(../images/slate/tabs/tabs-sprite.gif);
 306 }
 307 .x-tab-strip-top .x-tab-strip-inner {
 308         background-image:url(../images/slate/tabs/tabs-sprite.gif);
 309 }
 310
 311 .x-tab-strip-bottom .x-tab-right {
 312         background-image:url(../images/slate/tabs/tab-btm-inactive-right-bg.gif);
 313 }
 314
 315 .x-tab-strip-bottom .x-tab-left {
 316         background-image:url(../images/slate/tabs/tab-btm-inactive-left-bg.gif);
 317 }
 318
 319 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
 320         background-image:url(../images/slate/tabs/tab-btm-right-bg.gif);
 321 }
 322
 323 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
 324         background-image:url(../images/slate/tabs/tab-btm-left-bg.gif);
 325 }
 326
 327 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
 328         background-image:url(../images/slate/tabs/tab-close.gif);
 329 }
 330 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
 331         background-image:url(../images/slate/tabs/tab-close.gif);
 332 }
 333
 334 .x-tab-panel-body {
 335     border-color:#abc;
 336     background:#fff;
 337 }
 338 .x-tab-panel-bbar .x-toolbar {
 339     border-color: #abc;
 340 }
 341
 342 .x-tab-panel-tbar .x-toolbar {
 343     border-color: #abc;
 344 }
 345
 346 .x-tab-panel-header-plain .x-tab-strip-spacer {
 347     border-color:#abc;
 348         background: #6b869f;
 349 }
 350
 351 .x-tab-scroller-left {
 352     background-image: url(../images/slate/tabs/scroll-left.gif);
 353     border-color:#aeaeae;
 354 }
 355 .x-tab-scroller-right {
 356     background-image: url(../images/slate/tabs/scroll-right.gif);
 357     border-color:#aeaeae;
 358 }
 359
 360 /* Window */
 361
 362
 363
 364 .x-window-proxy {
 365     background:#e4e8ec;
 366     border-color:#abc;
 367 }
 368
 369 .x-window-tl .x-window-header {
 370     color:#fafafa;
 371 }
 372 .x-window-tc {
 373         background-image:url(../images/slate/window/top-bottom.png);
 374 }
 375 .x-dlg .x-dlg-hd-left {
 376     background-image:url(../images/slate/window/left-corners.png);
 377 }
 378 .x-window-tl {
 379         background-image:url(../images/slate/window/left-corners.png);
 380 }
 381 .x-window-tr {
 382         background-image:url(../images/slate/window/right-corners.png);
 383 }
 384 .x-window-bc {
 385         background-image:url(../images/slate/window/top-bottom.png);
 386 }
 387
 388 .x-dlg .x-dlg-hd {
 389     background: url("../images/slate/window/top-bottom.png") repeat-x scroll 0 0 #e4e8ec;
 390     color:#fafafa;
 391     border-color:#abc;
 392     padding:3px 5px 4px;
 393 }
 394
 395
 396 .x-window-bl {
 397         background-image:url(../images/slate/window/left-corners.png);
 398 }
 399 .x-window-br {
 400         background-image:url(../images/slate/window/right-corners.png);
 401 }
 402 .x-window-mc {
 403     border:1px solid #abc;
 404     background:#e8e8e8;
 405 }
 406
 407 .x-window-ml {
 408         background-image:url(../images/slate/window/left-right.png);
 409 }
 410 .x-window-mr {
 411         background-image:url(../images/slate/window/left-right.png);
 412 }
 413 .x-panel-ghost .x-window-tl {
 414     border-color:#abc;
 415 }
 416 .x-panel-collapsed .x-window-tl {
 417     border-color:#abc;
 418 }
 419
 420 .x-window-plain .x-window-mc {
 421     background: #e8e8e8;
 422     border-right:1px solid #eee;
 423     border-bottom:1px solid #eee;
 424     border-top:1px solid #abc;
 425     border-left:1px solid #abc;
 426 }
 427
 428 .x-window-plain .x-window-body {
 429     border-left:1px solid #ddd;
 430     border-top:1px solid #ddd;
 431     border-bottom:1px solid #abc;
 432     border-right:1px solid #abc;
 433     background:transparent !important;
 434 }
 435
 436 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
 437     background-color: #eceef0;
 438 }
 439
 440
 441 /* HTML Editor */
 442 .x-html-editor-wrap {
 443     border-color:#abc;
 444 }
 445 /* FIXME
 446 .x-html-editor-tb .x-btn-text {
 447         background:transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%;
 448 }
 449 */
 450
 451
 452 /* Borders go last for specificity */
 453 .x-panel-noborder .x-panel-body-noborder {
 454     border-width:0;
 455 }
 456
 457 .x-panel-noborder .x-panel-header-noborder {
 458     border-width:0;
 459     border-bottom:1px solid #abc;
 460 }
 461
 462 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
 463     border-width:0;
 464     border-bottom:1px solid #abc;
 465 }
 466
 467 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
 468     border-width:0;
 469     border-top:1px solid #abc;
 470 }
 471
 472 .x-window-noborder .x-window-mc {
 473     border-width:0;
 474 }
 475 .x-window-plain .x-window-body-noborder {
 476     border-width:0;
 477 }
 478
 479 .x-tab-panel-noborder .x-tab-panel-body-noborder {
 480         border-width:0;
 481 }
 482
 483 .x-tab-panel-noborder .x-tab-panel-header-noborder {
 484         border-top-width:0;
 485         border-left-width:0;
 486         border-right-width:0;
 487 }
 488
 489 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
 490         border-bottom-width:0;
 491         border-left-width:0;
 492         border-right-width:0;
 493 }
 494
 495
 496 .x-tab-panel-bbar-noborder .x-toolbar {
 497     border-width:0;
 498     border-top:1px solid #abc;
 499 }
 500
 501 .x-tab-panel-tbar-noborder .x-toolbar {
 502     border-width:0;
 503     border-bottom:1px solid #abc;
 504 }
 505
 506 /* Forms */
 507 .x-form-text, textarea.x-form-field {
 508         border:1px solid #9ab;
 509 }
 510 .x-trigger-wrap-focus .x-form-trigger {
 511         border-bottom:1px solid #4a7192;
 512 }
 513 .x-form-focus,textarea.x-form-focus {
 514         border:1px solid #4a7192;
 515 }
 516
 517 .x-form-field-wrap .x-form-trigger {
 518         background:transparent url(../images/slate/form/trigger.gif) no-repeat 0 0;
 519 }
 520 .x-form-field-wrap .x-form-date-trigger {
 521         background-image:url(../images/slate/form/date-trigger.gif);
 522 }
 523 .x-form-field-wrap .x-form-clear-trigger {
 524         background-image:url(../images/slate/form/clear-trigger.gif);
 525 }
 526 .x-form-field-wrap .x-form-search-trigger {
 527         background-image:url(../images/slate/form/search-trigger.gif);
 528 }
 529
 530 .x-form-field-wrap .x-form-trigger {
 531         border-bottom:1px solid #778899;
 532 }
 533
 534 .x-form fieldset legend {
 535         color:#333;
 536 }
 537
 538 /*      the following need to be duplicated from ext-all.js,
 539         otherwise hover effects are broken */
 540 .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}
 541 .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}
 542 .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}
 543 .x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}
 544 .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}
 545
 546
 547 /* Grid */
 548 .x-grid-cell-text {
 549     color: #666;
 550 }
 551 .x-grid-cell-selected  .x-grid-cell-text,
 552 .x-grid-row-selected  .x-grid-cell-text {
 553     color: #000;
 554 }
 555
 556 .x-grid-row-selected {
 557         background:#ffe1a6 !important;
 558         border:1px dotted  #ccc;
 559
 560 }
 561 .x-grid-hd-btn{
 562         background:#f2daa9 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center;
 563 }
 564 .x-grid-header{
 565         background:#f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom;
 566 }
 567 td.x-grid-hd-over .x-grid-hd-inner,td.sort-desc .x-grid-hd-inner,td.sort-asc .x-grid-hd-inner,td.x-grid-hd-menu-open .x-grid-hd-inner{
 568         background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
 569 }
 570 .sort-asc .x-grid-sort-icon{
 571         background-image:url(../images/slate/grid/sort_asc.gif);
 572 }
 573 .sort-desc .x-grid-sort-icon{
 574         background-image:url(../images/slate/grid/sort_desc.gif);
 575 }
 576 td.x-grid-hd-over, td.sort-desc, td.sort-asc, td.x-grid-hd-menu-open {
 577         border-left:1px solid #fff;
 578         border-right:1px solid #ccc;
 579 }
 580 .x-grid-cell-selected{
 581         background-color:#ffe1a6 !important;
 582 }
 583
 584
 585
 586 .x-grid-body .x-grid-td-expander{
 587         background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
 588 }
 589 .x-grid-body .x-grid-td-checker{
 590         background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
 591 }
 592 .x-grid-body .x-grid-td-numberer{
 593         background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
 594 }
 595 .x-grid-body .x-grid-row-selected .x-grid-td-numberer,.x-grid-body .x-grid-row-selected .x-grid-td-checker,.x-grid-body .x-grid-row-selected .x-grid-td-expander{
 596         background:transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right;
 597 }
 598 .x-grid-group-hd {
 599         border-bottom:2px solid #abb;
 600 }
 601 .x-grid-group-hd div {
 602         color: #456;
 603 }
 604 .x-dd-drag-proxy .x-grid-hd-inner{
 605         background:#ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
 606         border:1px solid #abc;
 607 }
 608 .x-tbar-page-first{
 609         background-image:url(../images/slate/grid/page-first.gif)!important;
 610 }
 611 .x-tbar-page-last{
 612         background-image:url(../images/slate/grid/page-last.gif)!important;
 613 }
 614 .x-tbar-page-next{
 615         background-image:url(../images/slate/grid/page-next.gif)!important;
 616 }
 617 .x-tbar-page-prev{
 618         background-image:url(../images/slate/grid/page-prev.gif)!important;
 619 }
 620 .x-paging-info {
 621         color:#FFFFFF;
 622 }
 623
 624
 625 /* Progress Bar */
 626
 627 .x-progress-bar{
 628         background:#9CBFEE url( ../../resources/images/slate/progress/progress-bg.gif ) repeat-x left center;
 629         border-top:1px solid #ddd;
 630         border-bottom:1px solid #ddd;
 631 }
 632
 633
 634 /* Combos */
 635 .x-combo-list{
 636         border:1px solid #89a;
 637 }
 638 .x-combo-list .x-combo-selected{
 639         border:1px dotted #ccc!important;
 640         background:#fbf0d2;
 641 }
 642
 643
 644 /* Calendars */
 645
 646 .x-date-middle,.x-date-left,.x-date-right{
 647         background:url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px;
 648 }
 649 .x-date-bottom {
 650         background:#DFECFB url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
 651         border-top:1px solid #abc;
 652 }
 653 .x-date-right a{
 654         background-image:url(../images/slate/shared/right-btn.gif);
 655 }
 656 .x-date-left a{
 657         background-image:url(../images/slate/shared/left-btn.gif);
 658 }
 659 .x-date-inner th{
 660         background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
 661         border-bottom:1px solid #abc;
 662         color:#345;
 663 }
 664 .x-date-inner .x-date-selected a {
 665         background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
 666         border:1px solid #89a;
 667 }
 668 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{
 669         background:#cfdce1;
 670 }
 671 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{
 672         color:#123;
 673         background:#cfdce1;
 674 }
 675 .x-date-mp-ybtn a{
 676         background:transparent url(../images/slate/panel/tool-sprites.gif) no-repeat;
 677 }
 678 .x-date-mp-btns {
 679         background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
 680 }
 681 td.x-date-mp-sel a{
 682         background:#dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top;
 683         border:1px solid #abc;
 684 }
 685 .x-date-mp-btns button{
 686         background:#405574;
 687         border:1px solid;
 688         border-color:#abc #055 #055 #abc;
 689 }
 690
 691 /* Resizable Handle */
 692 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{
 693         background:url(../images/slate/sizer/e-handle.gif);background-position:left;
 694 }
 695 .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{
 696         background:url(../images/slate/sizer/e-handle.gif);background-position:left;
 697 }
 698 .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{
 699         background:url(../images/slate/sizer/s-handle.gif);background-position:top;
 700 }
 701 .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{
 702         background:url(../images/slate/sizer/s-handle.gif);background-position:top;
 703 }
 704 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{
 705         background:url(../images/slate/sizer/se-handle.gif);background-position:top left;
 706 }
 707 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
 708         background:url(../images/slate/sizer/nw-handle.gif);background-position:bottom right;
 709 }
 710 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
 711         background:url(../images/slate/sizer/ne-handle.gif);background-position:bottom left;
 712 }
 713 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
 714         background:url(../images/slate/sizer/sw-handle.gif);background-position:top right;
 715 }
 716
 717 /* Tips */
 718 .x-tip .x-tip-close{
 719         background-image:url(../images/slate/qtip/close.gif);
 720 }
 721 .x-tip .x-tip-tc{
 722         background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px;
 723 }
 724 .x-tip .x-tip-tl{
 725         background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0;
 726 }
 727 .x-tip .x-tip-tr{
 728         background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0;
 729 }
 730 .x-tip .x-tip-bc{
 731         background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px;
 732 }
 733 .x-tip .x-tip-bl{
 734         background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px;
 735 }
 736 .x-tip .x-tip-br{
 737         background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px;
 738 }
 739 .x-tip .x-tip-ml{
 740         background:#fff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px;
 741 }
 742 .x-tip .x-tip-mr{
 743         background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px;
 744 }
 745 .x-form-invalid-tip .x-tip-tc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;}
 746 .x-form-invalid-tip .x-tip-tl{background-image:url(../images/default/form/error-tip-corners.gif);}
 747 .x-form-invalid-tip .x-tip-tr{background-image:url(../images/default/form/error-tip-corners.gif);}
 748 .x-form-invalid-tip .x-tip-bc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}
 749 .x-form-invalid-tip .x-tip-bl{background:url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;}
 750 .x-form-invalid-tip .x-tip-br{background:url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;}
 751 .x-form-invalid-tip .x-tip-ml{background-image:url(../images/default/form/error-tip-corners.gif);}
 752 .x-form-invalid-tip .x-tip-mr{background-image:url(../images/default/form/error-tip-corners.gif);}
 753
 754
 755
 756
 757 /* Miscellaneous */
 758
 759 .x-item-disabled * {
 760         color:#333 !important;
 761 }