1/*************************************************************************************************/ 2/*************************************************************************************************/ 3/*************************************************************************************************/ 4/*************************************************************************************************/ 5/* Loose */ 6/*************************************************************************************************/ 7/*************************************************************************************************/ 8/*************************************************************************************************/ 9/* 10.netInfoResponseHeadersTitle, netInfoResponseHeadersBody { 11 display: none; 12} 13/**/ 14 15.obscured { 16 left: -999999px !important; 17} 18 19/* IE6 need a separated rule, otherwise it will not recognize it */ 20.collapsed { 21 display: none; 22} 23 24[collapsed="true"] { 25 display: none; 26} 27 28#fbCSS { 29 padding: 0 !important; 30} 31 32.cssPropDisable { 33 float: left; 34 display: block; 35 width: 2em; 36 cursor: default; 37} 38 39/*************************************************************************************************/ 40/*************************************************************************************************/ 41/*************************************************************************************************/ 42/*************************************************************************************************/ 43/* panelBase */ 44/*************************************************************************************************/ 45/*************************************************************************************************/ 46/*************************************************************************************************/ 47 48/************************************************************************************************/ 49 50.infoTip { 51 z-index: 2147483647; 52 position: fixed; 53 padding: 2px 3px; 54 border: 1px solid #CBE087; 55 background: LightYellow; 56 font-family: Monaco, monospace; 57 color: #000000; 58 display: none; 59 white-space: nowrap; 60 pointer-events: none; 61} 62 63.infoTip[active="true"] { 64 display: block; 65} 66 67.infoTipLoading { 68 width: 16px; 69 height: 16px; 70 background: url(chrome://firebug/skin/loading_16.gif) no-repeat; 71} 72 73.infoTipImageBox { 74 font-size: 11px; 75 min-width: 100px; 76 text-align: center; 77} 78 79.infoTipCaption { 80 font-size: 11px; 81 font: Monaco, monospace; 82} 83 84.infoTipLoading > .infoTipImage, 85.infoTipLoading > .infoTipCaption { 86 display: none; 87} 88 89/************************************************************************************************/ 90 91h1.groupHeader { 92 padding: 2px 4px; 93 margin: 0 0 4px 0; 94 border-top: 1px solid #CCCCCC; 95 border-bottom: 1px solid #CCCCCC; 96 background: #eee url(group.gif) repeat-x; 97 font-size: 11px; 98 font-weight: bold; 99 _position: relative; 100} 101 102/************************************************************************************************/ 103 104.inlineEditor, 105.fixedWidthEditor { 106 z-index: 2147483647; 107 position: absolute; 108 display: none; 109} 110 111.inlineEditor { 112 margin-left: -6px; 113 margin-top: -3px; 114 /* 115 _margin-left: -7px; 116 _margin-top: -5px; 117 /**/ 118} 119 120.textEditorInner, 121.fixedWidthEditor { 122 margin: 0 0 0 0 !important; 123 padding: 0; 124 border: none !important; 125 font: inherit; 126 text-decoration: inherit; 127 background-color: #FFFFFF; 128} 129 130.fixedWidthEditor { 131 border-top: 1px solid #888888 !important; 132 border-bottom: 1px solid #888888 !important; 133} 134 135.textEditorInner { 136 position: relative; 137 top: -7px; 138 left: -5px; 139 140 outline: none; 141 resize: none; 142 143 /* 144 _border: 1px solid #999 !important; 145 _padding: 1px !important; 146 _filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color="#55404040"); 147 /**/ 148} 149 150.textEditorInner1 { 151 padding-left: 11px; 152 background: url(textEditorBorders.png) repeat-y; 153 _background: url(textEditorBorders.gif) repeat-y; 154 _overflow: hidden; 155} 156 157.textEditorInner2 { 158 position: relative; 159 padding-right: 2px; 160 background: url(textEditorBorders.png) repeat-y 100% 0; 161 _background: url(textEditorBorders.gif) repeat-y 100% 0; 162 _position: fixed; 163} 164 165.textEditorTop1 { 166 background: url(textEditorCorners.png) no-repeat 100% 0; 167 margin-left: 11px; 168 height: 10px; 169 _background: url(textEditorCorners.gif) no-repeat 100% 0; 170 _overflow: hidden; 171} 172 173.textEditorTop2 { 174 position: relative; 175 left: -11px; 176 width: 11px; 177 height: 10px; 178 background: url(textEditorCorners.png) no-repeat; 179 _background: url(textEditorCorners.gif) no-repeat; 180} 181 182.textEditorBottom1 { 183 position: relative; 184 background: url(textEditorCorners.png) no-repeat 100% 100%; 185 margin-left: 11px; 186 height: 12px; 187 _background: url(textEditorCorners.gif) no-repeat 100% 100%; 188} 189 190.textEditorBottom2 { 191 position: relative; 192 left: -11px; 193 width: 11px; 194 height: 12px; 195 background: url(textEditorCorners.png) no-repeat 0 100%; 196 _background: url(textEditorCorners.gif) no-repeat 0 100%; 197} 198 199 200/*************************************************************************************************/ 201/*************************************************************************************************/ 202/*************************************************************************************************/ 203/*************************************************************************************************/ 204/* CSS */ 205/*************************************************************************************************/ 206/*************************************************************************************************/ 207/*************************************************************************************************/ 208 209/* See license.txt for terms of usage */ 210 211.panelNode-css { 212 overflow-x: hidden; 213} 214 215.cssSheet > .insertBefore { 216 height: 1.5em; 217} 218 219.cssRule { 220 position: relative; 221 margin: 0; 222 padding: 1em 0 0 6px; 223 font-family: Monaco, monospace; 224 color: #000000; 225} 226 227.cssRule:first-child { 228 padding-top: 6px; 229} 230 231.cssElementRuleContainer { 232 position: relative; 233} 234 235.cssHead { 236 padding-right: 150px; 237} 238 239.cssProp { 240 /*padding-left: 2em;*/ 241} 242 243.cssPropName { 244 color: DarkGreen; 245} 246 247.cssPropValue { 248 margin-left: 8px; 249 color: DarkBlue; 250} 251 252.cssOverridden span { 253 text-decoration: line-through; 254} 255 256.cssInheritedRule { 257} 258 259.cssInheritLabel { 260 margin-right: 0.5em; 261 font-weight: bold; 262} 263 264.cssRule .objectLink-sourceLink { 265 top: 0; 266} 267 268.cssProp.editGroup:hover { 269 background: url(disable.png) no-repeat 2px 1px; 270 _background: url(disable.gif) no-repeat 2px 1px; 271} 272 273.cssProp.editGroup.editing { 274 background: none; 275} 276 277.cssProp.disabledStyle { 278 background: url(disableHover.png) no-repeat 2px 1px; 279 _background: url(disableHover.gif) no-repeat 2px 1px; 280 opacity: 1; 281 color: #CCCCCC; 282} 283 284.disabledStyle .cssPropName, 285.disabledStyle .cssPropValue { 286 color: #CCCCCC; 287} 288 289.cssPropValue.editing + .cssSemi, 290.inlineExpander + .cssSemi { 291 display: none; 292} 293 294.cssPropValue.editing { 295 white-space: nowrap; 296} 297 298/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 299 300.stylePropName { 301 font-weight: bold; 302 padding: 0 4px 4px 4px; 303 width: 50%; 304} 305 306.stylePropValue { 307 width: 50%; 308} 309/* 310.useA11y .a11yCSSView .focusRow:focus { 311 outline: none; 312 background-color: transparent 313 } 314 315 .useA11y .a11yCSSView .focusRow:focus .cssSelector, 316 .useA11y .a11yCSSView .focusRow:focus .cssPropName, 317 .useA11y .a11yCSSView .focusRow:focus .cssPropValue, 318 .useA11y .a11yCSSView .computedStyleRow:focus, 319 .useA11y .a11yCSSView .groupHeader:focus { 320 outline: 2px solid #FF9933; 321 outline-offset: -2px; 322 background-color: #FFFFD6; 323 } 324 325 .useA11y .a11yCSSView .groupHeader:focus { 326 outline-offset: -2px; 327 } 328/**/ 329 330 331/*************************************************************************************************/ 332/*************************************************************************************************/ 333/*************************************************************************************************/ 334/*************************************************************************************************/ 335/* Net */ 336/*************************************************************************************************/ 337/*************************************************************************************************/ 338/*************************************************************************************************/ 339 340/* See license.txt for terms of usage */ 341 342.panelNode-net { 343 overflow-x: hidden; 344} 345 346.netTable { 347 width: 100%; 348} 349 350/************************************************************************************************/ 351 352.hideCategory-undefined .category-undefined, 353.hideCategory-html .category-html, 354.hideCategory-css .category-css, 355.hideCategory-js .category-js, 356.hideCategory-image .category-image, 357.hideCategory-xhr .category-xhr, 358.hideCategory-flash .category-flash, 359.hideCategory-txt .category-txt, 360.hideCategory-bin .category-bin { 361 display: none; 362} 363 364/************************************************************************************************/ 365 366.netHeadRow { 367 background: url(chrome://firebug/skin/group.gif) repeat-x #FFFFFF; 368} 369 370.netHeadCol { 371 border-bottom: 1px solid #CCCCCC; 372 padding: 2px 4px 2px 18px; 373 font-weight: bold; 374} 375 376.netHeadLabel { 377 white-space: nowrap; 378 overflow: hidden; 379} 380 381/************************************************************************************************/ 382/* Header for Net panel table */ 383 384.netHeaderRow { 385 height: 16px; 386} 387 388.netHeaderCell { 389 cursor: pointer; 390 -moz-user-select: none; 391 border-bottom: 1px solid #9C9C9C; 392 padding: 0 !important; 393 font-weight: bold; 394 background: #BBBBBB url(chrome://firebug/skin/tableHeader.gif) repeat-x; 395 white-space: nowrap; 396} 397 398.netHeaderRow > .netHeaderCell:first-child > .netHeaderCellBox { 399 padding: 2px 14px 2px 18px; 400} 401 402.netHeaderCellBox { 403 padding: 2px 14px 2px 10px; 404 border-left: 1px solid #D9D9D9; 405 border-right: 1px solid #9C9C9C; 406} 407 408.netHeaderCell:hover:active { 409 background: #959595 url(chrome://firebug/skin/tableHeaderActive.gif) repeat-x; 410} 411 412.netHeaderSorted { 413 background: #7D93B2 url(chrome://firebug/skin/tableHeaderSorted.gif) repeat-x; 414} 415 416.netHeaderSorted > .netHeaderCellBox { 417 border-right-color: #6B7C93; 418 background: url(chrome://firebug/skin/arrowDown.png) no-repeat right; 419} 420 421.netHeaderSorted.sortedAscending > .netHeaderCellBox { 422 background-image: url(chrome://firebug/skin/arrowUp.png); 423} 424 425.netHeaderSorted:hover:active { 426 background: #536B90 url(chrome://firebug/skin/tableHeaderSortedActive.gif) repeat-x; 427} 428 429/************************************************************************************************/ 430/* Breakpoints */ 431 432.panelNode-net .netRowHeader { 433 display: block; 434} 435 436.netRowHeader { 437 cursor: pointer; 438 display: none; 439 height: 15px; 440 margin-right: 0 !important; 441} 442 443/* Display brekpoint disc */ 444.netRow .netRowHeader { 445 background-position: 5px 1px; 446} 447 448.netRow[breakpoint="true"] .netRowHeader { 449 background-image: url(chrome://firebug/skin/breakpoint.png); 450} 451 452.netRow[breakpoint="true"][disabledBreakpoint="true"] .netRowHeader { 453 background-image: url(chrome://firebug/skin/breakpointDisabled.png); 454} 455 456.netRow.category-xhr:hover .netRowHeader { 457 background-color: #F6F6F6; 458} 459 460#netBreakpointBar { 461 max-width: 38px; 462} 463 464#netHrefCol > .netHeaderCellBox { 465 border-left: 0px; 466} 467 468.netRow .netRowHeader { 469 width: 3px; 470} 471 472.netInfoRow .netRowHeader { 473 display: table-cell; 474} 475 476/************************************************************************************************/ 477/* Column visibility */ 478 479.netTable[hiddenCols~=netHrefCol] TD[id="netHrefCol"], 480.netTable[hiddenCols~=netHrefCol] TD.netHrefCol, 481.netTable[hiddenCols~=netStatusCol] TD[id="netStatusCol"], 482.netTable[hiddenCols~=netStatusCol] TD.netStatusCol, 483.netTable[hiddenCols~=netDomainCol] TD[id="netDomainCol"], 484.netTable[hiddenCols~=netDomainCol] TD.netDomainCol, 485.netTable[hiddenCols~=netSizeCol] TD[id="netSizeCol"], 486.netTable[hiddenCols~=netSizeCol] TD.netSizeCol, 487.netTable[hiddenCols~=netTimeCol] TD[id="netTimeCol"], 488.netTable[hiddenCols~=netTimeCol] TD.netTimeCol { 489 display: none; 490} 491 492/************************************************************************************************/ 493 494.netRow { 495 background: LightYellow; 496} 497 498.netRow.loaded { 499 background: #FFFFFF; 500} 501 502.netRow.loaded:hover { 503 background: #EFEFEF; 504} 505 506.netCol { 507 padding: 0; 508 vertical-align: top; 509 border-bottom: 1px solid #EFEFEF; 510 white-space: nowrap; 511 height: 17px; 512} 513 514.netLabel { 515 width: 100%; 516} 517 518.netStatusCol { 519 padding-left: 10px; 520 color: rgb(128, 128, 128); 521} 522 523.responseError > .netStatusCol { 524 color: red; 525} 526 527.netDomainCol { 528 padding-left: 5px; 529} 530 531.netSizeCol { 532 text-align: right; 533 padding-right: 10px; 534} 535 536.netHrefLabel { 537 -moz-box-sizing: padding-box; 538 overflow: hidden; 539 z-index: 10; 540 position: absolute; 541 padding-left: 18px; 542 padding-top: 1px; 543 max-width: 15%; 544 font-weight: bold; 545} 546 547.netFullHrefLabel { 548 display: none; 549 -moz-user-select: none; 550 padding-right: 10px; 551 padding-bottom: 3px; 552 max-width: 100%; 553 background: #FFFFFF; 554 z-index: 200; 555} 556 557.netHrefCol:hover > .netFullHrefLabel { 558 display: block; 559} 560 561.netRow.loaded:hover .netCol > .netFullHrefLabel { 562 background-color: #EFEFEF; 563} 564 565.useA11y .a11yShowFullLabel { 566 display: block; 567 background-image: none !important; 568 border: 1px solid #CBE087; 569 background-color: LightYellow; 570 font-family: Monaco, monospace; 571 color: #000000; 572 font-size: 10px; 573 z-index: 2147483647; 574} 575 576.netSizeLabel { 577 padding-left: 6px; 578} 579 580.netStatusLabel, 581.netDomainLabel, 582.netSizeLabel, 583.netBar { 584 padding: 1px 0 2px 0 !important; 585} 586 587.responseError { 588 color: red; 589} 590 591/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 592 593.hasHeaders .netHrefLabel:hover { 594 cursor: pointer; 595 color: blue; 596 text-decoration: underline; 597} 598 599/************************************************************************************************/ 600 601.netLoadingIcon { 602 position: absolute; 603 border: 0; 604 margin-left: 14px; 605 width: 16px; 606 height: 16px; 607 background: transparent no-repeat 0 0; 608 background-image: url(chrome://firebug/skin/loading_16.gif); 609 display:inline-block; 610} 611 612.loaded .netLoadingIcon { 613 display: none; 614} 615 616/************************************************************************************************/ 617 618.netBar, .netSummaryBar { 619 position: relative; 620 border-right: 50px solid transparent; 621} 622 623.netResolvingBar { 624 position: absolute; 625 left: 0; 626 top: 0; 627 bottom: 0; 628 background: #FFFFFF url(chrome://firebug/skin/netBarResolving.gif) repeat-x; 629 z-index:60; 630} 631 632.netConnectingBar { 633 position: absolute; 634 left: 0; 635 top: 0; 636 bottom: 0; 637 background: #FFFFFF url(chrome://firebug/skin/netBarConnecting.gif) repeat-x; 638 z-index:50; 639} 640 641.netBlockingBar { 642 position: absolute; 643 left: 0; 644 top: 0; 645 bottom: 0; 646 background: #FFFFFF url(chrome://firebug/skin/netBarWaiting.gif) repeat-x; 647 z-index:40; 648} 649 650.netSendingBar { 651 position: absolute; 652 left: 0; 653 top: 0; 654 bottom: 0; 655 background: #FFFFFF url(chrome://firebug/skin/netBarSending.gif) repeat-x; 656 z-index:30; 657} 658 659.netWaitingBar { 660 position: absolute; 661 left: 0; 662 top: 0; 663 bottom: 0; 664 background: #FFFFFF url(chrome://firebug/skin/netBarResponded.gif) repeat-x; 665 z-index:20; 666 min-width: 1px; 667} 668 669.netReceivingBar { 670 position: absolute; 671 left: 0; 672 top: 0; 673 bottom: 0; 674 background: #38D63B url(chrome://firebug/skin/netBarLoading.gif) repeat-x; 675 z-index:10; 676} 677 678.netWindowLoadBar, 679.netContentLoadBar { 680 position: absolute; 681 left: 0; 682 top: 0; 683 bottom: 0; 684 width: 1px; 685 background-color: red; 686 z-index: 70; 687 opacity: 0.5; 688 display: none; 689 margin-bottom:-1px; 690} 691 692.netContentLoadBar { 693 background-color: Blue; 694} 695 696.netTimeLabel { 697 -moz-box-sizing: padding-box; 698 position: absolute; 699 top: 1px; 700 left: 100%; 701 padding-left: 6px; 702 color: #444444; 703 min-width: 16px; 704} 705 706/* 707 * Timing info tip is reusing net timeline styles to display the same 708 * colors for individual request phases. Notice that the info tip must 709 * respect also loaded and fromCache styles that also modify the 710 * actual color. These are used both on the same element in case 711 * of the tooltip. 712 */ 713.loaded .netReceivingBar, 714.loaded.netReceivingBar { 715 background: #B6B6B6 url(chrome://firebug/skin/netBarLoaded.gif) repeat-x; 716 border-color: #B6B6B6; 717} 718 719.fromCache .netReceivingBar, 720.fromCache.netReceivingBar { 721 background: #D6D6D6 url(chrome://firebug/skin/netBarCached.gif) repeat-x; 722 border-color: #D6D6D6; 723} 724 725.netSummaryRow .netTimeLabel, 726.loaded .netTimeLabel { 727 background: transparent; 728} 729 730/************************************************************************************************/ 731/* Time Info tip */ 732 733.timeInfoTip { 734 width: 150px; 735 height: 40px 736} 737 738.timeInfoTipBar, 739.timeInfoTipEventBar { 740 position: relative; 741 display: block; 742 margin: 0; 743 opacity: 1; 744 height: 15px; 745 width: 4px; 746} 747 748.timeInfoTipEventBar { 749 width: 1px !important; 750} 751 752.timeInfoTipCell.startTime { 753 padding-right: 8px; 754} 755 756.timeInfoTipCell.elapsedTime { 757 text-align: right; 758 padding-right: 8px; 759} 760 761/************************************************************************************************/ 762/* Size Info tip */ 763 764.sizeInfoLabelCol { 765 font-weight: bold; 766 padding-right: 10px; 767 font-family: Lucida Grande, Tahoma, sans-serif; 768 font-size: 11px; 769} 770 771.sizeInfoSizeCol { 772 font-weight: bold; 773} 774 775.sizeInfoDetailCol { 776 color: gray; 777 text-align: right; 778} 779 780.sizeInfoDescCol { 781 font-style: italic; 782} 783 784/************************************************************************************************/ 785/* Summary */ 786 787.netSummaryRow .netReceivingBar { 788 background: #BBBBBB; 789 border: none; 790} 791 792.netSummaryLabel { 793 color: #222222; 794} 795 796.netSummaryRow { 797 background: #BBBBBB !important; 798 font-weight: bold; 799} 800 801.netSummaryRow .netBar { 802 border-right-color: #BBBBBB; 803} 804 805.netSummaryRow > .netCol { 806 border-top: 1px solid #999999; 807 border-bottom: 2px solid; 808 -moz-border-bottom-colors: #EFEFEF #999999; 809 padding-top: 1px; 810 padding-bottom: 2px; 811} 812 813.netSummaryRow > .netHrefCol:hover { 814 background: transparent !important; 815} 816 817.netCountLabel { 818 padding-left: 18px; 819} 820 821.netTotalSizeCol { 822 text-align: right; 823 padding-right: 10px; 824} 825 826.netTotalTimeCol { 827 text-align: right; 828} 829 830.netCacheSizeLabel { 831 position: absolute; 832 z-index: 1000; 833 left: 0; 834 top: 0; 835} 836 837/************************************************************************************************/ 838 839.netLimitRow { 840 background: rgb(255, 255, 225) !important; 841 font-weight:normal; 842 color: black; 843 font-weight:normal; 844} 845 846.netLimitLabel { 847 padding-left: 18px; 848} 849 850.netLimitRow > .netCol { 851 border-bottom: 2px solid; 852 -moz-border-bottom-colors: #EFEFEF #999999; 853 vertical-align: middle !important; 854 padding-top: 2px; 855 padding-bottom: 2px; 856} 857 858.netLimitButton { 859 font-size: 11px; 860 padding-top: 1px; 861 padding-bottom: 1px; 862} 863 864/************************************************************************************************/ 865 866.netInfoCol { 867 border-top: 1px solid #EEEEEE; 868 background: url(chrome://firebug/skin/group.gif) repeat-x #FFFFFF; 869} 870 871.netInfoBody { 872 margin: 10px 0 4px 10px; 873} 874 875.netInfoTabs { 876 position: relative; 877 padding-left: 17px; 878} 879 880.netInfoTab { 881 position: relative; 882 top: -3px; 883 margin-top: 10px; 884 padding: 4px 6px; 885 border: 1px solid transparent; 886 border-bottom: none; 887 _border: none; 888 font-weight: bold; 889 color: #565656; 890 cursor: pointer; 891} 892 893/*.netInfoTab:hover { 894 cursor: pointer; 895}*/ 896 897/* replaced by .netInfoTabSelected for IE6 support 898.netInfoTab[selected="true"] { 899 cursor: default !important; 900 border: 1px solid #D7D7D7 !important; 901 border-bottom: none !important; 902 -moz-border-radius: 4px 4px 0 0; 903 background-color: #FFFFFF; 904} 905/**/ 906.netInfoTabSelected { 907 cursor: default !important; 908 border: 1px solid #D7D7D7 !important; 909 border-bottom: none !important; 910 -moz-border-radius: 4px 4px 0 0; 911 -webkit-border-radius: 4px 4px 0 0; 912 border-radius: 4px 4px 0 0; 913 background-color: #FFFFFF; 914} 915 916.logRow-netInfo.error .netInfoTitle { 917 color: red; 918} 919 920.logRow-netInfo.loading .netInfoResponseText { 921 font-style: italic; 922 color: #888888; 923} 924 925.loading .netInfoResponseHeadersTitle { 926 display: none; 927} 928 929.netInfoResponseSizeLimit { 930 font-family: Lucida Grande, Tahoma, sans-serif; 931 padding-top: 10px; 932 font-size: 11px; 933} 934 935.netInfoText { 936 display: none; 937 margin: 0; 938 border: 1px solid #D7D7D7; 939 border-right: none; 940 padding: 8px; 941 background-color: #FFFFFF; 942 font-family: Monaco, monospace; 943 white-space: pre-wrap; 944 /*overflow-x: auto; HTML is damaged in case of big (2-3MB) responses */ 945} 946 947/* replaced by .netInfoTextSelected for IE6 support 948.netInfoText[selected="true"] { 949 display: block; 950} 951/**/ 952.netInfoTextSelected { 953 display: block; 954} 955 956.netInfoParamName { 957 padding-right: 10px; 958 font-family: Lucida Grande, Tahoma, sans-serif; 959 font-weight: bold; 960 vertical-align: top; 961 text-align: right; 962 white-space: nowrap; 963} 964 965.netInfoPostText .netInfoParamName { 966 width: 1px; /* Google Chrome need this otherwise the first column of 967 the post variables table will be larger than expected */ 968} 969 970.netInfoParamValue { 971 width: 100%; 972} 973 974.netInfoHeadersText, 975.netInfoPostText, 976.netInfoPutText { 977 padding-top: 0; 978} 979 980.netInfoHeadersGroup, 981.netInfoPostParams, 982.netInfoPostSource { 983 margin-bottom: 4px; 984 border-bottom: 1px solid #D7D7D7; 985 padding-top: 8px; 986 padding-bottom: 2px; 987 font-family: Lucida Grande, Tahoma, sans-serif; 988 font-weight: bold; 989 color: #565656; 990} 991 992.netInfoPostParamsTable, 993.netInfoPostPartsTable, 994.netInfoPostJSONTable, 995.netInfoPostXMLTable, 996.netInfoPostSourceTable { 997 margin-bottom: 10px; 998 width: 100%; 999} 1000 1001.netInfoPostContentType { 1002 color: #bdbdbd; 1003 padding-left: 50px; 1004 font-weight: normal; 1005} 1006 1007.netInfoHtmlPreview { 1008 border: 0; 1009 width: 100%; 1010 height:100%; 1011} 1012 1013/************************************************************************************************/ 1014/* Request & Response Headers */ 1015 1016.netHeadersViewSource { 1017 color: #bdbdbd; 1018 margin-left: 200px; 1019 font-weight: normal; 1020} 1021 1022.netHeadersViewSource:hover { 1023 color: blue; 1024 cursor: pointer; 1025} 1026 1027/************************************************************************************************/ 1028 1029.netActivationRow, 1030.netPageSeparatorRow { 1031 background: rgb(229, 229, 229) !important; 1032 font-weight: normal; 1033 color: black; 1034} 1035 1036.netActivationLabel { 1037 background: url(chrome://firebug/skin/infoIcon.png) no-repeat 3px 2px; 1038 padding-left: 22px; 1039} 1040 1041/************************************************************************************************/ 1042 1043.netPageSeparatorRow { 1044 height: 5px !important; 1045} 1046 1047.netPageSeparatorLabel { 1048 padding-left: 22px; 1049 height: 5px !important; 1050} 1051 1052.netPageRow { 1053 background-color: rgb(255, 255, 255); 1054} 1055 1056.netPageRow:hover { 1057 background: #EFEFEF; 1058} 1059 1060.netPageLabel { 1061 padding: 1px 0 2px 18px !important; 1062 font-weight: bold; 1063} 1064 1065/************************************************************************************************/ 1066 1067.netActivationRow > .netCol { 1068 border-bottom: 2px solid; 1069 -moz-border-bottom-colors: #EFEFEF #999999; 1070 padding-top: 2px; 1071 padding-bottom: 3px; 1072} 1073/* 1074.useA11y .panelNode-net .a11yFocus:focus, 1075.useA11y .panelNode-net .focusRow:focus { 1076 outline-offset: -2px; 1077 background-color: #FFFFD6 !important; 1078} 1079 1080.useA11y .panelNode-net .netHeaderCell:focus, 1081.useA11y .panelNode-net :focus .netHeaderCell, 1082.useA11y .panelNode-net :focus .netReceivingBar, 1083.useA11y .netSummaryRow :focus .netBar, 1084.useA11y .netSummaryRow:focus .netBar { 1085 background-color: #FFFFD6; 1086 background-image: none; 1087 border-color: #FFFFD6; 1088} 1089/**/ 1090 1091/*************************************************************************************************/ 1092/*************************************************************************************************/ 1093/*************************************************************************************************/ 1094/*************************************************************************************************/ 1095/* Windows */ 1096/*************************************************************************************************/ 1097/*************************************************************************************************/ 1098/*************************************************************************************************/ 1099 1100 1101/************************************************************************************************/ 1102/* Twisties */ 1103 1104.twisty, 1105.logRow-errorMessage > .hasTwisty > .errorTitle, 1106.logRow-log > .objectBox-array.hasTwisty, 1107.logRow-spy .spyHead .spyTitle, 1108.logGroup > .logRow, 1109.memberRow.hasChildren > .memberLabelCell > .memberLabel, 1110.hasHeaders .netHrefLabel, 1111.netPageRow > .netCol > .netPageTitle { 1112 background-image: url(tree_open.gif); 1113 background-repeat: no-repeat; 1114 background-position: 2px 2px; 1115 min-height: 12px; 1116} 1117 1118.logRow-errorMessage > .hasTwisty.opened > .errorTitle, 1119.logRow-log > .objectBox-array.hasTwisty.opened, 1120.logRow-spy.opened .spyHead .spyTitle, 1121.logGroup.opened > .logRow, 1122.memberRow.hasChildren.opened > .memberLabelCell > .memberLabel, 1123.nodeBox.highlightOpen > .nodeLabel > .twisty, 1124.nodeBox.open > .nodeLabel > .twisty, 1125.netRow.opened > .netCol > .netHrefLabel, 1126.netPageRow.opened > .netCol > .netPageTitle { 1127 background-image: url(tree_close.gif); 1128} 1129 1130.twisty { 1131 background-position: 4px 4px; 1132} 1133 1134 1135 1136/************************************************************************************************/ 1137/* Twisties IE6 */ 1138 1139/* IE6 has problems with > operator, and multiple classes */ 1140 1141* html .logRow-spy .spyHead .spyTitle, 1142* html .logGroup .logGroupLabel, 1143* html .hasChildren .memberLabelCell .memberLabel, 1144* html .hasHeaders .netHrefLabel { 1145 background-image: url(tree_open.gif); 1146 background-repeat: no-repeat; 1147 background-position: 2px 2px; 1148} 1149 1150* html .opened .spyHead .spyTitle, 1151* html .opened .logGroupLabel, 1152* html .opened .memberLabelCell .memberLabel { 1153 background-image: url(tree_close.gif); 1154 background-repeat: no-repeat; 1155 background-position: 2px 2px; 1156} 1157 1158 1159 1160/*************************************************************************************************/ 1161/*************************************************************************************************/ 1162/*************************************************************************************************/ 1163/*************************************************************************************************/ 1164/* Console */ 1165/*************************************************************************************************/ 1166/*************************************************************************************************/ 1167/*************************************************************************************************/ 1168 1169 1170/* See license.txt for terms of usage */ 1171 1172.panelNode-console { 1173 overflow-x: hidden; 1174} 1175 1176.objectLink { 1177 text-decoration: none; 1178} 1179 1180.objectLink:hover { 1181 cursor: pointer; 1182 text-decoration: underline; 1183} 1184 1185.logRow { 1186 position: relative; 1187 margin: 0; 1188 border-bottom: 1px solid #D7D7D7; 1189 padding: 2px 4px 1px 6px; 1190 background-color: #FFFFFF; 1191 overflow: hidden !important; /* IE need this to avoid disappearing bug with collapsed logs */ 1192} 1193 1194.useA11y .logRow:focus { 1195 border-bottom: 1px solid #000000 !important; 1196 outline: none !important; 1197 background-color: #FFFFAD !important; 1198} 1199 1200.useA11y .logRow:focus a.objectLink-sourceLink { 1201 background-color: #FFFFAD; 1202} 1203 1204.useA11y .a11yFocus:focus, .useA11y .objectBox:focus { 1205 outline: 2px solid #FF9933; 1206 background-color: #FFFFAD; 1207} 1208 1209.useA11y .objectBox-null:focus, .useA11y .objectBox-undefined:focus{ 1210 background-color: #888888 !important; 1211} 1212 1213.useA11y .logGroup.opened > .logRow { 1214 border-bottom: 1px solid #ffffff; 1215} 1216 1217.logGroup { 1218 background: url(group.gif) repeat-x #FFFFFF; 1219 padding: 0 !important; 1220 border: none !important; 1221} 1222 1223.logGroupBody { 1224 display: none; 1225 margin-left: 16px; 1226 border-left: 1px solid #D7D7D7; 1227 border-top: 1px solid #D7D7D7; 1228 background: #FFFFFF; 1229} 1230 1231.logGroup > .logRow { 1232 background-color: transparent !important; 1233 font-weight: bold; 1234} 1235 1236.logGroup.opened > .logRow { 1237 border-bottom: none; 1238} 1239 1240.logGroup.opened > .logGroupBody { 1241 display: block; 1242} 1243 1244/*****************************************************************************************/ 1245 1246.logRow-command > .objectBox-text { 1247 font-family: Monaco, monospace; 1248 color: #0000FF; 1249 white-space: pre-wrap; 1250} 1251 1252.logRow-info, 1253.logRow-warn, 1254.logRow-error, 1255.logRow-assert, 1256.logRow-warningMessage, 1257.logRow-errorMessage { 1258 padding-left: 22px; 1259 background-repeat: no-repeat; 1260 background-position: 4px 2px; 1261} 1262 1263.logRow-assert, 1264.logRow-warningMessage, 1265.logRow-errorMessage { 1266 padding-top: 0; 1267 padding-bottom: 0; 1268} 1269 1270.logRow-info, 1271.logRow-info .objectLink-sourceLink { 1272 background-color: #FFFFFF; 1273} 1274 1275.logRow-warn, 1276.logRow-warningMessage, 1277.logRow-warn .objectLink-sourceLink, 1278.logRow-warningMessage .objectLink-sourceLink { 1279 background-color: cyan; 1280} 1281 1282.logRow-error, 1283.logRow-assert, 1284.logRow-errorMessage, 1285.logRow-error .objectLink-sourceLink, 1286.logRow-errorMessage .objectLink-sourceLink { 1287 background-color: LightYellow; 1288} 1289 1290.logRow-error, 1291.logRow-assert, 1292.logRow-errorMessage { 1293 color: #FF0000; 1294} 1295 1296.logRow-info { 1297 /*background-image: url(chrome://firebug/skin/infoIcon.png);*/ 1298} 1299 1300.logRow-warn, 1301.logRow-warningMessage { 1302 /*background-image: url(chrome://firebug/skin/warningIcon.png);*/ 1303} 1304 1305.logRow-error, 1306.logRow-assert, 1307.logRow-errorMessage { 1308 /*background-image: url(chrome://firebug/skin/errorIcon.png);*/ 1309} 1310 1311/*****************************************************************************************/ 1312 1313.objectBox-string, 1314.objectBox-text, 1315.objectBox-number, 1316.objectLink-element, 1317.objectLink-textNode, 1318.objectLink-function, 1319.objectBox-stackTrace, 1320.objectLink-profile { 1321 font-family: Monaco, monospace; 1322} 1323 1324.objectBox-string, 1325.objectBox-text, 1326.objectLink-textNode { 1327 white-space: pre-wrap; 1328} 1329 1330.objectBox-number, 1331.objectLink-styleRule, 1332.objectLink-element, 1333.objectLink-textNode { 1334 color: #000088; 1335} 1336 1337.objectBox-string { 1338 color: #FF0000; 1339} 1340 1341.objectLink-function, 1342.objectBox-stackTrace, 1343.objectLink-profile { 1344 color: DarkGreen; 1345} 1346 1347.objectBox-null, 1348.objectBox-undefined { 1349 padding: 0 2px; 1350 border: 1px solid #666666; 1351 background-color: #888888; 1352 color: #FFFFFF; 1353} 1354 1355.objectBox-exception { 1356 padding: 0 2px 0 18px; 1357 /*background: url(chrome://firebug/skin/errorIcon-sm.png) no-repeat 0 0;*/ 1358 color: red; 1359} 1360 1361.objectLink-sourceLink { 1362 position: absolute; 1363 right: 4px; 1364 top: 2px; 1365 padding-left: 8px; 1366 font-family: Lucida Grande, sans-serif; 1367 font-weight: bold; 1368 color: #0000FF; 1369} 1370 1371/************************************************************************************************/ 1372 1373.errorTitle { 1374 margin-top: 0px; 1375 margin-bottom: 1px; 1376 padding-top: 2px; 1377 padding-bottom: 2px; 1378} 1379 1380.errorTrace { 1381 margin-left: 17px; 1382} 1383 1384.errorSourceBox { 1385 margin: 2px 0; 1386} 1387 1388.errorSource-none { 1389 display: none; 1390} 1391 1392.errorSource-syntax > .errorBreak { 1393 visibility: hidden; 1394} 1395 1396.errorSource { 1397 cursor: pointer; 1398 font-family: Monaco, monospace; 1399 color: DarkGreen; 1400} 1401 1402.errorSource:hover { 1403 text-decoration: underline; 1404} 1405 1406.errorBreak { 1407 cursor: pointer; 1408 display: none; 1409 margin: 0 6px 0 0; 1410 width: 13px; 1411 height: 14px; 1412 vertical-align: bottom; 1413 /*background: url(chrome://firebug/skin/breakpoint.png) no-repeat;*/ 1414 opacity: 0.1; 1415} 1416 1417.hasBreakSwitch .errorBreak { 1418 display: inline; 1419} 1420 1421.breakForError .errorBreak { 1422 opacity: 1; 1423} 1424 1425.assertDescription { 1426 margin: 0; 1427} 1428 1429/************************************************************************************************/ 1430 1431.logRow-profile > .logRow > .objectBox-text { 1432 font-family: Lucida Grande, Tahoma, sans-serif; 1433 color: #000000; 1434} 1435 1436.logRow-profile > .logRow > .objectBox-text:last-child { 1437 color: #555555; 1438 font-style: italic; 1439} 1440 1441.logRow-profile.opened > .logRow { 1442 padding-bottom: 4px; 1443} 1444 1445.profilerRunning > .logRow { 1446 /*background: transparent url(chrome://firebug/skin/loading_16.gif) no-repeat 2px 0 !important;*/ 1447 padding-left: 22px !important; 1448} 1449 1450/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 1451 1452.profileSizer { 1453 width:100%; 1454 overflow-x:auto; 1455 overflow-y: scroll; 1456} 1457 1458.profileTable { 1459 border-bottom: 1px solid #D7D7D7; 1460 padding: 0 0 4px 0; 1461} 1462 1463.profileTable tr[odd="1"] { 1464 background-color: #F5F5F5; 1465 vertical-align:middle; 1466} 1467 1468.profileTable a { 1469 vertical-align:middle; 1470} 1471 1472.profileTable td { 1473 padding: 1px 4px 0 4px; 1474} 1475 1476.headerCell { 1477 cursor: pointer; 1478 -moz-user-select: none; 1479 border-bottom: 1px solid #9C9C9C; 1480 padding: 0 !important; 1481 font-weight: bold; 1482 /*background: #BBBBBB url(chrome://firebug/skin/tableHeader.gif) repeat-x;*/ 1483} 1484 1485.headerCellBox { 1486 padding: 2px 4px; 1487 border-left: 1px solid #D9D9D9; 1488 border-right: 1px solid #9C9C9C; 1489} 1490 1491.headerCell:hover:active { 1492 /*background: #959595 url(chrome://firebug/skin/tableHeaderActive.gif) repeat-x;*/ 1493} 1494 1495.headerSorted { 1496 /*background: #7D93B2 url(chrome://firebug/skin/tableHeaderSorted.gif) repeat-x;*/ 1497} 1498 1499.headerSorted > .headerCellBox { 1500 border-right-color: #6B7C93; 1501 /*background: url(chrome://firebug/skin/arrowDown.png) no-repeat right;*/ 1502} 1503 1504.headerSorted.sortedAscending > .headerCellBox { 1505 /*background-image: url(chrome://firebug/skin/arrowUp.png);*/ 1506} 1507 1508.headerSorted:hover:active { 1509 /*background: #536B90 url(chrome://firebug/skin/tableHeaderSortedActive.gif) repeat-x;*/ 1510} 1511 1512.linkCell { 1513 text-align: right; 1514} 1515 1516.linkCell > .objectLink-sourceLink { 1517 position: static; 1518} 1519 1520/*****************************************************************************************/ 1521 1522.logRow-stackTrace { 1523 padding-top: 0; 1524 background: #f8f8f8; 1525} 1526 1527.logRow-stackTrace > .objectBox-stackFrame { 1528 position: relative; 1529 padding-top: 2px; 1530} 1531 1532/************************************************************************************************/ 1533 1534.objectLink-object { 1535 font-family: Lucida Grande, sans-serif; 1536 font-weight: bold; 1537 color: DarkGreen; 1538 white-space: pre-wrap; 1539} 1540 1541/* xxxpedro reps object representation .................................... */ 1542.objectProp-object { 1543 color: DarkGreen; 1544} 1545 1546.objectProps { 1547 color: #000; 1548 font-weight: normal; 1549} 1550 1551.objectPropName { 1552 /*font-style: italic;*/ 1553 color: #777; 1554} 1555 1556/* 1557.objectProps .objectProp-string, 1558.objectProps .objectProp-number, 1559.objectProps .objectProp-object 1560{ 1561 font-style: italic; 1562} 1563/**/ 1564 1565.objectProps .objectProp-string 1566{ 1567 /*font-family: Monaco, monospace;*/ 1568 color: #f55; 1569} 1570.objectProps .objectProp-number 1571{ 1572 /*font-family: Monaco, monospace;*/ 1573 color: #55a; 1574} 1575.objectProps .objectProp-object 1576{ 1577 /*font-family: Lucida Grande,sans-serif;*/ 1578 color: #585; 1579} 1580/* xxxpedro reps object representation .................................... */ 1581 1582/************************************************************************************************/ 1583 1584.selectorTag, 1585.selectorId, 1586.selectorClass { 1587 font-family: Monaco, monospace; 1588 font-weight: normal; 1589} 1590 1591.selectorTag { 1592 color: #0000FF; 1593} 1594 1595.selectorId { 1596 color: DarkBlue; 1597} 1598 1599.selectorClass { 1600 color: red; 1601} 1602 1603.selectorHidden > .selectorTag { 1604 color: #5F82D9; 1605} 1606 1607.selectorHidden > .selectorId { 1608 color: #888888; 1609} 1610 1611.selectorHidden > .selectorClass { 1612 color: #D86060; 1613} 1614 1615.selectorValue { 1616 font-family: Lucida Grande, sans-serif; 1617 font-style: italic; 1618 color: #555555; 1619} 1620 1621/*****************************************************************************************/ 1622 1623.panelNode.searching .logRow { 1624 display: none; 1625} 1626 1627.logRow.matched { 1628 display: block !important; 1629} 1630 1631.logRow.matching { 1632 position: absolute; 1633 left: -1000px; 1634 top: -1000px; 1635 max-width: 0; 1636 max-height: 0; 1637 overflow: hidden; 1638} 1639 1640/*****************************************************************************************/ 1641 1642.objectLeftBrace, 1643.objectRightBrace, 1644.objectEqual, 1645.objectComma, 1646.arrayLeftBracket, 1647.arrayRightBracket, 1648.arrayComma { 1649 font-family: Monaco, monospace; 1650} 1651 1652.objectLeftBrace, 1653.objectRightBrace, 1654.arrayLeftBracket, 1655.arrayRightBracket { 1656 font-weight: bold; 1657} 1658 1659.objectLeftBrace, 1660.arrayLeftBracket { 1661 margin-right: 4px; 1662} 1663 1664.objectRightBrace, 1665.arrayRightBracket { 1666 margin-left: 4px; 1667} 1668 1669/*****************************************************************************************/ 1670 1671.logRow-dir { 1672 padding: 0; 1673} 1674 1675/************************************************************************************************/ 1676 1677/* 1678.logRow-errorMessage > .hasTwisty > .errorTitle, 1679.logRow-spy .spyHead .spyTitle, 1680.logGroup > .logRow 1681*/ 1682.logRow-errorMessage .hasTwisty .errorTitle, 1683.logRow-spy .spyHead .spyTitle, 1684.logGroup .logRow { 1685 cursor: pointer; 1686 padding-left: 18px; 1687 background-repeat: no-repeat; 1688 background-position: 3px 3px; 1689} 1690 1691.logRow-errorMessage > .hasTwisty > .errorTitle { 1692 background-position: 2px 3px; 1693} 1694 1695.logRow-errorMessage > .hasTwisty > .errorTitle:hover, 1696.logRow-spy .spyHead .spyTitle:hover, 1697.logGroup > .logRow:hover { 1698 text-decoration: underline; 1699} 1700 1701/*****************************************************************************************/ 1702 1703.logRow-spy { 1704 padding: 0 !important; 1705} 1706 1707.logRow-spy, 1708.logRow-spy .objectLink-sourceLink { 1709 background: url(group.gif) repeat-x #FFFFFF; 1710 padding-right: 4px; 1711 right: 0; 1712} 1713 1714.logRow-spy.opened { 1715 padding-bottom: 4px; 1716 border-bottom: none; 1717} 1718 1719.spyTitle { 1720 color: #000000; 1721 font-weight: bold; 1722 -moz-box-sizing: padding-box; 1723 overflow: hidden; 1724 z-index: 100; 1725 padding-left: 18px; 1726} 1727 1728.spyCol { 1729 padding: 0; 1730 white-space: nowrap; 1731 height: 16px; 1732} 1733 1734.spyTitleCol:hover > .objectLink-sourceLink, 1735.spyTitleCol:hover > .spyTime, 1736.spyTitleCol:hover > .spyStatus, 1737.spyTitleCol:hover > .spyTitle { 1738 display: none; 1739} 1740 1741.spyFullTitle { 1742 display: none; 1743 -moz-user-select: none; 1744 max-width: 100%; 1745 background-color: Transparent; 1746} 1747 1748.spyTitleCol:hover > .spyFullTitle { 1749 display: block; 1750} 1751 1752.spyStatus { 1753 padding-left: 10px; 1754 color: rgb(128, 128, 128); 1755} 1756 1757.spyTime { 1758 margin-left:4px; 1759 margin-right:4px; 1760 color: rgb(128, 128, 128); 1761} 1762 1763.spyIcon { 1764 margin-right: 4px; 1765 margin-left: 4px; 1766 width: 16px; 1767 height: 16px; 1768 vertical-align: middle; 1769 background: transparent no-repeat 0 0; 1770 display: none; 1771} 1772 1773.loading .spyHead .spyRow .spyIcon { 1774 background-image: url(loading_16.gif); 1775 display: block; 1776} 1777 1778.logRow-spy.loaded:not(.error) .spyHead .spyRow .spyIcon { 1779 width: 0; 1780 margin: 0; 1781} 1782 1783.logRow-spy.error .spyHead .spyRow .spyIcon { 1784 background-image: url(errorIcon-sm.png); 1785 display: block; 1786 background-position: 2px 2px; 1787} 1788 1789.logRow-spy .spyHead .netInfoBody { 1790 display: none; 1791} 1792 1793.logRow-spy.opened .spyHead .netInfoBody { 1794 margin-top: 10px; 1795 display: block; 1796} 1797 1798.logRow-spy.error .spyTitle, 1799.logRow-spy.error .spyStatus, 1800.logRow-spy.error .spyTime { 1801 color: red; 1802} 1803 1804.logRow-spy.loading .spyResponseText { 1805 font-style: italic; 1806 color: #888888; 1807} 1808 1809/************************************************************************************************/ 1810 1811.caption { 1812 font-family: Lucida Grande, Tahoma, sans-serif; 1813 font-weight: bold; 1814 color: #444444; 1815} 1816 1817.warning { 1818 padding: 10px; 1819 font-family: Lucida Grande, Tahoma, sans-serif; 1820 font-weight: bold; 1821 color: #888888; 1822} 1823 1824 1825 1826 1827/*************************************************************************************************/ 1828/*************************************************************************************************/ 1829/*************************************************************************************************/ 1830/*************************************************************************************************/ 1831/* DOM */ 1832/*************************************************************************************************/ 1833/*************************************************************************************************/ 1834/*************************************************************************************************/ 1835 1836 1837/* See license.txt for terms of usage */ 1838 1839.panelNode-dom { 1840 overflow-x: hidden !important; 1841} 1842 1843.domTable { 1844 font-size: 1em; 1845 width: 100%; 1846 table-layout: fixed; 1847 background: #fff; 1848} 1849 1850.domTableIE { 1851 width: auto; 1852} 1853 1854.memberLabelCell { 1855 padding: 2px 0 2px 0; 1856 vertical-align: top; 1857} 1858 1859.memberValueCell { 1860 padding: 1px 0 1px 5px; 1861 display: block; 1862 overflow: hidden; 1863} 1864 1865.memberLabel { 1866 display: block; 1867 cursor: default; 1868 -moz-user-select: none; 1869 overflow: hidden; 1870 /*position: absolute;*/ 1871 padding-left: 18px; 1872 /*max-width: 30%;*/ 1873 /*white-space: nowrap;*/ 1874 background-color: #FFFFFF; 1875 text-decoration: none; 1876} 1877 1878/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 1879 1880.memberRow.hasChildren .memberLabelCell .memberLabel:hover { 1881 cursor: pointer; 1882 color: blue; 1883 text-decoration: underline; 1884} 1885 1886/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 1887 1888.userLabel { 1889 color: #000000; 1890 font-weight: bold; 1891} 1892 1893.userClassLabel { 1894 color: #E90000; 1895 font-weight: bold; 1896} 1897 1898.userFunctionLabel { 1899 color: #025E2A; 1900 font-weight: bold; 1901} 1902 1903.domLabel { 1904 color: #000000; 1905} 1906 1907.domFunctionLabel { 1908 color: #025E2A; 1909} 1910 1911.ordinalLabel { 1912 color: SlateBlue; 1913 font-weight: bold; 1914} 1915 1916/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 1917.scopesRow { 1918 padding: 2px 18px; 1919 background-color: LightYellow; 1920 border-bottom: 5px solid #BEBEBE; 1921 color: #666666; 1922} 1923.scopesLabel { 1924 background-color: LightYellow; 1925} 1926 1927/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 1928 1929.watchEditCell { 1930 padding: 2px 18px; 1931 background-color: LightYellow; 1932 border-bottom: 1px solid #BEBEBE; 1933 color: #666666; 1934} 1935 1936.editor-watchNewRow, 1937.editor-memberRow { 1938 font-family: Monaco, monospace !important; 1939} 1940 1941.editor-memberRow { 1942 padding: 1px 0 !important; 1943} 1944 1945.editor-watchRow { 1946 padding-bottom: 0 !important; 1947} 1948 1949.watchRow > .memberLabelCell { 1950 font-family: Monaco, monospace; 1951 padding-top: 1px; 1952 padding-bottom: 1px; 1953} 1954 1955.watchRow > .memberLabelCell > .memberLabel { 1956 background-color: transparent; 1957} 1958 1959.watchRow > .memberValueCell { 1960 padding-top: 2px; 1961 padding-bottom: 2px; 1962} 1963 1964.watchRow > .memberLabelCell, 1965.watchRow > .memberValueCell { 1966 background-color: #F5F5F5; 1967 border-bottom: 1px solid #BEBEBE; 1968} 1969 1970/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 1971 1972.watchToolbox { 1973 z-index: 2147483647; 1974 position: absolute; 1975 right: 0; 1976 padding: 1px 2px; 1977} 1978 1979 1980/*************************************************************************************************/ 1981/*************************************************************************************************/ 1982/*************************************************************************************************/ 1983/*************************************************************************************************/ 1984/*************************************************************************************************/ 1985/*************************************************************************************************/ 1986/*************************************************************************************************/ 1987/* FROM ORIGINAL FIREBUG */ 1988 1989 1990 1991 1992/************************************************************************************************ 1993 CSS Not organized 1994*************************************************************************************************/ 1995#fbConsole { 1996 overflow-x: hidden !important; 1997} 1998 1999#fbCSS { 2000 font: 1em Monaco, monospace; 2001 padding: 0 7px; 2002} 2003 2004#fbstylesheetButtons select, #fbScriptButtons select { 2005 font: 11px Lucida Grande, Tahoma, sans-serif; 2006 margin-top: 1px; 2007 padding-left: 3px; 2008 background: #fafafa; 2009 border: 1px inset #fff; 2010 width: 220px; 2011 outline: none; 2012} 2013 2014.Selector { margin-top:10px } 2015.CSSItem {margin-left: 4% } 2016.CSSText { padding-left:20px; } 2017.CSSProperty { color:#005500; } 2018.CSSValue { padding-left:5px; color:#000088; } 2019 2020 2021/************************************************************************************************ 2022 Not organized 2023*************************************************************************************************/ 2024 2025#fbHTMLStatusBar { 2026 display: inline; 2027} 2028 2029.fbToolbarButtons { 2030 display: none; 2031} 2032 2033.fbStatusSeparator{ 2034 display: block; 2035 float: left; 2036 padding-top: 4px; 2037} 2038 2039#fbStatusBarBox { 2040 display: none; 2041} 2042 2043#fbToolbarContent { 2044 display: block; 2045 position: absolute; 2046 _position: absolute; 2047 top: 0; 2048 padding-top: 4px; 2049 height: 23px; 2050 clip: rect(0, 2048px, 27px, 0); 2051} 2052 2053.fbTabMenuTarget { 2054 display: none !important; 2055 float: left; 2056 width: 10px; 2057 height: 10px; 2058 margin-top: 6px; 2059 background: url(tabMenuTarget.png); 2060} 2061 2062.fbTabMenuTarget:hover { 2063 background: url(tabMenuTargetHover.png); 2064} 2065 2066.fbShadow { 2067 float: left; 2068 background: url(shadowAlpha.png) no-repeat bottom right !important; 2069 background: url(shadow2.gif) no-repeat bottom right; 2070 margin: 10px 0 0 10px !important; 2071 margin: 10px 0 0 5px; 2072} 2073 2074.fbShadowContent { 2075 display: block; 2076 position: relative; 2077 background-color: #fff; 2078 border: 1px solid #a9a9a9; 2079 top: -6px; 2080 left: -6px; 2081} 2082 2083.fbMenu { 2084 display: none; 2085 position: absolute; 2086 font-size: 11px; 2087 line-height: 13px; 2088 z-index: 2147483647; 2089} 2090 2091.fbMenuContent { 2092 padding: 2px; 2093} 2094 2095.fbMenuSeparator { 2096 display: block; 2097 position: relative; 2098 padding: 1px 18px 0; 2099 text-decoration: none; 2100 color: #000; 2101 cursor: default; 2102 background: #ACA899; 2103 margin: 4px 0; 2104} 2105 2106.fbMenuOption 2107{ 2108 display: block; 2109 position: relative; 2110 padding: 2px 18px; 2111 text-decoration: none; 2112 color: #000; 2113 cursor: default; 2114} 2115 2116.fbMenuOption:hover 2117{ 2118 color: #fff; 2119 background: #316AC5; 2120} 2121 2122.fbMenuGroup { 2123 background: transparent url(tabMenuPin.png) no-repeat right 0; 2124} 2125 2126.fbMenuGroup:hover { 2127 background: #316AC5 url(tabMenuPin.png) no-repeat right -17px; 2128} 2129 2130.fbMenuGroupSelected { 2131 color: #fff; 2132 background: #316AC5 url(tabMenuPin.png) no-repeat right -17px; 2133} 2134 2135.fbMenuChecked { 2136 background: transparent url(tabMenuCheckbox.png) no-repeat 4px 0; 2137} 2138 2139.fbMenuChecked:hover { 2140 background: #316AC5 url(tabMenuCheckbox.png) no-repeat 4px -17px; 2141} 2142 2143.fbMenuRadioSelected { 2144 background: transparent url(tabMenuRadio.png) no-repeat 4px 0; 2145} 2146 2147.fbMenuRadioSelected:hover { 2148 background: #316AC5 url(tabMenuRadio.png) no-repeat 4px -17px; 2149} 2150 2151.fbMenuShortcut { 2152 padding-right: 85px; 2153} 2154 2155.fbMenuShortcutKey { 2156 position: absolute; 2157 right: 0; 2158 top: 2px; 2159 width: 77px; 2160} 2161 2162#fbFirebugMenu { 2163 top: 22px; 2164 left: 0; 2165} 2166 2167.fbMenuDisabled { 2168 color: #ACA899 !important; 2169} 2170 2171#fbFirebugSettingsMenu { 2172 left: 245px; 2173 top: 99px; 2174} 2175 2176#fbConsoleMenu { 2177 top: 42px; 2178 left: 48px; 2179} 2180 2181.fbIconButton { 2182 display: block; 2183} 2184 2185.fbIconButton { 2186 display: block; 2187} 2188 2189.fbIconButton { 2190 display: block; 2191 float: left; 2192 height: 20px; 2193 width: 20px; 2194 color: #000; 2195 margin-right: 2px; 2196 text-decoration: none; 2197 cursor: default; 2198} 2199 2200.fbIconButton:hover { 2201 position: relative; 2202 top: -1px; 2203 left: -1px; 2204 margin-right: 0; 2205 _margin-right: 1px; 2206 color: #333; 2207 border: 1px solid #fff; 2208 border-bottom: 1px solid #bbb; 2209 border-right: 1px solid #bbb; 2210} 2211 2212.fbIconPressed { 2213 position: relative; 2214 margin-right: 0; 2215 _margin-right: 1px; 2216 top: 0 !important; 2217 left: 0 !important; 2218 height: 19px; 2219 color: #333 !important; 2220 border: 1px solid #bbb !important; 2221 border-bottom: 1px solid #cfcfcf !important; 2222 border-right: 1px solid #ddd !important; 2223} 2224 2225 2226 2227/************************************************************************************************ 2228 Error Popup 2229*************************************************************************************************/ 2230#fbErrorPopup { 2231 position: absolute; 2232 right: 0; 2233 bottom: 0; 2234 height: 19px; 2235 width: 75px; 2236 background: url(sprite.png) #f1f2ee 0 0; 2237 z-index: 999; 2238} 2239 2240#fbErrorPopupContent { 2241 position: absolute; 2242 right: 0; 2243 top: 1px; 2244 height: 18px; 2245 width: 75px; 2246 _width: 74px; 2247 border-left: 1px solid #aca899; 2248} 2249 2250#fbErrorIndicator { 2251 position: absolute; 2252 top: 2px; 2253 right: 5px; 2254} 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265.fbBtnInspectActive { 2266 background: #aaa; 2267 color: #fff !important; 2268} 2269 2270/************************************************************************************************ 2271 General 2272*************************************************************************************************/ 2273.fbBody { 2274 margin: 0; 2275 padding: 0; 2276 overflow: hidden; 2277 2278 font-family: Lucida Grande, Tahoma, sans-serif; 2279 font-size: 11px; 2280 background: #fff; 2281} 2282 2283.clear { 2284 clear: both; 2285} 2286 2287/************************************************************************************************ 2288 Mini Chrome 2289*************************************************************************************************/ 2290#fbMiniChrome { 2291 display: none; 2292 right: 0; 2293 height: 27px; 2294 background: url(sprite.png) #f1f2ee 0 0; 2295 margin-left: 1px; 2296} 2297 2298#fbMiniContent { 2299 display: block; 2300 position: relative; 2301 left: -1px; 2302 right: 0; 2303 top: 1px; 2304 height: 25px; 2305 border-left: 1px solid #aca899; 2306} 2307 2308#fbToolbarSearch { 2309 float: right; 2310 border: 1px solid #ccc; 2311 margin: 0 5px 0 0; 2312 background: #fff url(search.png) no-repeat 4px 2px !important; 2313 background: #fff url(search.gif) no-repeat 4px 2px; 2314 padding-left: 20px; 2315 font-size: 11px; 2316} 2317 2318#fbToolbarErrors { 2319 float: right; 2320 margin: 1px 4px 0 0; 2321 font-size: 11px; 2322} 2323 2324#fbLeftToolbarErrors { 2325 float: left; 2326 margin: 7px 0px 0 5px; 2327 font-size: 11px; 2328} 2329 2330.fbErrors { 2331 padding-left: 20px; 2332 height: 14px; 2333 background: url(errorIcon.png) no-repeat !important; 2334 background: url(errorIcon.gif) no-repeat; 2335 color: #f00; 2336 font-weight: bold; 2337} 2338 2339#fbMiniErrors { 2340 display: inline; 2341 display: none; 2342 float: right; 2343 margin: 5px 2px 0 5px; 2344} 2345 2346#fbMiniIcon { 2347 float: right; 2348 margin: 3px 4px 0; 2349 height: 20px; 2350 width: 20px; 2351 float: right; 2352 background: url(sprite.png) 0 -135px; 2353 cursor: pointer; 2354} 2355 2356 2357/************************************************************************************************ 2358 Master Layout 2359*************************************************************************************************/ 2360#fbChrome { 2361 font-family: Lucida Grande, Tahoma, sans-serif; 2362 font-size: 11px; 2363 position: absolute; 2364 _position: static; 2365 top: 0; 2366 left: 0; 2367 height: 100%; 2368 width: 100%; 2369 border-collapse: collapse; 2370 border-spacing: 0; 2371 background: #fff; 2372 overflow: hidden; 2373} 2374 2375#fbChrome > tbody > tr > td { 2376 padding: 0; 2377} 2378 2379#fbTop { 2380 height: 49px; 2381} 2382 2383#fbToolbar { 2384 background: url(sprite.png) #f1f2ee 0 0; 2385 height: 27px; 2386 font-size: 11px; 2387 line-height: 13px; 2388} 2389 2390#fbPanelBarBox { 2391 background: url(sprite.png) #dbd9c9 0 -27px; 2392 height: 22px; 2393} 2394 2395#fbContent { 2396 height: 100%; 2397 vertical-align: top; 2398} 2399 2400#fbBottom { 2401 height: 18px; 2402 background: #fff; 2403} 2404 2405/************************************************************************************************ 2406 Sub-Layout 2407*************************************************************************************************/ 2408 2409/* fbToolbar 2410*************************************************************************************************/ 2411#fbToolbarIcon { 2412 float: left; 2413 padding: 0 5px 0; 2414} 2415 2416#fbToolbarIcon a { 2417 background: url(sprite.png) 0 -135px; 2418} 2419 2420#fbToolbarButtons { 2421 padding: 0 2px 0 5px; 2422} 2423 2424#fbToolbarButtons { 2425 padding: 0 2px 0 5px; 2426} 2427/* 2428#fbStatusBarBox a { 2429 text-decoration: none; 2430 display: block; 2431 float: left; 2432 color: #000; 2433 padding: 4px 5px; 2434 margin: 0 0 0 1px; 2435 cursor: default; 2436} 2437 2438#fbStatusBarBox a:hover { 2439 color: #333; 2440 padding: 3px 4px; 2441 border: 1px solid #fff; 2442 border-bottom: 1px solid #bbb; 2443 border-right: 1px solid #bbb; 2444} 2445/**/ 2446 2447.fbButton { 2448 text-decoration: none; 2449 display: block; 2450 float: left; 2451 color: #000; 2452 padding: 4px 6px 4px 7px; 2453 cursor: default; 2454} 2455 2456.fbButton:hover { 2457 color: #333; 2458 background: #f5f5ef url(buttonBg.png); 2459 padding: 3px 5px 3px 6px; 2460 border: 1px solid #fff; 2461 border-bottom: 1px solid #bbb; 2462 border-right: 1px solid #bbb; 2463} 2464 2465.fbBtnPressed { 2466 background: #e3e3db url(buttonBgHover.png) !important; 2467 padding: 3px 4px 2px 6px !important; 2468 margin: 1px 0 0 1px !important; 2469 border: 1px solid #ACA899 !important; 2470 border-color: #ACA899 #ECEBE3 #ECEBE3 #ACA899 !important; 2471} 2472 2473#fbStatusBarBox { 2474 top: 4px; 2475 cursor: default; 2476} 2477 2478.fbToolbarSeparator { 2479 overflow: hidden; 2480 border: 1px solid; 2481 border-color: transparent #fff transparent #777; 2482 _border-color: #eee #fff #eee #777; 2483 height: 7px; 2484 margin: 6px 3px; 2485 float: left; 2486} 2487 2488.fbBtnSelected { 2489 font-weight: bold; 2490} 2491 2492.fbStatusBar { 2493 color: #aca899; 2494} 2495 2496.fbStatusBar a { 2497 text-decoration: none; 2498 color: black; 2499} 2500 2501.fbStatusBar a:hover { 2502 color: blue; 2503 cursor: pointer; 2504} 2505 2506 2507#fbWindowButtons { 2508 position: absolute; 2509 white-space: nowrap; 2510 right: 0; 2511 top: 0; 2512 height: 17px; 2513 width: 48px; 2514 padding: 5px; 2515 z-index: 6; 2516 background: url(sprite.png) #f1f2ee 0 0; 2517} 2518 2519/* fbPanelBarBox 2520*************************************************************************************************/ 2521 2522#fbPanelBar1 { 2523 width: 1024px; /* fixed width to avoid tabs breaking line */ 2524 z-index: 8; 2525 left: 0; 2526 white-space: nowrap; 2527 background: url(sprite.png) #dbd9c9 0 -27px; 2528 position: absolute; 2529 left: 4px; 2530} 2531 2532#fbPanelBar2Box { 2533 background: url(sprite.png) #dbd9c9 0 -27px; 2534 position: absolute; 2535 height: 22px; 2536 width: 300px; /* fixed width to avoid tabs breaking line */ 2537 z-index: 9; 2538 right: 0; 2539} 2540 2541#fbPanelBar2 { 2542 position: absolute; 2543 width: 290px; /* fixed width to avoid tabs breaking line */ 2544 height: 22px; 2545 padding-left: 4px; 2546} 2547 2548/* body 2549*************************************************************************************************/ 2550.fbPanel { 2551 display: none; 2552} 2553 2554#fbPanelBox1, #fbPanelBox2 { 2555 max-height: inherit; 2556 height: 100%; 2557 font-size: 1em; 2558} 2559 2560#fbPanelBox2 { 2561 background: #fff; 2562} 2563 2564#fbPanelBox2 { 2565 width: 300px; 2566 background: #fff; 2567} 2568 2569#fbPanel2 { 2570 margin-left: 6px; 2571 background: #fff; 2572} 2573 2574#fbLargeCommandLine { 2575 display: none; 2576 position: absolute; 2577 z-index: 9; 2578 top: 27px; 2579 right: 0; 2580 width: 294px; 2581 height: 201px; 2582 border-width: 0; 2583 margin: 0; 2584 padding: 2px 0 0 2px; 2585 resize: none; 2586 outline: none; 2587 font-size: 11px; 2588 overflow: auto; 2589 border-top: 1px solid #B9B7AF; 2590 _right: -1px; 2591 _border-left: 1px solid #fff; 2592} 2593 2594#fbLargeCommandButtons { 2595 display: none; 2596 background: #ECE9D8; 2597 bottom: 0; 2598 right: 0; 2599 width: 294px; 2600 height: 21px; 2601 padding-top: 1px; 2602 position: fixed; 2603 border-top: 1px solid #ACA899; 2604 z-index: 9; 2605} 2606 2607#fbSmallCommandLineIcon { 2608 background: url(down.png) no-repeat; 2609 position: absolute; 2610 right: 2px; 2611 bottom: 3px; 2612 2613 z-index: 99; 2614} 2615 2616#fbSmallCommandLineIcon:hover { 2617 background: url(downHover.png) no-repeat; 2618} 2619 2620.hide { 2621 overflow: hidden !important; 2622 position: fixed !important; 2623 display: none !important; 2624 visibility: hidden !important; 2625} 2626 2627/* fbBottom 2628*************************************************************************************************/ 2629 2630#fbCommand { 2631 height: 18px; 2632} 2633 2634#fbCommandBox { 2635 position: fixed; 2636 _position: absolute; 2637 width: 100%; 2638 height: 18px; 2639 bottom: 0; 2640 overflow: hidden; 2641 z-index: 9; 2642 background: #fff; 2643 border: 0; 2644 border-top: 1px solid #ccc; 2645} 2646 2647#fbCommandIcon { 2648 position: absolute; 2649 color: #00f; 2650 top: 2px; 2651 left: 6px; 2652 display: inline; 2653 font: 11px Monaco, monospace; 2654 z-index: 10; 2655} 2656 2657#fbCommandLine { 2658 position: absolute; 2659 width: 100%; 2660 top: 0; 2661 left: 0; 2662 border: 0; 2663 margin: 0; 2664 padding: 2px 0 2px 32px; 2665 font: 11px Monaco, monospace; 2666 z-index: 9; 2667 outline: none; 2668} 2669 2670#fbLargeCommandLineIcon { 2671 background: url(up.png) no-repeat; 2672 position: absolute; 2673 right: 1px; 2674 bottom: 1px; 2675 z-index: 10; 2676} 2677 2678#fbLargeCommandLineIcon:hover { 2679 background: url(upHover.png) no-repeat; 2680} 2681 2682div.fbFitHeight { 2683 overflow: auto; 2684 position: relative; 2685} 2686 2687 2688/************************************************************************************************ 2689 Layout Controls 2690*************************************************************************************************/ 2691 2692/* fbToolbar buttons 2693*************************************************************************************************/ 2694.fbSmallButton { 2695 overflow: hidden; 2696 width: 16px; 2697 height: 16px; 2698 display: block; 2699 text-decoration: none; 2700 cursor: default; 2701} 2702 2703#fbWindowButtons .fbSmallButton { 2704 float: right; 2705} 2706 2707#fbWindow_btClose { 2708 background: url(min.png); 2709} 2710 2711#fbWindow_btClose:hover { 2712 background: url(minHover.png); 2713} 2714 2715#fbWindow_btDetach { 2716 background: url(detach.png); 2717} 2718 2719#fbWindow_btDetach:hover { 2720 background: url(detachHover.png); 2721} 2722 2723#fbWindow_btDeactivate { 2724 background: url(off.png); 2725} 2726 2727#fbWindow_btDeactivate:hover { 2728 background: url(offHover.png); 2729} 2730 2731 2732/* fbPanelBarBox tabs 2733*************************************************************************************************/ 2734.fbTab { 2735 text-decoration: none; 2736 display: none; 2737 float: left; 2738 width: auto; 2739 float: left; 2740 cursor: default; 2741 font-family: Lucida Grande, Tahoma, sans-serif; 2742 font-size: 11px; 2743 line-height: 13px; 2744 font-weight: bold; 2745 height: 22px; 2746 color: #565656; 2747} 2748 2749.fbPanelBar span { 2750 /*display: block; TODO: safe to remove this? */ 2751 float: left; 2752} 2753 2754.fbPanelBar .fbTabL,.fbPanelBar .fbTabR { 2755 height: 22px; 2756 width: 8px; 2757} 2758 2759.fbPanelBar .fbTabText { 2760 padding: 4px 1px 0; 2761} 2762 2763a.fbTab:hover { 2764 background: url(sprite.png) 0 -73px; 2765} 2766 2767a.fbTab:hover .fbTabL { 2768 background: url(sprite.png) -16px -96px; 2769} 2770 2771a.fbTab:hover .fbTabR { 2772 background: url(sprite.png) -24px -96px; 2773} 2774 2775.fbSelectedTab { 2776 background: url(sprite.png) #f1f2ee 0 -50px !important; 2777 color: #000; 2778} 2779 2780.fbSelectedTab .fbTabL { 2781 background: url(sprite.png) 0 -96px !important; 2782} 2783 2784.fbSelectedTab .fbTabR { 2785 background: url(sprite.png) -8px -96px !important; 2786} 2787 2788/* splitters 2789*************************************************************************************************/ 2790#fbHSplitter { 2791 position: fixed; 2792 _position: absolute; 2793 left: 0; 2794 top: 0; 2795 width: 100%; 2796 height: 5px; 2797 overflow: hidden; 2798 cursor: n-resize !important; 2799 background: url(pixel_transparent.gif); 2800 z-index: 9; 2801} 2802 2803#fbHSplitter.fbOnMovingHSplitter { 2804 height: 100%; 2805 z-index: 100; 2806} 2807 2808.fbVSplitter { 2809 background: #ece9d8; 2810 color: #000; 2811 border: 1px solid #716f64; 2812 border-width: 0 1px; 2813 border-left-color: #aca899; 2814 width: 4px; 2815 cursor: e-resize; 2816 overflow: hidden; 2817 right: 294px; 2818 text-decoration: none; 2819 z-index: 10; 2820 position: absolute; 2821 height: 100%; 2822 top: 27px; 2823} 2824 2825/************************************************************************************************/ 2826div.lineNo { 2827 font: 1em/1.4545em Monaco, monospace; 2828 position: relative; 2829 float: left; 2830 top: 0; 2831 left: 0; 2832 margin: 0 5px 0 0; 2833 padding: 0 5px 0 10px; 2834 background: #eee; 2835 color: #888; 2836 border-right: 1px solid #ccc; 2837 text-align: right; 2838} 2839 2840.sourceBox { 2841 position: absolute; 2842} 2843 2844.sourceCode { 2845 font: 1em Monaco, monospace; 2846 overflow: hidden; 2847 white-space: pre; 2848 display: inline; 2849} 2850 2851/************************************************************************************************/ 2852.nodeControl { 2853 margin-top: 3px; 2854 margin-left: -14px; 2855 float: left; 2856 width: 9px; 2857 height: 9px; 2858 overflow: hidden; 2859 cursor: default; 2860 background: url(tree_open.gif); 2861 _float: none; 2862 _display: inline; 2863 _position: absolute; 2864} 2865 2866div.nodeMaximized { 2867 background: url(tree_close.gif); 2868} 2869 2870div.objectBox-element { 2871 padding: 1px 3px; 2872} 2873.objectBox-selector{ 2874 cursor: default; 2875} 2876 2877.selectedElement{ 2878 background: highlight; 2879 /* background: url(roundCorner.svg); Opera */ 2880 color: #fff !important; 2881} 2882.selectedElement span{ 2883 color: #fff !important; 2884} 2885 2886/* IE6 need this hack */ 2887* html .selectedElement { 2888 position: relative; 2889} 2890 2891/* Webkit CSS Hack - bug in "highlight" named color */ 2892@media screen and (-webkit-min-device-pixel-ratio:0) { 2893 .selectedElement{ 2894 background: #316AC5; 2895 color: #fff !important; 2896 } 2897} 2898 2899/************************************************************************************************/ 2900/************************************************************************************************/ 2901.logRow * { 2902 font-size: 1em; 2903} 2904 2905/* TODO: remove this? */ 2906/* TODO: xxxpedro - IE need this in windowless mode (cnn.com) check if the issue is related to 2907position. if so, override it at chrome.js initialization when creating the div */ 2908.logRow { 2909 position: relative; 2910 border-bottom: 1px solid #D7D7D7; 2911 padding: 2px 4px 1px 6px; 2912 zbackground-color: #FFFFFF; 2913} 2914/**/ 2915 2916.logRow-command { 2917 font-family: Monaco, monospace; 2918 color: blue; 2919} 2920 2921.objectBox-string, 2922.objectBox-text, 2923.objectBox-number, 2924.objectBox-function, 2925.objectLink-element, 2926.objectLink-textNode, 2927.objectLink-function, 2928.objectBox-stackTrace, 2929.objectLink-profile { 2930 font-family: Monaco, monospace; 2931} 2932 2933.objectBox-null { 2934 padding: 0 2px; 2935 border: 1px solid #666666; 2936 background-color: #888888; 2937 color: #FFFFFF; 2938} 2939 2940.objectBox-string { 2941 color: red; 2942 2943 /* TODO: xxxpedro make long strings break line */ 2944 /*white-space: pre; */ 2945} 2946 2947.objectBox-number { 2948 color: #000088; 2949} 2950 2951.objectBox-function { 2952 color: DarkGreen; 2953} 2954 2955.objectBox-object { 2956 color: DarkGreen; 2957 font-weight: bold; 2958 font-family: Lucida Grande, sans-serif; 2959} 2960 2961.objectBox-array { 2962 color: #000; 2963} 2964 2965/************************************************************************************************/ 2966.logRow-info,.logRow-error,.logRow-warn { 2967 background: #fff no-repeat 2px 2px; 2968 padding-left: 20px; 2969 padding-bottom: 3px; 2970} 2971 2972.logRow-info { 2973 background-image: url(infoIcon.png) !important; 2974 background-image: url(infoIcon.gif); 2975} 2976 2977.logRow-warn { 2978 background-color: cyan; 2979 background-image: url(warningIcon.png) !important; 2980 background-image: url(warningIcon.gif); 2981} 2982 2983.logRow-error { 2984 background-color: LightYellow; 2985 background-image: url(errorIcon.png) !important; 2986 background-image: url(errorIcon.gif); 2987 color: #f00; 2988} 2989 2990.errorMessage { 2991 vertical-align: top; 2992 color: #f00; 2993} 2994 2995.objectBox-sourceLink { 2996 position: absolute; 2997 right: 4px; 2998 top: 2px; 2999 padding-left: 8px; 3000 font-family: Lucida Grande, sans-serif; 3001 font-weight: bold; 3002 color: #0000FF; 3003} 3004 3005/************************************************************************************************/ 3006/* 3007//TODO: remove this when console2 is finished 3008*/ 3009/* 3010.logRow-group { 3011 background: #EEEEEE; 3012 border-bottom: none; 3013} 3014 3015.logGroup { 3016 background: #EEEEEE; 3017} 3018 3019.logGroupBox { 3020 margin-left: 24px; 3021 border-top: 1px solid #D7D7D7; 3022 border-left: 1px solid #D7D7D7; 3023}/**/ 3024 3025/************************************************************************************************/ 3026.selectorTag,.selectorId,.selectorClass { 3027 font-family: Monaco, monospace; 3028 font-weight: normal; 3029} 3030 3031.selectorTag { 3032 color: #0000FF; 3033} 3034 3035.selectorId { 3036 color: DarkBlue; 3037} 3038 3039.selectorClass { 3040 color: red; 3041} 3042 3043/************************************************************************************************/ 3044.objectBox-element { 3045 font-family: Monaco, monospace; 3046 color: #000088; 3047} 3048 3049.nodeChildren { 3050 padding-left: 26px; 3051} 3052 3053.nodeTag { 3054 color: blue; 3055 cursor: pointer; 3056} 3057 3058.nodeValue { 3059 color: #FF0000; 3060 font-weight: normal; 3061} 3062 3063.nodeText,.nodeComment { 3064 margin: 0 2px; 3065 vertical-align: top; 3066} 3067 3068.nodeText { 3069 color: #333333; 3070 font-family: Monaco, monospace; 3071} 3072 3073.nodeComment { 3074 color: DarkGreen; 3075} 3076 3077/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 3078 3079.nodeHidden, .nodeHidden * { 3080 color: #888888; 3081} 3082 3083.nodeHidden .nodeTag { 3084 color: #5F82D9; 3085} 3086 3087.nodeHidden .nodeValue { 3088 color: #D86060; 3089} 3090 3091.selectedElement .nodeHidden, .selectedElement .nodeHidden * { 3092 color: SkyBlue !important; 3093} 3094 3095 3096/************************************************************************************************/ 3097.log-object { 3098 /* 3099 _position: relative; 3100 _height: 100%; 3101 /**/ 3102} 3103 3104.property { 3105 position: relative; 3106 clear: both; 3107 height: 15px; 3108} 3109 3110.propertyNameCell { 3111 vertical-align: top; 3112 float: left; 3113 width: 28%; 3114 position: absolute; 3115 left: 0; 3116 z-index: 0; 3117} 3118 3119.propertyValueCell { 3120 float: right; 3121 width: 68%; 3122 background: #fff; 3123 position: absolute; 3124 padding-left: 5px; 3125 display: table-cell; 3126 right: 0; 3127 z-index: 1; 3128 /* 3129 _position: relative; 3130 /**/ 3131} 3132 3133.propertyName { 3134 font-weight: bold; 3135} 3136 3137.FirebugPopup { 3138 height: 100% !important; 3139} 3140 3141.FirebugPopup #fbWindowButtons { 3142 display: none !important; 3143} 3144 3145.FirebugPopup #fbHSplitter { 3146 display: none !important; 3147} 3148