/javascripts/lib/resources/css/ext-all-notheme.css
CSS | 5150 lines | 4147 code | 891 blank | 112 comment | 0 complexity | 69a6067e8853f3a6e35b09ff5abae6c6 MD5 | raw file
Possible License(s): GPL-3.0
Large files files are truncated, but you can click here to view the full file
1/*! 2 * Ext JS Library 3.2.1 3 * Copyright(c) 2006-2010 Ext JS, Inc. 4 * licensing@extjs.com 5 * http://www.extjs.com/license 6 */ 7html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask { 8 z-index: 100; 9 position: absolute; 10 top:0; 11 left:0; 12 -moz-opacity: 0.5; 13 opacity: .50; 14 filter: alpha(opacity=50); 15 width: 100%; 16 height: 100%; 17 zoom: 1; 18} 19 20.ext-el-mask-msg { 21 z-index: 20001; 22 position: absolute; 23 top: 0; 24 left: 0; 25 border:1px solid; 26 background:repeat-x 0 -16px; 27 padding:2px; 28} 29 30.ext-el-mask-msg div { 31 padding:5px 10px 5px 10px; 32 border:1px solid; 33 cursor:wait; 34} 35 36.ext-shim { 37 position:absolute; 38 visibility:hidden; 39 left:0; 40 top:0; 41 overflow:hidden; 42} 43 44.ext-ie .ext-shim { 45 filter: alpha(opacity=0); 46} 47 48.ext-ie6 .ext-shim { 49 margin-left: 5px; 50 margin-top: 3px; 51} 52 53.x-mask-loading div { 54 padding:5px 10px 5px 25px; 55 background:no-repeat 5px 5px; 56 line-height:16px; 57} 58 59/* class for hiding elements without using display:none */ 60.x-hidden, .x-hide-offsets { 61 position:absolute !important; 62 left:-10000px; 63 top:-10000px; 64 visibility:hidden; 65} 66 67.x-hide-display { 68 display:none !important; 69} 70 71.x-hide-visibility { 72 visibility:hidden !important; 73} 74 75.x-masked { 76 overflow: hidden !important; 77} 78.x-masked-relative { 79 position: relative !important; 80} 81 82.x-masked select, .x-masked object, .x-masked embed { 83 visibility: hidden; 84} 85 86.x-layer { 87 visibility: hidden; 88} 89 90.x-unselectable, .x-unselectable * { 91 -moz-user-select: none; 92 -khtml-user-select: none; 93 -webkit-user-select:ignore; 94} 95 96.x-repaint { 97 zoom: 1; 98 background-color: transparent; 99 -moz-outline: none; 100 outline: none; 101} 102 103.x-item-disabled { 104 cursor: default; 105 opacity: .6; 106 -moz-opacity: .6; 107 filter: alpha(opacity=60); 108} 109 110.x-item-disabled * { 111 cursor: default !important; 112} 113 114.x-form-radio-group .x-item-disabled { 115 filter: none; 116} 117 118.x-splitbar-proxy { 119 position: absolute; 120 visibility: hidden; 121 z-index: 20001; 122 zoom: 1; 123 line-height: 1px; 124 font-size: 1px; 125 overflow: hidden; 126} 127 128.x-splitbar-h, .x-splitbar-proxy-h { 129 cursor: e-resize; 130 cursor: col-resize; 131} 132 133.x-splitbar-v, .x-splitbar-proxy-v { 134 cursor: s-resize; 135 cursor: row-resize; 136} 137 138.x-color-palette { 139 width: 150px; 140 height: 92px; 141 cursor: pointer; 142} 143 144.x-color-palette a { 145 border: 1px solid; 146 float: left; 147 padding: 2px; 148 text-decoration: none; 149 -moz-outline: 0 none; 150 outline: 0 none; 151 cursor: pointer; 152} 153 154.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { 155 border: 1px solid; 156} 157 158.x-color-palette em { 159 display: block; 160 border: 1px solid; 161} 162 163.x-color-palette em span { 164 cursor: pointer; 165 display: block; 166 height: 10px; 167 line-height: 10px; 168 width: 10px; 169} 170 171.x-ie-shadow { 172 display: none; 173 position: absolute; 174 overflow: hidden; 175 left:0; 176 top:0; 177 zoom:1; 178} 179 180.x-shadow { 181 display: none; 182 position: absolute; 183 overflow: hidden; 184 left:0; 185 top:0; 186} 187 188.x-shadow * { 189 overflow: hidden; 190} 191 192.x-shadow * { 193 padding: 0; 194 border: 0; 195 margin: 0; 196 clear: none; 197 zoom: 1; 198} 199 200/* top bottom */ 201.x-shadow .xstc, .x-shadow .xsbc { 202 height: 6px; 203 float: left; 204} 205 206/* corners */ 207.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { 208 width: 6px; 209 height: 6px; 210 float: left; 211} 212 213/* sides */ 214.x-shadow .xsc { 215 width: 100%; 216} 217 218.x-shadow .xsml, .x-shadow .xsmr { 219 width: 6px; 220 float: left; 221 height: 100%; 222} 223 224.x-shadow .xsmc { 225 float: left; 226 height: 100%; 227 background: transparent; 228} 229 230.x-shadow .xst, .x-shadow .xsb { 231 height: 6px; 232 overflow: hidden; 233 width: 100%; 234} 235 236.x-shadow .xsml { 237 background: transparent repeat-y 0 0; 238} 239 240.x-shadow .xsmr { 241 background: transparent repeat-y -6px 0; 242} 243 244.x-shadow .xstl { 245 background: transparent no-repeat 0 0; 246} 247 248.x-shadow .xstc { 249 background: transparent repeat-x 0 -30px; 250} 251 252.x-shadow .xstr { 253 background: transparent repeat-x 0 -18px; 254} 255 256.x-shadow .xsbl { 257 background: transparent no-repeat 0 -12px; 258} 259 260.x-shadow .xsbc { 261 background: transparent repeat-x 0 -36px; 262} 263 264.x-shadow .xsbr { 265 background: transparent repeat-x 0 -6px; 266} 267 268.loading-indicator { 269 background: no-repeat left; 270 padding-left: 20px; 271 line-height: 16px; 272 margin: 3px; 273} 274 275.x-text-resize { 276 position: absolute; 277 left: -1000px; 278 top: -1000px; 279 visibility: hidden; 280 zoom: 1; 281} 282 283.x-drag-overlay { 284 width: 100%; 285 height: 100%; 286 display: none; 287 position: absolute; 288 left: 0; 289 top: 0; 290 background-image:url(../images/default/s.gif); 291 z-index: 20000; 292} 293 294.x-clear { 295 clear:both; 296 height:0; 297 overflow:hidden; 298 line-height:0; 299 font-size:0; 300} 301 302.x-spotlight { 303 z-index: 8999; 304 position: absolute; 305 top:0; 306 left:0; 307 -moz-opacity: 0.5; 308 opacity: .50; 309 filter: alpha(opacity=50); 310 width:0; 311 height:0; 312 zoom: 1; 313} 314 315#x-history-frame { 316 position:absolute; 317 top:-1px; 318 left:0; 319 width:1px; 320 height:1px; 321 visibility:hidden; 322} 323 324#x-history-field { 325 position:absolute; 326 top:0; 327 left:-1px; 328 width:1px; 329 height:1px; 330 visibility:hidden; 331} 332.x-resizable-handle { 333 position:absolute; 334 z-index:100; 335 /* ie needs these */ 336 font-size:1px; 337 line-height:6px; 338 overflow:hidden; 339 filter:alpha(opacity=0); 340 opacity:0; 341 zoom:1; 342} 343 344.x-resizable-handle-east{ 345 width:6px; 346 cursor:e-resize; 347 right:0; 348 top:0; 349 height:100%; 350} 351 352.ext-ie .x-resizable-handle-east { 353 margin-right:-1px; /*IE rounding error*/ 354} 355 356.x-resizable-handle-south{ 357 width:100%; 358 cursor:s-resize; 359 left:0; 360 bottom:0; 361 height:6px; 362} 363 364.ext-ie .x-resizable-handle-south { 365 margin-bottom:-1px; /*IE rounding error*/ 366} 367 368.x-resizable-handle-west{ 369 width:6px; 370 cursor:w-resize; 371 left:0; 372 top:0; 373 height:100%; 374} 375 376.x-resizable-handle-north{ 377 width:100%; 378 cursor:n-resize; 379 left:0; 380 top:0; 381 height:6px; 382} 383 384.x-resizable-handle-southeast{ 385 width:6px; 386 cursor:se-resize; 387 right:0; 388 bottom:0; 389 height:6px; 390 z-index:101; 391} 392 393.x-resizable-handle-northwest{ 394 width:6px; 395 cursor:nw-resize; 396 left:0; 397 top:0; 398 height:6px; 399 z-index:101; 400} 401 402.x-resizable-handle-northeast{ 403 width:6px; 404 cursor:ne-resize; 405 right:0; 406 top:0; 407 height:6px; 408 z-index:101; 409} 410 411.x-resizable-handle-southwest{ 412 width:6px; 413 cursor:sw-resize; 414 left:0; 415 bottom:0; 416 height:6px; 417 z-index:101; 418} 419 420.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ 421 filter:alpha(opacity=100); 422 opacity:1; 423} 424 425.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, 426.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west 427{ 428 background-position: left; 429} 430 431.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, 432.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north 433{ 434 background-position: top; 435} 436 437.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ 438 background-position: top left; 439} 440 441.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ 442 background-position:bottom right; 443} 444 445.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ 446 background-position: bottom left; 447} 448 449.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ 450 background-position: top right; 451} 452 453.x-resizable-proxy{ 454 border: 1px dashed; 455 position:absolute; 456 overflow:hidden; 457 display:none; 458 left:0; 459 top:0; 460 z-index:50000; 461} 462 463.x-resizable-overlay{ 464 width:100%; 465 height:100%; 466 display:none; 467 position:absolute; 468 left:0; 469 top:0; 470 z-index:200000; 471 -moz-opacity: 0; 472 opacity:0; 473 filter: alpha(opacity=0); 474} 475.x-tab-panel { 476 overflow:hidden; 477} 478 479.x-tab-panel-header, .x-tab-panel-footer { 480 border: 1px solid; 481 overflow:hidden; 482 zoom:1; 483} 484 485.x-tab-panel-header { 486 border: 1px solid; 487 padding-bottom: 2px; 488} 489 490.x-tab-panel-footer { 491 border: 1px solid; 492 padding-top: 2px; 493} 494 495.x-tab-strip-wrap { 496 width:100%; 497 overflow:hidden; 498 position:relative; 499 zoom:1; 500} 501 502ul.x-tab-strip { 503 display:block; 504 width:5000px; 505 zoom:1; 506} 507 508ul.x-tab-strip-top{ 509 padding-top: 1px; 510 background: repeat-x bottom; 511 border-bottom: 1px solid; 512} 513 514ul.x-tab-strip-bottom{ 515 padding-bottom: 1px; 516 background: repeat-x top; 517 border-top: 1px solid; 518 border-bottom: 0 none; 519} 520 521.x-tab-panel-header-plain .x-tab-strip-top { 522 background:transparent !important; 523 padding-top:0 !important; 524} 525 526.x-tab-panel-header-plain { 527 background:transparent !important; 528 border-width:0 !important; 529 padding-bottom:0 !important; 530} 531 532.x-tab-panel-header-plain .x-tab-strip-spacer, 533.x-tab-panel-footer-plain .x-tab-strip-spacer { 534 border:1px solid; 535 height:2px; 536 font-size:1px; 537 line-height:1px; 538} 539 540.x-tab-panel-header-plain .x-tab-strip-spacer { 541 border-top: 0 none; 542} 543 544.x-tab-panel-footer-plain .x-tab-strip-spacer { 545 border-bottom: 0 none; 546} 547 548.x-tab-panel-footer-plain .x-tab-strip-bottom { 549 background:transparent !important; 550 padding-bottom:0 !important; 551} 552 553.x-tab-panel-footer-plain { 554 background:transparent !important; 555 border-width:0 !important; 556 padding-top:0 !important; 557} 558 559.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer, 560.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer { 561 height:3px; 562} 563 564ul.x-tab-strip li { 565 float:left; 566 margin-left:2px; 567} 568 569ul.x-tab-strip li.x-tab-edge { 570 float:left; 571 margin:0 !important; 572 padding:0 !important; 573 border:0 none !important; 574 font-size:1px !important; 575 line-height:1px !important; 576 overflow:hidden; 577 zoom:1; 578 background:transparent !important; 579 width:1px; 580} 581 582.x-tab-strip a, .x-tab-strip span, .x-tab-strip em { 583 display:block; 584} 585 586.x-tab-strip a { 587 text-decoration:none !important; 588 -moz-outline: none; 589 outline: none; 590 cursor:pointer; 591} 592 593.x-tab-strip-inner { 594 overflow:hidden; 595 text-overflow: ellipsis; 596} 597 598.x-tab-strip span.x-tab-strip-text { 599 white-space: nowrap; 600 cursor:pointer; 601 padding:4px 0; 602} 603 604.x-tab-strip-top .x-tab-with-icon .x-tab-right { 605 padding-left:6px; 606} 607 608.x-tab-strip .x-tab-with-icon span.x-tab-strip-text { 609 padding-left:20px; 610 background-position: 0 3px; 611 background-repeat: no-repeat; 612} 613 614.x-tab-strip-active, .x-tab-strip-active a.x-tab-right { 615 cursor:default; 616} 617 618.x-tab-strip-active span.x-tab-strip-text { 619 cursor:default; 620} 621 622.x-tab-strip-disabled .x-tabs-text { 623 cursor:default; 624} 625 626.x-tab-panel-body { 627 overflow:hidden; 628} 629 630.x-tab-panel-bwrap { 631 overflow:hidden; 632} 633 634.ext-ie .x-tab-strip .x-tab-right { 635 position:relative; 636} 637 638.x-tab-strip-top .x-tab-strip-active .x-tab-right { 639 margin-bottom:-1px; 640} 641 642/* 643 * Horrible hack for IE8 in quirks mode 644 */ 645.ext-ie8 ul.x-tab-strip li { 646 position: relative; 647} 648.ext-ie8 .x-tab-strip .x-tab-right{ 649 margin-bottom: 0 !important; 650 top: 1px; 651} 652.ext-ie8 ul.x-tab-strip-top { 653 padding-top: 0; 654} 655.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { 656 top:4px; 657} 658.ext-ie8 .x-tab-strip-bottom .x-tab-right{ 659 top:0; 660} 661 662 663.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text { 664 padding-bottom:5px; 665} 666 667.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { 668 margin-top:-1px; 669} 670 671.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text { 672 padding-top:5px; 673} 674 675.x-tab-strip-top .x-tab-right { 676 background: transparent no-repeat 0 -51px; 677 padding-left:10px; 678} 679 680.x-tab-strip-top .x-tab-left { 681 background: transparent no-repeat right -351px; 682 padding-right:10px; 683} 684 685.x-tab-strip-top .x-tab-strip-inner { 686 background: transparent repeat-x 0 -201px; 687} 688 689.x-tab-strip-top .x-tab-strip-over .x-tab-right { 690 background-position:0 -101px; 691} 692 693.x-tab-strip-top .x-tab-strip-over .x-tab-left { 694 background-position:right -401px; 695} 696 697.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner { 698 background-position:0 -251px; 699} 700 701.x-tab-strip-top .x-tab-strip-active .x-tab-right { 702 background-position: 0 0; 703} 704 705.x-tab-strip-top .x-tab-strip-active .x-tab-left { 706 background-position: right -301px; 707} 708 709.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner { 710 background-position: 0 -151px; 711} 712 713.x-tab-strip-bottom .x-tab-right { 714 background: no-repeat bottom right; 715} 716 717.x-tab-strip-bottom .x-tab-left { 718 background: no-repeat bottom left; 719} 720 721.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { 722 background: no-repeat bottom right; 723} 724 725.x-tab-strip-bottom .x-tab-strip-active .x-tab-left { 726 background: no-repeat bottom left; 727} 728 729.x-tab-strip-bottom .x-tab-left { 730 margin-right: 3px; 731 padding:0 10px; 732} 733 734.x-tab-strip-bottom .x-tab-right { 735 padding:0; 736} 737 738.x-tab-strip .x-tab-strip-close { 739 display:none; 740} 741 742.x-tab-strip-closable { 743 position:relative; 744} 745 746.x-tab-strip-closable .x-tab-left { 747 padding-right:19px; 748} 749 750.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { 751 opacity:.6; 752 -moz-opacity:.6; 753 background-repeat:no-repeat; 754 display:block; 755 width:11px; 756 height:11px; 757 position:absolute; 758 top:3px; 759 right:3px; 760 cursor:pointer; 761 z-index:2; 762} 763 764.x-tab-strip .x-tab-strip-active a.x-tab-strip-close { 765 opacity:.8; 766 -moz-opacity:.8; 767} 768.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ 769 opacity:1; 770 -moz-opacity:1; 771} 772 773.x-tab-panel-body { 774 border: 1px solid; 775} 776 777.x-tab-panel-body-top { 778 border-top: 0 none; 779} 780 781.x-tab-panel-body-bottom { 782 border-bottom: 0 none; 783} 784 785.x-tab-scroller-left { 786 background: transparent no-repeat -18px 0; 787 border-bottom: 1px solid; 788 width:18px; 789 position:absolute; 790 left:0; 791 top:0; 792 z-index:10; 793 cursor:pointer; 794} 795.x-tab-scroller-left-over { 796 background-position: 0 0; 797} 798 799.x-tab-scroller-left-disabled { 800 background-position: -18px 0; 801 opacity:.5; 802 -moz-opacity:.5; 803 filter:alpha(opacity=50); 804 cursor:default; 805} 806 807.x-tab-scroller-right { 808 background: transparent no-repeat 0 0; 809 border-bottom: 1px solid; 810 width:18px; 811 position:absolute; 812 right:0; 813 top:0; 814 z-index:10; 815 cursor:pointer; 816} 817 818.x-tab-scroller-right-over { 819 background-position: -18px 0; 820} 821 822.x-tab-scroller-right-disabled { 823 background-position: 0 0; 824 opacity:.5; 825 -moz-opacity:.5; 826 filter:alpha(opacity=50); 827 cursor:default; 828} 829 830.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{ 831 margin-top: 1px; 832} 833 834.x-tab-scrolling .x-tab-strip-wrap { 835 margin-left:18px; 836 margin-right:18px; 837} 838 839.x-tab-scrolling { 840 position:relative; 841} 842 843.x-tab-panel-bbar .x-toolbar { 844 border:1px solid; 845 border-top:0 none; 846 overflow:hidden; 847 padding:2px; 848} 849 850.x-tab-panel-tbar .x-toolbar { 851 border:1px solid; 852 border-top:0 none; 853 overflow:hidden; 854 padding:2px; 855}/* all fields */ 856.x-form-field{ 857 margin: 0 0 0 0; 858} 859 860.ext-webkit *:focus{ 861 outline: none !important; 862} 863 864/* ---- text fields ---- */ 865.x-form-text, textarea.x-form-field{ 866 padding:1px 3px; 867 background:repeat-x 0 0; 868 border:1px solid; 869} 870 871textarea.x-form-field { 872 padding:2px 3px; 873} 874 875.x-form-text, .ext-ie .x-form-file { 876 height:22px; 877 line-height:18px; 878 vertical-align:middle; 879} 880 881.ext-ie6 .x-form-text, .ext-ie7 .x-form-text { 882 margin:-1px 0; /* ie bogus margin bug */ 883 height:22px; /* ie quirks */ 884 line-height:18px; 885} 886 887.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field { 888 margin:-1px 0; /* ie bogus margin bug */ 889} 890 891.ext-strict .x-form-text { 892 height:18px; 893} 894 895.ext-safari.ext-mac textarea.x-form-field { 896 margin-bottom:-2px; /* another bogus margin bug, safari/mac only */ 897} 898 899.ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field { 900 margin-bottom: 1px; 901} 902 903.ext-gecko .x-form-text , .ext-ie8 .x-form-text { 904 padding-top:2px; /* FF won't center the text vertically */ 905 padding-bottom:0; 906} 907 908.ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item { 909 margin: 0 !important; /* clear ie bogus margin bug fix */ 910} 911 912textarea { 913 resize: none; /* Disable browser resizable textarea */ 914} 915 916/* select boxes */ 917.x-form-select-one { 918 height:20px; 919 line-height:18px; 920 vertical-align:middle; 921 border: 1px solid; 922} 923 924/* multi select boxes */ 925 926/* --- TODO --- */ 927 928/* 2.0.2 style */ 929.x-form-check-wrap { 930 line-height:18px; 931 height: auto; 932} 933 934.ext-ie .x-form-check-wrap input { 935 width:15px; 936 height:15px; 937} 938 939.x-form-check-wrap input{ 940 vertical-align: bottom; 941} 942 943.x-editor .x-form-check-wrap { 944 padding:3px; 945} 946 947.x-editor .x-form-checkbox { 948 height:13px; 949} 950 951.x-form-check-group-label { 952 border-bottom: 1px solid; 953 margin-bottom: 5px; 954 padding-left: 3px !important; 955 float: none !important; 956} 957 958/* wrapped fields and triggers */ 959.x-form-field-wrap .x-form-trigger{ 960 width:17px; 961 height:21px; 962 border:0; 963 background:transparent no-repeat 0 0; 964 cursor:pointer; 965 border-bottom: 1px solid; 966 position:absolute; 967 top:0; 968} 969 970.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{ 971 cursor:pointer; 972} 973 974.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{ 975 position:static; 976 top:auto; 977 vertical-align:top; 978} 979 980.x-form-field-wrap { 981 position:relative; 982 left:0;top:0; 983 text-align: left; 984 zoom:1; 985 white-space: nowrap; 986} 987 988.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger { 989 right: 0; /* IE8 Strict mode trigger bug */ 990} 991 992.x-form-field-wrap .x-form-trigger-over{ 993 background-position:-17px 0; 994} 995 996.x-form-field-wrap .x-form-trigger-click{ 997 background-position:-34px 0; 998} 999 1000.x-trigger-wrap-focus .x-form-trigger{ 1001 background-position:-51px 0; 1002} 1003 1004.x-trigger-wrap-focus .x-form-trigger-over{ 1005 background-position:-68px 0; 1006} 1007 1008.x-trigger-wrap-focus .x-form-trigger-click{ 1009 background-position:-85px 0; 1010} 1011 1012.x-trigger-wrap-focus .x-form-trigger{ 1013 border-bottom: 1px solid; 1014} 1015 1016.x-item-disabled .x-form-trigger-over{ 1017 background-position:0 0 !important; 1018 border-bottom: 1px solid; 1019} 1020 1021.x-item-disabled .x-form-trigger-click{ 1022 background-position:0 0 !important; 1023 border-bottom: 1px solid; 1024} 1025 1026.x-trigger-noedit{ 1027 cursor:pointer; 1028} 1029 1030/* field focus style */ 1031.x-form-focus, textarea.x-form-focus{ 1032 border: 1px solid; 1033} 1034 1035/* invalid fields */ 1036.x-form-invalid, textarea.x-form-invalid{ 1037 background:repeat-x bottom; 1038 border: 1px solid; 1039} 1040 1041.x-form-inner-invalid, textarea.x-form-inner-invalid{ 1042 background:repeat-x bottom; 1043} 1044 1045/* editors */ 1046.x-editor { 1047 visibility:hidden; 1048 padding:0; 1049 margin:0; 1050} 1051 1052.x-form-grow-sizer { 1053 left: -10000px; 1054 padding: 8px 3px; 1055 position: absolute; 1056 visibility:hidden; 1057 top: -10000px; 1058 white-space: pre-wrap; 1059 white-space: -moz-pre-wrap; 1060 white-space: -pre-wrap; 1061 white-space: -o-pre-wrap; 1062 word-wrap: break-word; 1063 zoom:1; 1064} 1065 1066.x-form-grow-sizer p { 1067 margin:0 !important; 1068 border:0 none !important; 1069 padding:0 !important; 1070} 1071 1072/* Form Items CSS */ 1073 1074.x-form-item { 1075 display:block; 1076 margin-bottom:4px; 1077 zoom:1; 1078} 1079 1080.x-form-item label.x-form-item-label { 1081 display:block; 1082 float:left; 1083 width:100px; 1084 padding:3px; 1085 padding-left:0; 1086 clear:left; 1087 z-index:2; 1088 position:relative; 1089} 1090 1091.x-form-element { 1092 padding-left:105px; 1093 position:relative; 1094} 1095 1096.x-form-invalid-msg { 1097 padding:2px; 1098 padding-left:18px; 1099 background: transparent no-repeat 0 2px; 1100 line-height:16px; 1101 width:200px; 1102} 1103 1104.x-form-label-left label.x-form-item-label { 1105 text-align:left; 1106} 1107 1108.x-form-label-right label.x-form-item-label { 1109 text-align:right; 1110} 1111 1112.x-form-label-top .x-form-item label.x-form-item-label { 1113 width:auto; 1114 float:none; 1115 clear:none; 1116 display:inline; 1117 margin-bottom:4px; 1118 position:static; 1119} 1120 1121.x-form-label-top .x-form-element { 1122 padding-left:0; 1123 padding-top:4px; 1124} 1125 1126.x-form-label-top .x-form-item { 1127 padding-bottom:4px; 1128} 1129 1130/* Editor small font for grid, toolbar and tree */ 1131.x-small-editor .x-form-text { 1132 height:20px; 1133 line-height:16px; 1134 vertical-align:middle; 1135} 1136 1137.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text { 1138 margin-top:-1px !important; /* ie bogus margin bug */ 1139 margin-bottom:-1px !important; 1140 height:20px !important; /* ie quirks */ 1141 line-height:16px !important; 1142} 1143 1144.ext-strict .x-small-editor .x-form-text { 1145 height:16px !important; 1146} 1147 1148.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text { 1149 height:20px; 1150 line-height:16px; 1151} 1152 1153.ext-border-box .x-small-editor .x-form-text { 1154 height:20px; 1155} 1156 1157.x-small-editor .x-form-select-one { 1158 height:20px; 1159 line-height:16px; 1160 vertical-align:middle; 1161} 1162 1163.x-small-editor .x-form-num-field { 1164 text-align:right; 1165} 1166 1167.x-small-editor .x-form-field-wrap .x-form-trigger{ 1168 height:19px; 1169} 1170 1171.ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;} 1172 1173.x-form-clear { 1174 clear:both; 1175 height:0; 1176 overflow:hidden; 1177 line-height:0; 1178 font-size:0; 1179} 1180.x-form-clear-left { 1181 clear:left; 1182 height:0; 1183 overflow:hidden; 1184 line-height:0; 1185 font-size:0; 1186} 1187 1188.ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{ 1189 margin-top: 3px; 1190} 1191 1192.x-form-cb-label { 1193 position: relative; 1194 margin-left:4px; 1195 top: 2px; 1196} 1197 1198.ext-ie .x-form-cb-label{ 1199 top: 1px; 1200} 1201 1202.ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{ 1203 top: 3px; 1204} 1205 1206.x-form-display-field{ 1207 padding-top: 2px; 1208} 1209 1210.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{ 1211 padding-top: 1px; 1212} 1213 1214.ext-ie .x-form-display-field{ 1215 padding-top: 3px; 1216} 1217 1218.ext-strict .ext-ie8 .x-form-display-field{ 1219 padding-top: 0; 1220} 1221 1222.x-form-column { 1223 float:left; 1224 padding:0; 1225 margin:0; 1226 width:48%; 1227 overflow:hidden; 1228 zoom:1; 1229} 1230 1231/* buttons */ 1232.x-form .x-form-btns-ct .x-btn{ 1233 float:right; 1234 clear:none; 1235} 1236 1237.x-form .x-form-btns-ct .x-form-btns td { 1238 border:0; 1239 padding:0; 1240} 1241 1242.x-form .x-form-btns-ct .x-form-btns-right table{ 1243 float:right; 1244 clear:none; 1245} 1246 1247.x-form .x-form-btns-ct .x-form-btns-left table{ 1248 float:left; 1249 clear:none; 1250} 1251 1252.x-form .x-form-btns-ct .x-form-btns-center{ 1253 text-align:center; /*ie*/ 1254} 1255 1256.x-form .x-form-btns-ct .x-form-btns-center table{ 1257 margin:0 auto; /*everyone else*/ 1258} 1259 1260.x-form .x-form-btns-ct table td.x-form-btn-td{ 1261 padding:3px; 1262} 1263 1264.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{ 1265 background-position:0 -147px; 1266} 1267 1268.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{ 1269 background-position:0 -168px; 1270} 1271 1272.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{ 1273 background-position:0 -189px; 1274} 1275 1276.x-form .x-form-btns-ct .x-btn-click .x-btn-center{ 1277 background-position:0 -126px; 1278} 1279 1280.x-form .x-form-btns-ct .x-btn-click .x-btn-right{ 1281 background-position:0 -84px; 1282} 1283 1284.x-form .x-form-btns-ct .x-btn-click .x-btn-left{ 1285 background-position:0 -63px; 1286} 1287 1288.x-form-invalid-icon { 1289 width:16px; 1290 height:18px; 1291 visibility:hidden; 1292 position:absolute; 1293 left:0; 1294 top:0; 1295 display:block; 1296 background:transparent no-repeat 0 2px; 1297} 1298 1299/* fieldsets */ 1300.x-fieldset { 1301 border:1px solid; 1302 padding:10px; 1303 margin-bottom:10px; 1304 display:block; /* preserve margins in IE */ 1305} 1306 1307/* make top of checkbox/tools visible in webkit */ 1308.ext-webkit .x-fieldset-header { 1309 padding-top: 1px; 1310} 1311 1312.ext-ie .x-fieldset legend { 1313 margin-bottom:10px; 1314} 1315 1316.ext-ie .x-fieldset { 1317 padding-top: 0; 1318 padding-bottom:10px; 1319} 1320 1321.x-fieldset legend .x-tool-toggle { 1322 margin-right:3px; 1323 margin-left:0; 1324 float:left !important; 1325} 1326 1327.x-fieldset legend input { 1328 margin-right:3px; 1329 float:left !important; 1330 height:13px; 1331 width:13px; 1332} 1333 1334fieldset.x-panel-collapsed { 1335 padding-bottom:0 !important; 1336 border-width: 1px 1px 0 1px !important; 1337 border-left-color: transparent; 1338 border-right-color: transparent; 1339} 1340 1341.ext-ie6 fieldset.x-panel-collapsed{ 1342 padding-bottom:0 !important; 1343 border-width: 1px 0 0 0 !important; 1344 margin-left: 1px; 1345 margin-right: 1px; 1346} 1347 1348fieldset.x-panel-collapsed .x-fieldset-bwrap { 1349 visibility:hidden; 1350 position:absolute; 1351 left:-1000px; 1352 top:-1000px; 1353} 1354 1355.ext-ie .x-fieldset-bwrap { 1356 zoom:1; 1357} 1358 1359.x-fieldset-noborder { 1360 border:0px none transparent; 1361} 1362 1363.x-fieldset-noborder legend { 1364 margin-left:-3px; 1365} 1366 1367/* IE legend positioning bug */ 1368.ext-ie .x-fieldset-noborder legend { 1369 position: relative; 1370 margin-bottom:23px; 1371} 1372.ext-ie .x-fieldset-noborder legend span { 1373 position: absolute; 1374 left:16px; 1375} 1376 1377.ext-gecko .x-window-body .x-form-item { 1378 -moz-outline: none; 1379 outline: none; 1380 overflow: auto; 1381} 1382 1383.ext-gecko .x-form-item { 1384 -moz-outline: none; 1385 outline: none; 1386} 1387 1388.x-hide-label label.x-form-item-label { 1389 display:none; 1390} 1391 1392.x-hide-label .x-form-element { 1393 padding-left: 0 !important; 1394} 1395 1396.x-form-label-top .x-hide-label label.x-form-item-label{ 1397 display: none; 1398} 1399 1400.x-fieldset { 1401 overflow:hidden; 1402} 1403 1404.x-fieldset-bwrap { 1405 overflow:hidden; 1406 zoom:1; 1407} 1408 1409.x-fieldset-body { 1410 overflow:hidden; 1411} 1412.x-btn{ 1413 cursor:pointer; 1414 white-space: nowrap; 1415} 1416 1417.x-btn button{ 1418 border:0 none; 1419 background:transparent; 1420 padding-left:3px; 1421 padding-right:3px; 1422 cursor:pointer; 1423 margin:0; 1424 overflow:visible; 1425 width:auto; 1426 -moz-outline:0 none; 1427 outline:0 none; 1428} 1429 1430* html .ext-ie .x-btn button { 1431 width:1px; 1432} 1433 1434.ext-gecko .x-btn button, .ext-webkit .x-btn button { 1435 padding-left:0; 1436 padding-right:0; 1437} 1438 1439.ext-gecko .x-btn button::-moz-focus-inner { 1440 padding:0; 1441} 1442 1443.ext-ie .x-btn button { 1444 padding-top:2px; 1445} 1446 1447.x-btn td { 1448 padding:0 !important; 1449} 1450 1451.x-btn-text { 1452 cursor:pointer; 1453 white-space: nowrap; 1454 padding:0; 1455} 1456 1457/* icon placement and sizing styles */ 1458 1459/* Only text */ 1460.x-btn-noicon .x-btn-small .x-btn-text{ 1461 height: 16px; 1462} 1463 1464.x-btn-noicon .x-btn-medium .x-btn-text{ 1465 height: 24px; 1466} 1467 1468.x-btn-noicon .x-btn-large .x-btn-text{ 1469 height: 32px; 1470} 1471 1472/* Only icons */ 1473.x-btn-icon .x-btn-text{ 1474 background-position: center; 1475 background-repeat: no-repeat; 1476} 1477 1478.x-btn-icon .x-btn-small .x-btn-text{ 1479 height: 16px; 1480 width: 16px; 1481} 1482 1483.x-btn-icon .x-btn-medium .x-btn-text{ 1484 height: 24px; 1485 width: 24px; 1486} 1487 1488.x-btn-icon .x-btn-large .x-btn-text{ 1489 height: 32px; 1490 width: 32px; 1491} 1492 1493/* Icons and text */ 1494/* left */ 1495.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ 1496 background-position: 0 center; 1497 background-repeat: no-repeat; 1498 padding-left:18px; 1499 height:16px; 1500} 1501 1502.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ 1503 background-position: 0 center; 1504 background-repeat: no-repeat; 1505 padding-left:26px; 1506 height:24px; 1507} 1508 1509.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ 1510 background-position: 0 center; 1511 background-repeat: no-repeat; 1512 padding-left:34px; 1513 height:32px; 1514} 1515 1516/* top */ 1517.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ 1518 background-position: center 0; 1519 background-repeat: no-repeat; 1520 padding-top:18px; 1521} 1522 1523.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ 1524 background-position: center 0; 1525 background-repeat: no-repeat; 1526 padding-top:26px; 1527} 1528 1529.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ 1530 background-position: center 0; 1531 background-repeat: no-repeat; 1532 padding-top:34px; 1533} 1534 1535/* right */ 1536.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ 1537 background-position: right center; 1538 background-repeat: no-repeat; 1539 padding-right:18px; 1540 height:16px; 1541} 1542 1543.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ 1544 background-position: right center; 1545 background-repeat: no-repeat; 1546 padding-right:26px; 1547 height:24px; 1548} 1549 1550.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ 1551 background-position: right center; 1552 background-repeat: no-repeat; 1553 padding-right:34px; 1554 height:32px; 1555} 1556 1557/* bottom */ 1558.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ 1559 background-position: center bottom; 1560 background-repeat: no-repeat; 1561 padding-bottom:18px; 1562} 1563 1564.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ 1565 background-position: center bottom; 1566 background-repeat: no-repeat; 1567 padding-bottom:26px; 1568} 1569 1570.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ 1571 background-position: center bottom; 1572 background-repeat: no-repeat; 1573 padding-bottom:34px; 1574} 1575 1576/* background positioning */ 1577.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ 1578 font-size:1px; 1579 line-height:1px; 1580 width:3px; 1581 display:block; 1582 overflow:hidden; 1583} 1584 1585.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ 1586 height:3px; 1587} 1588 1589.x-btn-tl{ 1590 width:3px; 1591 height:3px; 1592 background:no-repeat 0 0; 1593} 1594.x-btn-tr{ 1595 width:3px; 1596 height:3px; 1597 background:no-repeat -3px 0; 1598} 1599.x-btn-tc{ 1600 height:3px; 1601 background:repeat-x 0 -6px; 1602} 1603 1604.x-btn-ml{ 1605 width:3px; 1606 background:no-repeat 0 -24px; 1607} 1608.x-btn-mr{ 1609 width:3px; 1610 background:no-repeat -3px -24px; 1611} 1612 1613.x-btn-mc{ 1614 background:repeat-x 0 -1096px; 1615 vertical-align: middle; 1616 text-align:center; 1617 padding:0 5px; 1618 cursor:pointer; 1619 white-space:nowrap; 1620} 1621 1622/* Fixes an issue with the button height */ 1623.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc { 1624 height: 100%; 1625} 1626 1627.x-btn-bl{ 1628 width:3px; 1629 height:3px; 1630 background:no-repeat 0 -3px; 1631} 1632 1633.x-btn-br{ 1634 width:3px; 1635 height:3px; 1636 background:no-repeat -3px -3px; 1637} 1638 1639.x-btn-bc{ 1640 height:3px; 1641 background:repeat-x 0 -15px; 1642} 1643 1644.x-btn-over .x-btn-tl{ 1645 background-position: -6px 0; 1646} 1647 1648.x-btn-over .x-btn-tr{ 1649 background-position: -9px 0; 1650} 1651 1652.x-btn-over .x-btn-tc{ 1653 background-position: 0 -9px; 1654} 1655 1656.x-btn-over .x-btn-ml{ 1657 background-position: -6px -24px; 1658} 1659 1660.x-btn-over .x-btn-mr{ 1661 background-position: -9px -24px; 1662} 1663 1664.x-btn-over .x-btn-mc{ 1665 background-position: 0 -2168px; 1666} 1667 1668.x-btn-over .x-btn-bl{ 1669 background-position: -6px -3px; 1670} 1671 1672.x-btn-over .x-btn-br{ 1673 background-position: -9px -3px; 1674} 1675 1676.x-btn-over .x-btn-bc{ 1677 background-position: 0 -18px; 1678} 1679 1680.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ 1681 background-position: -12px 0; 1682} 1683 1684.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ 1685 background-position: -15px 0; 1686} 1687 1688.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ 1689 background-position: 0 -12px; 1690} 1691 1692.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ 1693 background-position: -12px -24px; 1694} 1695 1696.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ 1697 background-position: -15px -24px; 1698} 1699 1700.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ 1701 background-position: 0 -3240px; 1702} 1703 1704.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ 1705 background-position: -12px -3px; 1706} 1707 1708.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ 1709 background-position: -15px -3px; 1710} 1711 1712.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ 1713 background-position: 0 -21px; 1714} 1715 1716.x-btn-disabled *{ 1717 cursor:default !important; 1718} 1719 1720 1721/* With a menu arrow */ 1722/* right */ 1723.x-btn-mc em.x-btn-arrow { 1724 display:block; 1725 background:transparent no-repeat right center; 1726 padding-right:10px; 1727} 1728 1729.x-btn-mc em.x-btn-split { 1730 display:block; 1731 background:transparent no-repeat right center; 1732 padding-right:14px; 1733} 1734 1735/* bottom */ 1736.x-btn-mc em.x-btn-arrow-bottom { 1737 display:block; 1738 background:transparent no-repeat center bottom; 1739 padding-bottom:14px; 1740} 1741 1742.x-btn-mc em.x-btn-split-bottom { 1743 display:block; 1744 background:transparent no-repeat center bottom; 1745 padding-bottom:14px; 1746} 1747 1748/* height adjustment class */ 1749.x-btn-as-arrow .x-btn-mc em { 1750 display:block; 1751 background:transparent; 1752 padding-bottom:14px; 1753} 1754 1755/* groups */ 1756.x-btn-group { 1757 padding:1px; 1758} 1759 1760.x-btn-group-header { 1761 padding:2px; 1762 text-align:center; 1763} 1764 1765.x-btn-group-tc { 1766 background: transparent repeat-x 0 0; 1767 overflow:hidden; 1768} 1769 1770.x-btn-group-tl { 1771 background: transparent no-repeat 0 0; 1772 padding-left:3px; 1773 zoom:1; 1774} 1775 1776.x-btn-group-tr { 1777 background: transparent no-repeat right 0; 1778 zoom:1; 1779 padding-right:3px; 1780} 1781 1782.x-btn-group-bc { 1783 background: transparent repeat-x 0 bottom; 1784 zoom:1; 1785} 1786 1787.x-btn-group-bc .x-panel-footer { 1788 zoom:1; 1789} 1790 1791.x-btn-group-bl { 1792 background: transparent no-repeat 0 bottom; 1793 padding-left:3px; 1794 zoom:1; 1795} 1796 1797.x-btn-group-br { 1798 background: transparent no-repeat right bottom; 1799 padding-right:3px; 1800 zoom:1; 1801} 1802 1803.x-btn-group-mc { 1804 border:0 none; 1805 padding:1px 0 0 0; 1806 margin:0; 1807} 1808 1809.x-btn-group-mc .x-btn-group-body { 1810 background:transparent; 1811 border: 0 none; 1812} 1813 1814.x-btn-group-ml { 1815 background: transparent repeat-y 0 0; 1816 padding-left:3px; 1817 zoom:1; 1818} 1819 1820.x-btn-group-mr { 1821 background: transparent repeat-y right 0; 1822 padding-right:3px; 1823 zoom:1; 1824} 1825 1826.x-btn-group-bc .x-btn-group-footer { 1827 padding-bottom:6px; 1828} 1829 1830.x-panel-nofooter .x-btn-group-bc { 1831 height:3px; 1832 font-size:0; 1833 line-height:0; 1834} 1835 1836.x-btn-group-bwrap { 1837 overflow:hidden; 1838 zoom:1; 1839} 1840 1841.x-btn-group-body { 1842 overflow:hidden; 1843 zoom:1; 1844} 1845 1846.x-btn-group-notitle .x-btn-group-tc { 1847 background: transparent repeat-x 0 0; 1848 overflow:hidden; 1849 height:2px; 1850}.x-toolbar{ 1851 border-style:solid; 1852 border-width:0 0 1px 0; 1853 display: block; 1854 padding:2px; 1855 background:repeat-x top left; 1856 position:relative; 1857 left:0; 1858 top:0; 1859 zoom:1; 1860 overflow:hidden; 1861} 1862 1863.x-toolbar-left { 1864 width: 100%; 1865} 1866 1867.x-toolbar .x-item-disabled .x-btn-icon { 1868 opacity: .35; 1869 -moz-opacity: .35; 1870 filter: alpha(opacity=35); 1871} 1872 1873.x-toolbar td { 1874 vertical-align:middle; 1875} 1876 1877.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ 1878 white-space: nowrap; 1879} 1880 1881.x-toolbar .x-item-disabled { 1882 cursor:default; 1883 opacity:.6; 1884 -moz-opacity:.6; 1885 filter:alpha(opacity=60); 1886} 1887 1888.x-toolbar .x-item-disabled * { 1889 cursor:default; 1890} 1891 1892.x-toolbar .x-toolbar-cell { 1893 vertical-align:middle; 1894} 1895 1896.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, 1897.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc 1898{ 1899 background-position: 500px 500px; 1900} 1901 1902/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ 1903.x-toolbar .x-btn-over .x-btn-tl{ 1904 background-position: -6px 0; 1905} 1906 1907.x-toolbar .x-btn-over .x-btn-tr{ 1908 background-position: -9px 0; 1909} 1910 1911.x-toolbar .x-btn-over .x-btn-tc{ 1912 background-position: 0 -9px; 1913} 1914 1915.x-toolbar .x-btn-over .x-btn-ml{ 1916 background-position: -6px -24px; 1917} 1918 1919.x-toolbar .x-btn-over .x-btn-mr{ 1920 background-position: -9px -24px; 1921} 1922 1923.x-toolbar .x-btn-over .x-btn-mc{ 1924 background-position: 0 -2168px; 1925} 1926 1927.x-toolbar .x-btn-over .x-btn-bl{ 1928 background-position: -6px -3px; 1929} 1930 1931.x-toolbar .x-btn-over .x-btn-br{ 1932 background-position: -9px -3px; 1933} 1934 1935.x-toolbar .x-btn-over .x-btn-bc{ 1936 background-position: 0 -18px; 1937} 1938 1939.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ 1940 background-position: -12px 0; 1941} 1942 1943.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ 1944 background-position: -15px 0; 1945} 1946 1947.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ 1948 background-position: 0 -12px; 1949} 1950 1951.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ 1952 background-position: -12px -24px; 1953} 1954 1955.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ 1956 background-position: -15px -24px; 1957} 1958 1959.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ 1960 background-position: 0 -3240px; 1961} 1962 1963.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ 1964 background-position: -12px -3px; 1965} 1966 1967.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ 1968 background-position: -15px -3px; 1969} 1970 1971.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ 1972 background-position: 0 -21px; 1973} 1974 1975.x-toolbar div.xtb-text{ 1976 padding:2px 2px 0; 1977 line-height:16px; 1978 display:block; 1979} 1980 1981.x-toolbar .xtb-sep { 1982 background-position: center; 1983 background-repeat: no-repeat; 1984 display: block; 1985 font-size: 1px; 1986 height: 16px; 1987 width:4px; 1988 overflow: hidden; 1989 cursor:default; 1990 margin: 0 2px 0; 1991 border:0; 1992} 1993 1994.x-toolbar .xtb-spacer { 1995 width:2px; 1996} 1997 1998/* Paging Toolbar */ 1999.x-tbar-page-number{ 2000 width:30px; 2001 height:14px; 2002} 2003 2004.ext-ie .x-tbar-page-number{ 2005 margin-top: 2px; 2006} 2007 2008.x-paging-info { 2009 position:absolute; 2010 top:5px; 2011 right: 8px; 2012} 2013 2014/* floating */ 2015.x-toolbar-ct { 2016 width:100%; 2017} 2018 2019.x-toolbar-right td { 2020 text-align: center; 2021} 2022 2023.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { 2024 overflow:hidden; 2025 zoom:1; 2026} 2027 2028.x-toolbar-more .x-btn-small .x-btn-text{ 2029 height: 16px; 2030 width: 12px; 2031} 2032 2033.x-toolbar-more em.x-btn-arrow { 2034 display:inline; 2035 background:transparent; 2036 padding-right:0; 2037} 2038 2039.x-toolbar-more .x-btn-mc em.x-btn-arrow { 2040 background-image: none; 2041} 2042 2043div.x-toolbar-no-items { 2044 color:gray !important; 2045 padding:5px 10px !important; 2046} 2047 2048/* fix ie toolbar form items */ 2049.ext-border-box .x-toolbar-cell .x-form-text { 2050 margin-bottom:-1px !important; 2051} 2052 2053.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { 2054 margin:0 !important; 2055} 2056 2057.ext-ie .x-toolbar-cell .x-form-field-wrap { 2058 height:21px; 2059} 2060 2061.ext-ie .x-toolbar-cell .x-form-text { 2062 position:relative; 2063 top:-1px; 2064} 2065 2066.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { 2067 top: 0px; 2068} 2069 2070.x-toolbar-right td .x-form-field-trigger-wrap{ 2071 text-align: left; 2072} 2073 2074.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ 2075 margin-top: 5px; 2076} 2077 2078.x-toolbar-cell .x-form-cb-label{ 2079 vertical-align: bottom; 2080 top: 1px; 2081} 2082 2083.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ 2084 margin-top: 4px; 2085} 2086 2087.ext-ie .x-toolbar-cell .x-form-cb-label{ 2088 top: 0; 2089} 2090/* Grid3 styles */ 2091.x-grid3 { 2092 position:relative; 2093 overflow:hidden; 2094} 2095 2096.x-grid-panel .x-panel-body { 2097 overflow:hidden !important; 2098} 2099 2100.x-grid-panel .x-panel-mc .x-panel-body { 2101 border:1px solid; 2102} 2103 2104.x-grid3 table { 2105 table-layout:fixed; 2106} 2107 2108.x-grid3-viewport{ 2109 overflow:hidden; 2110} 2111 2112.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ 2113 -moz-outline: none; 2114 outline: none; 2115 -moz-user-focus: normal; 2116} 2117 2118.x-grid3-row td, .x-grid3-summary-row td { 2119 line-height:13px; 2120 vertical-align: top; 2121 padding-left:1px; 2122 padding-right:1px; 2123 -moz-user-select: none; 2124 -khtml-user-select:none; 2125 -webkit-user-select:ignore; 2126} 2127 2128.x-grid3-cell{ 2129 -moz-user-select: none; 2130 -khtml-user-select:none; 2131 -webkit-user-select:ignore; 2132} 2133 2134.x-grid3-hd-row td { 2135 line-height:15px; 2136 vertical-align:middle; 2137 border-left:1px solid; 2138 border-right:1px solid; 2139} 2140 2141.x-grid3-hd-row .x-grid3-marker-hd { 2142 padding:3px; 2143} 2144 2145.x-grid3-row .x-grid3-marker { 2146 padding:3px; 2147} 2148 2149.x-grid3-cell-inner, .x-grid3-hd-inner{ 2150 overflow:hidden; 2151 -o-text-overflow: ellipsis; 2152 text-overflow: ellipsis; 2153 padding:3px 3px 3px 5px; 2154 white-space: nowrap; 2155} 2156 2157.x-grid3-hd-inner { 2158 position:relative; 2159 cursor:inherit; 2160 padding:4px 3px 4px 5px; 2161} 2162 2163.x-grid3-row-body { 2164 white-space:normal; 2165} 2166 2167.x-grid3-body-cell { 2168 -moz-outline:0 none; 2169 outline:0 none; 2170} 2171 2172/* IE Quirks to clip */ 2173.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ 2174 width:100%; 2175} 2176 2177/* reverse above in strict mode */ 2178.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ 2179 width:auto; 2180} 2181 2182.x-grid-row-loading { 2183 background: no-repeat center center; 2184} 2185 2186.x-grid-page { 2187 overflow:hidden; 2188} 2189 2190.x-grid3-row { 2191 cursor: default; 2192 border: 1px solid; 2193 width:100%; 2194} 2195 2196.x-grid3-row-over { 2197 border:1px solid; 2198 background: repeat-x left top; 2199} 2200 2201.x-grid3-resize-proxy { 2202 width:1px; 2203 left:0; 2204 cursor: e-resize; 2205 cursor: col-resize; 2206 position:absolute; 2207 top:0; 2208 height:100px; 2209 overflow:hidden; 2210 visibility:hidden; 2211 border:0 none; 2212 z-index:7; 2213} 2214 2215.x-grid3-resize-marker { 2216 width:1px; 2217 left:0; 2218 position:absolute; 2219 top:0; 2220 height:100px; 2221 overflow:hidden; 2222 visibility:hidden; 2223 border:0 none; 2224 z-index:7; 2225} 2226 2227.x-grid3-focus { 2228 position:absolute; 2229 left:0; 2230 top:0; 2231 width:1px; 2232 height:1px; 2233 line-height:1px; 2234 font-size:1px; 2235 -moz-outline:0 none; 2236 outline:0 none; 2237 -moz-user-select: text; 2238 -khtml-user-select: text; 2239 -webkit-user-select:ignore; 2240} 2241 2242/* header styles */ 2243.x-grid3-header{ 2244 background: repeat-x 0 bottom; 2245 cursor:default; 2246 zoom:1; 2247 padding:1px 0 0 0; 2248} 2249 2250.x-grid3-header-pop { 2251 border-left:1px solid; 2252 float:right; 2253 clear:none; 2254} 2255 2256.x-grid3-header-pop-inner { 2257 border-left:1px solid; 2258 width:14px; 2259 height:19px; 2260 background: transparent no-repeat center center; 2261} 2262 2263.ext-ie .x-grid3-header-pop-inner { 2264 width:15px; 2265} 2266 2267.ext-strict .x-grid3-header-pop-inner { 2268 width:14px; 2269} 2270 2271.x-grid3-header-inner { 2272 overflow:hidden; 2273 zoom:1; 2274 float:left; 2275} 2276 2277.x-grid3-header-offset { 2278 padding-left:1px; 2279 text-align: left; 2280} 2281 2282td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { 2283 border-left:1px solid; 2284 border-right:1px solid; 2285} 2286 2287td.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 { 2288 background: repeat-x left bottom; 2289 2290} 2291 2292.x-grid3-sort-icon{ 2293 background-repeat: no-repeat; 2294 display: none; 2295 height: 4px; 2296 width: 13px; 2297 margin-left:3px; 2298 vertical-align: middle; 2299} 2300 2301.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { 2302 display: inline; 2303} 2304 2305/* Header position fixes for IE strict mode */ 2306.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { 2307 position:relative; 2308} 2309 2310.ext-strict .ext-ie6 .x-grid3-hd-inner{ 2311 position:static; 2312} 2313 2314/* Body Styles */ 2315.x-grid3-body { 2316 zoom:1; 2317} 2318 2319.x-grid3-scroller { 2320 overflow:auto; 2321 zoom:1; 2322 position:relative; 2323} 2324 2325.x-grid3-cell-text, .x-grid3-hd-text { 2326 display: block; 2327 padding: 3px 5px 3px 5px; 2328 -moz-user-select: none; 2329 -khtml-user-select: none; 2330 -webkit-user-select:ignore; 2331} 2332 2333.x-grid3-split { 2334 background-position: center; 2335 background-repeat: no-repeat; 2336 cursor: e-resize; 2337 cursor: col-resize; 2338 display: block; 2339 font-size: 1px; 2340 height: 16px; 2341 overflow: hidden; 2342 position: absolute; 2343 top: 2px; 2344 width: 6px; 2345 z-index: 3; 2346} 2347 2348/* Column Reorder DD */ 2349.x-dd-drag-proxy .x-grid3-hd-inner{ 2350 background: repeat-x left bottom; 2351 width:120px; 2352 padding:3px; 2353 border:1px solid; 2354 overflow:hidden; 2355} 2356 2357.col-move-top, .col-move-bottom{ 2358 width:9px; 2359 height:9px; 2360 position:absolute; 2361 top:0; 2362 line-height:1px; 2363 font-size:1px; 2364 overflow:hidden; 2365 visibility:hidden; 2366 z-index:20000; 2367 background:transparent no-repeat left top; 2368} 2369 2370/* Selection Styles */ 2371.x-grid3-row-selected { 2372 border:1px dotted; 2373} 2374 2375.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ 2376 background: repeat-x 0 bottom !important; 2377 vertical-align:middle !important; 2378 padding:0; 2379 border-top:1px solid; 2380 border-bottom:none !important; 2381 border-right:1px solid !important; 2382 text-align:center; 2383} 2384 2385.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ 2386 padding:0 4px; 2387 text-align:center; 2388} 2389 2390/* dirty cells */ 2391.x-grid3-dirty-cell { 2392 background: transparent no-repeat 0 0; 2393} 2394 2395/* Grid Toolbars */ 2396.x-grid3-topbar, .x-grid3-bottombar{ 2397 overflow:hidden; 2398 display:none; 2399 zoom:1; 2400 position:relative; 2401} 2402 2403.x-grid3-topbar .x-toolbar{ 2404 border-right:0 none; 2405} 2406 2407.x-grid3-bottombar .x-toolbar{ 2408 border-right:0 none; 2409 border-bottom:0 none; 2410 border-top:1px solid; 2411} 2412 2413/* Props Grid Styles */ 2414.x-props-grid .x-grid3-cell{ 2415 padding:1px; 2416} 2417 2418.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ 2419 background:transparent repeat-y -16px !important; 2420 padding-left:12px; 2421} 2422 2423.x-props-grid .x-grid3-body .x-grid3-td-name{ 2424 padding:1px; 2425 padding-right:0; 2426 border:0 none; 2427 border-right:1px solid; 2428} 2429 2430/* dd */ 2431.x-grid3-col-dd { 2432 border:0 none; 2433 padding:0; 2434 background:transparent; 2435} 2436 2437.x-dd-drag-ghost .x-grid3-dd-wrap { 2438 padding:1px 3px 3px 1px; 2439} 2440 2441.x-grid3-hd { 2442 -moz-user-select:none; 2443 -khtml-user-select:none; 2444 -webkit-user-select:ignore; 2445} 2446 2447.x-grid3-hd-btn { 2448 display:none; 2449 position:absolute; 2450 width:14px; 2451 background:no-repeat left center; 2452 right:0; 2453 top:0; 2454 z-index:2; 2455 cursor:pointer; 2456} 2457 2458.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { 2459 display:block; 2460} 2461 2462a.x-grid3-hd-btn:hover { 2463 background-position:-14px center; 2464} 2465 2466/* Expanders */ 2467.x-grid3-body .x-grid3-td-expander { 2468 background:transparent repeat-y right; 2469} 2470 2471.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { 2472 padding:0 !important; 2473 height:100%; 2474} 2475 2476.x-grid3-row-expander { 2477 width:100%; 2478 height:18px; 2479 background-position:4px 2px; 2480 background-repeat:no-repeat; 2481 background-color:transparent; 2482} 2483 2484.x-grid3-row-collapsed .x-grid3-row-expander { 2485 background-position:4px 2px; 2486} 2487 2488.x-grid3-row-expanded .x-grid3-row-expander { 2489 background-position:-21px 2px; 2490} 2491 2492.x-grid3-row-collapsed .x-grid3-row-body { 2493 display:none !important; 2494} 2495 2496.x-grid3-row-expanded .x-grid3-row-body { 2497 display:block !important; 2498} 2499 2500/* Checkers */ 2501.x-grid3-body .x-grid3-td-checker { 2502 background:transparent repeat-y right; 2503} 2504 2505.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { 2506 padding:0 !important; 2507 height:100%; 2508} 2509 2510.x-grid3-row-checker, .x-grid3-hd-checker { 2511 width:100%; 2512 height:18px; 2513 background-position:2px 2px; 2514 background-repeat:no-repeat; 2515 background-color:transparent; 2516} 2517 2518.x-grid3-row .x-grid3-row-checker { 2519 background-position:2px 2px; 2520} 2521 2522.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { 2523 background-position:-23px 2px; 2524} 2525 2526.x-grid3-hd-checker { 2527 background-position:2px 1px; 2528} 2529 2530.ext-border-box .x-grid3-hd-checker { 2531 background-position:2px 3px; 2532} 2533 2534.x-grid3-hd-checker-on .x-grid3-hd-checker { 2535 background-position:-23px 1px; 2536} 2537 2538.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker { 2539 background-position:-23px 3px; 2540} 2541 2542/* Numberer */ 2543.x-grid3-body .x-grid3-td-numberer { 2544 background:transparent repeat-y right; 2545} 2546 2547.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { 2548 padding:3px 5px 0 0 !important; 2549 text-align:right; 2550} 2551 2552/* Row Icon */ 2553 2554.x-grid3-body .x-grid3-td-row-icon { 2555 background:transparent repeat-y right; 2556 vertical-align:top; 2557 text-align:center; 2558} 2559 2560.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { 2561 padding:0 !important; 2562 background-position:center center; 2563 background-repeat:no-repeat; 2564 width:16px; 2565 height:16px; 2566 margin-left:2px; 2567 margin-top:3px; 2568} 2569 2570/* All specials */ 2571.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 2572.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 2573.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { 2574 background:transparent repeat-y right; 2575} 2576 2577.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { 2578 padding: 1px 0 0 0 !important; 2579} 2580 2581.x-grid3-check-col { 2582 width:100%; 2583 height:16px; 2584 background-position:center center; 2585 background-repeat:no-repeat; 2586 background-color:transparent; 2587} 2588 2589.x-grid3-check-col-on { 2590 width:100%; 2591 height:16px; 2592 background-position:center center; 2593 background-repeat:no-repeat; 2594 background-color:transparent; 2595} 2596 2597/* Grouping classes */ 2598.x-grid-group, .x-grid-group-body, .x-grid-group-hd { 2599 zoom:1; 2600} 2601 2602.x-grid-group-hd { 2603 border-bottom: 2px solid; 2604 cursor:pointer; 2605 padding-top:6px; 2606} 2607 2608.x-grid-group-hd div.x-grid-group-title { 2609 background:transparent no-repeat 3px 3px; 2610 padding:4px 4px 4px 17px; 2611} 2612 2613.x-grid-group-collapsed .x-grid-group-body { 2614 display:none; 2615} 2616 2617.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { 2618 position:relative; 2619 top:-1px; 2620} 2621 2622.ext-ie .x-props-grid .x-editor .x-form-text { 2623 position:static; 2624 top:0; 2625} 2626 2627.x-grid-empty { 2628 padding:10px; 2629} 2630 2631/* fix floating toolbar issue */ 2632.ext-ie7 .x-grid-panel .x-panel-bbar { 2633 position:relative; 2634} 2635 2636 2637/* Reset position to static when Grid Panel has been framed */ 2638/* to resolve 'snapping' from top to bottom behavior. */ 2639/* @forumThread 86656 */ 2640.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar { 2641 position: static; 2642} 2643 2644.ext-ie6 .x-grid3-header { 2645 position: relative; 2646} 2647 2648/* Fix WebKit bug in Grids */ 2649.ext-webkit .x-grid-panel .x-panel-bwrap{ 2650 -webkit-user-select:none; 2651} 2652.ext-webkit .x-tbar-page-number{ 2653 -webkit-user-select:ignore; 2654} 2655/* end*/ 2656 2657/* column lines */ 2658.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { 2659 padding-right:0; 2660 border-right:1px solid; 2661} 2662.x-dd-drag-proxy{ 2663 position:absolute; 2664 left:0; 2665 top:0; 2666 visibility:hidden; 2667 z-index:15000; 2668} 2669 2670.x-dd-drag-ghost{ 2671 -moz-opacity: 0.85; 2672 opacity:.85; 2673 filter: alpha(opacity=85); 2674 border: 1px solid; 2675 padding:3px; 2676 padding-left:20px; 2677 white-space:nowrap; 2678} 2679 2680.x-dd-drag-repair .x-dd-drag-ghost{ 2681 -moz-opacity: 0.4; 2682 opacity:.4; 2683 filter: alpha(opacity=40); 2684 border:0 none; 2685 padding:0; 2686 background-color:transparent; 2687} 2688 2689.x-dd-drag-repair .x-dd-drop-icon{ 2690 visibility:hidden; 2691} 2692 2693.x-dd-drop-icon{ 2694 position:absolute; 2695 top:3px; 2696 left:3p…
Large files files are truncated, but you can click here to view the full file