ecomp-portal-FE/client/bower_components/lodash/vendor/firebug-lite/skin/xp/firebug.css

   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
  91 h1.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
2682 div.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
2763 a.fbTab:hover {
2764     background: url(sprite.png) 0 -73px;
2765 }
2766
2767 a.fbTab:hover .fbTabL {
2768     background: url(sprite.png) -16px -96px;
2769 }
2770
2771 a.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 /************************************************************************************************/
2826 div.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
2866 div.nodeMaximized {
2867     background: url(tree_close.gif);
2868 }
2869
2870 div.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
2907 position. 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 }