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