/v3.2/nimbits-tds/web/resources/themes/slate/css/xtheme-slate.css
CSS | 1011 lines | 761 code | 230 blank | 20 comment | 0 complexity | 85592ff7c1dafd09c972997167dc4697 MD5 | raw file
1/* 2 * Copyright (c) 2010 Tonic Solutions LLC. 3 * 4 * http://www.nimbits.com 5 * 6 * 7 * Licensed under the GNU GENERAL PUBLIC LICENSE, Version 3.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at 8 * 9 * http://www.gnu.org/licenses/gpl.html 10 * 11 * Unless required by applicable law or agreed to in writing, software distributed under the license is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. 12 */ 13.x-panel { 14 border-style: solid; 15 border-color: #abc; 16} 17 18.x-panel-header { 19 color: #fafafa; 20 border: 1px solid #abc; 21 background-image: url(../images/slate/panel/white-top-bottom.gif); 22} 23 24.x-panel-body { 25 border-color: #abc; 26} 27 28.x-panel-bbar .x-toolbar { 29 border-color: #abc; 30} 31 32.x-panel-tbar .x-toolbar { 33 border-color: #abc; 34} 35 36.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { 37 border-color: #abc; 38} 39 40.x-panel-body-noheader, .x-panel-mc .x-panel-body { 41 border-color: #abc; 42} 43 44.x-panel-tl .x-panel-header { 45 color: #f4f4f4; 46} 47 48.x-panel-tc { 49 background-image: url(../images/slate/panel/top-bottom.gif); 50} 51 52.x-panel-tl { 53 background-image: url(../images/slate/panel/corners-sprite.gif); 54 border-color: #abc; 55} 56 57.x-panel-tr { 58 background-image: url(../images/slate/panel/corners-sprite.gif); 59} 60 61.x-panel-bc { 62 background-image: url(../images/slate/panel/top-bottom.gif); 63} 64 65.x-panel-bl { 66 background-image: url(../images/slate/panel/corners-sprite.gif); 67} 68 69.x-panel-br { 70 background-image: url(../images/slate/panel/corners-sprite.gif); 71} 72 73.x-panel-mc { 74 background: #dde5e9; 75} 76 77.x-panel-mc .x-panel-body { 78 background: transparent; 79 border: 0 none; 80} 81 82.x-panel-ml { 83 background-image: url(../images/slate/panel/left-right.gif); 84} 85 86.x-panel-mr { 87 background-image: url(../images/slate/panel/left-right.gif); 88} 89 90.x-panel-dd-spacer { 91 border: 2px dashed #89a; 92} 93 94.x-tool { 95 background-image: url(../images/slate/panel/tool-sprites.gif); 96} 97 98.x-panel-ghost { 99 background: #e0e0e0; 100} 101 102.x-panel-ghost ul { 103 border-color: #b0b0b0; 104} 105 106.x-grid-panel .x-panel-mc .x-panel-body { 107 border: 1px solid #abc; 108} 109 110.x-btn button { 111 color: #fff; 112} 113 114.x-btn-over button { 115 color: #fff; 116} 117 118.x-btn-focus button { 119 color: #fff8da; 120} 121 122.x-btn-mc em.x-btn-arrow { 123 background-image: url(../images/slate/button/arrow.gif); 124} 125 126.x-btn-mc em.x-btn-split { 127 background-image: url(../images/slate/button/s-arrow-b-noline.gif); 128} 129 130.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { 131 background-image: url(../images/slate/button/s-arrow-o.gif); 132} 133 134.x-btn-mc em.x-btn-split-bottom { 135 background-image: url(../images/slate/button/s-arrow-b.gif); 136} 137 138.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { 139 background-image: url(../images/slate/button/s-arrow-bo.gif); 140} 141 142.x-btn-group-header { 143 color: white !important; 144} 145 146.x-btn-group-tc { 147 background-image: url(../images/slate/button/group-tb.gif); 148} 149 150.x-btn-group-tl { 151 background-image: url(../images/slate/button/group-cs.gif); 152} 153 154.x-btn-group-tr { 155 background-image: url(../images/slate/button/group-cs.gif); 156} 157 158.x-btn-group-bc { 159 background-image: url(../images/slate/button/group-tb.gif); 160} 161 162.x-btn-group-bl { 163 background-image: url(../images/slate/button/group-cs.gif); 164} 165 166.x-btn-group-br { 167 background-image: url(../images/slate/button/group-cs.gif); 168} 169 170.x-btn-group-ml { 171 background-image: url(../images/slate/button/group-lr.gif); 172} 173 174.x-btn-group-mr { 175 background-image: url(../images/slate/button/group-lr.gif); 176} 177 178.x-btn-group-notitle .x-btn-group-tc { 179 background-image: url(../images/slate/button/group-tb.gif); 180} 181 182.x-border-layout-ct { 183 background: #f0f0f0; 184} 185 186.x-accordion-hd { 187 background-image: url(../images/slate/panel/light-hd.gif); 188} 189 190.x-layout-collapsed { 191 background-color: #567; 192 border-color: #e0e0e0; 193} 194 195.x-layout-collapsed-over { 196 background-color: #789; 197} 198 199.x-toolbar { 200 border-color: #abc; 201 background: #f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left; 202} 203 204.x-toolbar button { 205 color: #f4f4f4; 206} 207 208.x-toolbar .ytb-text { 209 color: #f4f4f4; 210} 211 212.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc { 213 background-image: url(../images/slate/button/btn.gif); 214} 215 216.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text { 217 color: white; 218} 219 220.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button { 221 background-image: url(../images/slate/toolbar/btn-arrow.gif); 222} 223 224.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button { 225 background-image: url(../images/slate/toolbar/btn-arrow.gif); 226} 227 228.x-toolbar .x-btn-over .x-btn-left { 229 background-image: url(../images/slate/toolbar/tb-btn-sprite.gif); 230} 231 232.x-toolbar .x-btn-over .x-btn-right { 233 background-image: url(../images/slate/toolbar/tb-btn-sprite.gif); 234} 235 236.x-toolbar .x-btn-over .x-btn-center { 237 background-image: url(../images/slate/toolbar/tb-btn-sprite.gif); 238} 239 240.x-toolbar .x-btn-over button { 241 color: #fff; 242} 243 244.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 { 245 background-image: url(../images/slate/toolbar/tb-btn-sprite.gif); 246} 247 248.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 { 249 background-image: url(../images/slate/toolbar/tb-btn-sprite.gif); 250} 251 252.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 { 253 background-image: url(../images/slate/toolbar/tb-btn-sprite.gif); 254} 255 256.x-toolbar .xtb-sep { 257 background-image: url(../images/slate/toolbar/sep.gif) !important; 258} 259 260.x-statusbar .x-status-text-panel { 261 border-color: #9ab #9ab #9ab #9ab; 262} 263 264.x-statusbar .x-status-text { 265 color: #ddc; 266} 267 268.x-menu { 269 border: 1px solid #aaa; 270 background: #f0f0f0 url(../images/slate/menu/menu.gif) repeat-y; 271} 272 273.x-menu-item-active { 274 background: #ebf3fd url(../images/slate/menu/item-over.gif) repeat-x left bottom; 275 border: 1px solid #c2cbd2; 276} 277 278.x-menu-item-arrow { 279 background: transparent url(../images/slate/menu/menu-parent.gif) no-repeat right; 280} 281 282.x-menu-check-item .x-menu-item-icon { 283 background: transparent url(../images/slate/menu/unchecked.gif) no-repeat center; 284} 285 286.x-menu-item-checked .x-menu-item-icon { 287 background-image: url(../images/slate/menu/checked.gif); 288} 289 290.x-menu-item-checked .x-menu-group-item .x-menu-item-icon { 291 background: transparent url(../images/slate/menu/group-checked.gif) 292} 293 294.x-menu-group-item .x-menu-item-icon { 295 background: transparent none repeat scroll 0 0; 296} 297 298.x-tab-panel-header, .x-tab-panel-footer { 299 background: #6b869f; 300 border-color: #4f657b; 301} 302 303.x-tab-panel-header { 304 border-color: #abc; 305} 306 307.x-tab-panel-footer { 308 border-color: #abc; 309} 310 311ul.x-tab-strip-top { 312 background: #dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top; 313 border-color: #4c647e; 314 padding-top: 2px; 315} 316 317ul.x-tab-strip-bottom { 318 background-image: url(../images/slate/tabs/tab-strip-btm-bg.gif); 319 border-color: #566c82; 320} 321 322.x-tab-strip span.x-tab-strip-text { 323 color: #333; 324} 325 326.x-tab-strip-over span.x-tab-strip-text { 327 color: #111; 328} 329 330.x-tab-strip-active span.x-tab-strip-text { 331 color: #fff; 332} 333 334.x-tab-strip-disabled .x-tabs-text { 335 color: #aaaaaa; 336} 337 338.x-tab-strip-top .x-tab-right { 339 background-image: url(../images/slate/tabs/tabs-sprite.gif); 340} 341 342.x-tab-strip-top .x-tab-left { 343 background-image: url(../images/slate/tabs/tabs-sprite.gif); 344} 345 346.x-tab-strip-top .x-tab-strip-inner { 347 background-image: url(../images/slate/tabs/tabs-sprite.gif); 348} 349 350.x-tab-strip-bottom .x-tab-right { 351 background-image: url(../images/slate/tabs/tab-btm-inactive-right-bg.gif); 352} 353 354.x-tab-strip-bottom .x-tab-left { 355 background-image: url(../images/slate/tabs/tab-btm-inactive-left-bg.gif); 356} 357 358.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { 359 background-image: url(../images/slate/tabs/tab-btm-right-bg.gif); 360} 361 362.x-tab-strip-bottom .x-tab-strip-active .x-tab-left { 363 background-image: url(../images/slate/tabs/tab-btm-left-bg.gif); 364} 365 366.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { 367 background-image: url(../images/slate/tabs/tab-close.gif); 368} 369 370.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover { 371 background-image: url(../images/slate/tabs/tab-close.gif); 372} 373 374.x-tab-panel-body { 375 border-color: #abc; 376 background: #fff; 377} 378 379.x-tab-panel-bbar .x-toolbar { 380 border-color: #abc; 381} 382 383.x-tab-panel-tbar .x-toolbar { 384 border-color: #abc; 385} 386 387.x-tab-panel-header-plain .x-tab-strip-spacer, 388.x-tab-panel-footer-plain .x-tab-strip-spacer { 389 border-color: #abc; 390 background: #6b869f; 391} 392 393.x-tab-scroller-left { 394 background-image: url(../images/slate/tabs/scroll-left.gif); 395 border-color: #aeaeae; 396} 397 398.x-tab-scroller-right { 399 background-image: url(../images/slate/tabs/scroll-right.gif); 400 border-color: #aeaeae; 401} 402 403.x-window-proxy { 404 background: #e4e8ec; 405 border-color: #abc; 406} 407 408.x-window-tl .x-window-header { 409 color: #fafafa; 410} 411 412.x-window-tc { 413 background-image: url(../images/slate/window/top-bottom.png); 414} 415 416.x-window-tl { 417 background-image: url(../images/slate/window/left-corners.png); 418} 419 420.x-window-tr { 421 background-image: url(../images/slate/window/right-corners.png); 422} 423 424.x-window-bc { 425 background-image: url(../images/slate/window/top-bottom.png); 426} 427 428.x-window-bl { 429 background-image: url(../images/slate/window/left-corners.png); 430} 431 432.x-window-br { 433 background-image: url(../images/slate/window/right-corners.png); 434} 435 436.x-window-mc { 437 border: 1px solid #abc; 438 background: #e8e8e8; 439} 440 441.x-window-ml { 442 background-image: url(../images/slate/window/left-right.png); 443} 444 445.x-window-mr { 446 background-image: url(../images/slate/window/left-right.png); 447} 448 449.x-panel-ghost .x-window-tl { 450 border-color: #abc; 451} 452 453.x-panel-collapsed .x-window-tl { 454 border-color: #abc; 455} 456 457.x-window-plain .x-window-mc { 458 background: #e8e8e8; 459 border-right: 1px solid #eee; 460 border-bottom: 1px solid #eee; 461 border-top: 1px solid #abc; 462 border-left: 1px solid #abc; 463} 464 465.x-window-plain .x-window-body { 466 border-left: 1px solid #ddd; 467 border-top: 1px solid #ddd; 468 border-bottom: 1px solid #abc; 469 border-right: 1px solid #abc; 470 background: transparent !important; 471} 472 473body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc { 474 background-color: #eceef0; 475} 476 477/* HTML Editors */ 478.x-html-editor-wrap { 479 border-color: #abc; 480} 481 482.x-html-editor-tb .x-btn-text { 483 background: transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%; 484} 485 486/* Borders go last for specificity */ 487.x-panel-noborder .x-panel-body-noborder { 488 border-width: 0; 489} 490 491.x-panel-noborder .x-panel-header-noborder { 492 border-width: 0; 493 border-bottom: 1px solid #abc; 494} 495 496.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { 497 border-width: 0; 498 border-bottom: 1px solid #abc; 499} 500 501.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { 502 border-width: 0; 503 border-top: 1px solid #abc; 504} 505 506.x-window-noborder .x-window-mc { 507 border-width: 0; 508} 509 510.x-window-plain .x-window-body-noborder { 511 border-width: 0; 512} 513 514.x-tab-panel-noborder .x-tab-panel-body-noborder { 515 border-width: 0; 516} 517 518.x-tab-panel-noborder .x-tab-panel-header-noborder { 519 border-top-width: 0; 520 border-left-width: 0; 521 border-right-width: 0; 522} 523 524.x-tab-panel-noborder .x-tab-panel-footer-noborder { 525 border-bottom-width: 0; 526 border-left-width: 0; 527 border-right-width: 0; 528} 529 530.x-tab-panel-bbar-noborder .x-toolbar { 531 border-width: 0; 532 border-top: 1px solid #abc; 533} 534 535.x-tab-panel-tbar-noborder .x-toolbar { 536 border-width: 0; 537 border-bottom: 1px solid #abc; 538} 539 540/* Forms */ 541.x-form-text, textarea.x-form-field { 542 border: 1px solid #9ab; 543} 544 545.x-trigger-wrap-focus .x-form-trigger { 546 border-bottom: 1px solid #4a7192; 547} 548 549.x-form-focus, textarea.x-form-focus { 550 border: 1px solid #4a7192; 551} 552 553.x-form-field-wrap .x-form-trigger { 554 background: transparent url(../images/slate/form/trigger.gif) no-repeat 0 0; 555} 556 557.x-form-field-wrap .x-form-date-trigger { 558 background-image: url(../images/slate/form/date-trigger.gif); 559} 560 561.x-form-field-wrap .x-form-clear-trigger { 562 background-image: url(../images/slate/form/clear-trigger.gif); 563} 564 565.x-form-field-wrap .x-form-search-trigger { 566 background-image: url(../images/slate/form/search-trigger.gif); 567} 568 569.x-form-field-wrap .x-form-trigger { 570 border-bottom: 1px solid #778899; 571} 572 573.x-form-field-wrap .x-form-trigger-over { 574 background-position: -17px 0; 575} 576 577.x-form-field-wrap .x-form-trigger-click { 578 background-position: -34px 0; 579} 580 581.x-trigger-wrap-focus .x-form-trigger { 582 background-position: -51px 0; 583} 584 585.x-trigger-wrap-focus .x-form-trigger-over { 586 background-position: -68px 0; 587} 588 589.x-trigger-wrap-focus .x-form-trigger-click { 590 background-position: -85px 0; 591} 592 593.x-form fieldset legend { 594 color: #333; 595} 596 597/* Checkboxes & Radio Buttons */ 598.x-form-check { 599 background: url('../images/slate/form/checkbox.gif') no-repeat 0 0; 600} 601 602.x-form-radio { 603 background: url('../images/slate/form/radio.gif') no-repeat 0 0; 604} 605 606.x-form-check-group-label { 607 border-bottom: 1px solid #99BBE8; 608 color: #15428B; 609 margin-bottom: 5px; 610 padding-left: 3px !important; 611 float: none !important; 612} 613 614/* Grid */ 615.x-grid3-row-selected { 616 background: #fbf0d2 !important; 617 border: 1px dotted #ccc; 618} 619 620.x-grid3-hd-btn { 621 background: #f2daa9 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center; 622} 623 624.x-grid3-header { 625 background: #f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom; 626} 627 628td.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 { 629 background: #ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom; 630} 631 632.sort-asc .x-grid3-sort-icon { 633 background-image: url(../images/slate/grid/sort_asc.gif); 634} 635 636.sort-desc .x-grid3-sort-icon { 637 background-image: url(../images/slate/grid/sort_desc.gif); 638} 639 640td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { 641 border-left: 1px solid #fff; 642 border-right: 1px solid #ccc; 643} 644 645.x-grid3-check-col { 646 background-image: url(../images/slate/menu/unchecked.gif); 647} 648 649.x-grid3-check-col-on { 650 background-image: url(../images/slate/menu/checked.gif); 651} 652 653.x-grid3-cell-selected { 654 background-color: #e0eaee !important; 655} 656 657.x-grid3-body .x-grid3-td-expander { 658 background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right; 659} 660 661.x-grid3-body .x-grid3-td-checker { 662 background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right; 663} 664 665.x-grid3-body .x-grid3-td-numberer { 666 background: transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right; 667} 668 669.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 { 670 background: transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right; 671} 672 673.x-grid-group-hd { 674 border-bottom: 2px solid #abb; 675} 676 677.x-grid-group-hd div { 678 color: #456; 679} 680 681.x-dd-drag-proxy .x-grid3-hd-inner { 682 background: #ebf3fd url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom; 683 border: 1px solid #abc; 684} 685 686.x-tbar-page-first { 687 background-image: url(../images/slate/grid/page-first.gif) !important; 688} 689 690.x-tbar-page-last { 691 background-image: url(../images/slate/grid/page-last.gif) !important; 692} 693 694.x-tbar-page-next { 695 background-image: url(../images/slate/grid/page-next.gif) !important; 696} 697 698.x-tbar-page-prev { 699 background-image: url(../images/slate/grid/page-prev.gif) !important; 700} 701 702.x-tbar-loading { 703 background-image: url(../images/slate/grid/refresh.gif) !important; 704} 705 706.x-paging-info { 707 color: #FFFFFF; 708} 709 710/* Progress Bars */ 711.x-progress-bar { 712 background: #9CBFEE url(../images/slate/progress/progress-bg.gif) repeat-x left center; 713 border-top: 1px solid #ddd; 714 border-bottom: 1px solid #ddd; 715} 716 717.x-progress-inner { 718 background: #E0E8F3 url(../images/slate/qtip/bg.gif) repeat-x scroll 0 0; 719} 720 721.x-progress-text { 722 color: #789; 723} 724 725.x-progress-text-back { 726 color: #789; 727} 728 729.x-progress-wrap { 730 border: 1px solid #b0b8c4; 731} 732 733/* Combos */ 734.x-combo-list { 735 border: 1px solid #89a; 736} 737 738.x-combo-list .x-combo-selected { 739 border: 1px dotted #ccc !important; 740 background: #fbf0d2; 741} 742 743/* Calendars */ 744.x-date-middle, .x-date-left, .x-date-right { 745 background: url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px; 746} 747 748.x-date-right a { 749 background-image: url(../images/slate/shared/right-btn.gif); 750} 751 752.x-date-left a { 753 background-image: url(../images/slate/shared/left-btn.gif); 754} 755 756.x-date-bottom { 757 background: #DFECFB url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top; 758 border-top: 1px solid #abc; 759} 760 761.x-date-right-icon { 762 background-image: url(../images/slate/shared/right-btn.gif); 763} 764 765.x-date-left-icon { 766 background-image: url(../images/slate/shared/left-btn.gif); 767} 768 769.x-date-inner th { 770 background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top; 771 border-bottom: 1px solid #abc; 772 color: #345; 773} 774 775.x-date-inner .x-date-selected a { 776 background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top; 777 border: 1px solid #89a; 778} 779 780.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover { 781 background: #faedc0; 782} 783 784td.x-date-mp-month a:hover, td.x-date-mp-year a:hover { 785 color: #123; 786 background: #faedc0; 787} 788 789.x-date-mp-ybtn a { 790 background: transparent url(../images/slate/panel/tool-sprites.gif) no-repeat; 791} 792 793.x-date-mp-btns { 794 background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top; 795} 796 797td.x-date-mp-sel a { 798 background: #dfecfb url(../images/slate/shared/glass-bg.gif) repeat-x left top; 799 border: 1px solid #abc; 800} 801 802.x-date-mp-btns button { 803 background: #405574; 804 border: 1px solid; 805 border-color: #abc #055 #055 #abc; 806} 807 808.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east { 809 background: url(../images/slate/sizer/e-handle.gif); 810 background-position: left; 811} 812 813.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west { 814 background: url(../images/slate/sizer/e-handle.gif); 815 background-position: left; 816} 817 818.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south { 819 background: url(../images/slate/sizer/s-handle.gif); 820 background-position: top; 821} 822 823.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north { 824 background: url(../images/slate/sizer/s-handle.gif); 825 background-position: top; 826} 827 828.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast { 829 background: url(../images/slate/sizer/se-handle.gif); 830 background-position: top left; 831} 832 833.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest { 834 background: url(../images/slate/sizer/nw-handle.gif); 835 background-position: bottom right; 836} 837 838.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast { 839 background: url(../images/slate/sizer/ne-handle.gif); 840 background-position: bottom left; 841} 842 843.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest { 844 background: url(../images/slate/sizer/sw-handle.gif); 845 background-position: top right; 846} 847 848.x-tip .x-tip-close { 849 background-image: url(../images/slate/qtip/close.gif); 850} 851 852.x-tip .x-tip-tc { 853 background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px; 854} 855 856.x-tip .x-tip-tl { 857 background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0; 858} 859 860.x-tip .x-tip-tr { 861 background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0; 862} 863 864.x-tip .x-tip-bc { 865 background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px; 866} 867 868.x-tip .x-tip-bl { 869 background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px; 870} 871 872.x-tip .x-tip-br { 873 background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px; 874} 875 876.x-tip .x-tip-ml { 877 background: #fff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px; 878} 879 880.x-tip .x-tip-mr { 881 background: transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px; 882} 883 884.x-form-invalid-tip .x-tip-tc { 885 background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px; 886 padding-top: 6px; 887} 888 889.x-form-invalid-tip .x-tip-tl { 890 background-image: url(../images/default/form/error-tip-corners.gif); 891} 892 893.x-form-invalid-tip .x-tip-tr { 894 background-image: url(../images/default/form/error-tip-corners.gif); 895} 896 897.x-form-invalid-tip .x-tip-bc { 898 background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px; 899 height: 6px; 900} 901 902.x-form-invalid-tip .x-tip-bl { 903 background: url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px; 904} 905 906.x-form-invalid-tip .x-tip-br { 907 background: url(../images/default/form/error-tip-corners.gif) no-repeat right -6px; 908} 909 910.x-form-invalid-tip .x-tip-ml { 911 background-image: url(../images/default/form/error-tip-corners.gif); 912} 913 914.x-form-invalid-tip .x-tip-mr { 915 background-image: url(../images/default/form/error-tip-corners.gif); 916} 917 918.x-tree-node .x-tree-selected { 919 background-color: #f2daa9; 920} 921 922.x-tree-node .x-tree-selected a span { 923 background-color: #f2daa9; 924 color: black; 925} 926 927.x-ftree2-selected { 928 background-color: #FBF0D2 !important; 929} 930 931.x-tree-arrows .x-tree-elbow-plus { 932 background: transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0; 933} 934 935.x-tree-arrows .x-tree-elbow-minus { 936 background: transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0; 937} 938 939.x-tree-arrows .x-tree-elbow-end-plus { 940 background: transparent url(../images/slate/tree/arrows.gif) no-repeat 0 0; 941} 942 943.x-tree-arrows .x-tree-elbow-end-minus { 944 background: transparent url(../images/slate/tree/arrows.gif) no-repeat -16px 0; 945} 946 947.x-slider-horz .x-slider-thumb { 948 background: transparent url(../images/slate/slider/slider-thumb.png) no-repeat 0 0; 949} 950 951.x-slider-vert .x-slider-thumb { 952 background: transparent url(../images/slate/slider/slider-v-thumb.png) no-repeat 0 0; 953} 954 955.x-slider-horz .x-slider-thumb-over { 956 background-position: -14px -15px; 957} 958 959.x-slider-horz .x-slider-thumb-drag { 960 background-position: -28px -30px; 961} 962 963.x-slider-vert .x-slider-thumb-over { 964 background-position: -15px -14px; 965} 966 967.x-slider-vert .x-slider-thumb-drag { 968 background-position: -30px -28px; 969} 970 971.x-slider-horz { 972 background: transparent url(../images/slate/slider/slider-bg.png) no-repeat 0 -22px; 973} 974 975.x-slider-horz .x-slider-end { 976 background: transparent url(../images/slate/slider/slider-bg.png) no-repeat right -44px; 977} 978 979.x-slider-horz .x-slider-inner { 980 background: transparent url(../images/slate/slider/slider-bg.png) repeat-x 0 0; 981} 982 983.x-slider-vert { 984 background: transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -44px 0; 985} 986 987.x-slider-vert .x-slider-end { 988 background: transparent url(../images/slate/slider/slider-v-bg.png) no-repeat -22px bottom; 989} 990 991.x-slider-vert .x-slider-inner { 992 background: transparent url(../images/slate/slider/slider-v-bg.png) repeat-y 0 0; 993} 994 995.x-item-disabled * { 996 color: #333 !important; 997} 998 999.x-form-check { 1000 background: none; 1001!important 1002} 1003 1004.x-form-radio { 1005 background: none; 1006!important 1007} 1008 1009.x-border { 1010 border: 1px solid #AABBCC; 1011}