1.fbBtnPressed { 2 background: #ECEBE3; 3 padding: 3px 6px 2px 7px !important; 4 margin: 1px 0 0 1px; 5 _margin: 1px -1px 0 1px; 6 border: 1px solid #ACA899 !important; 7 border-color: #ACA899 #ECEBE3 #ECEBE3 #ACA899 !important; 8} 9 10.fbToolbarButtons { 11 display: none; 12} 13 14#fbStatusBarBox { 15 display: none; 16} 17 18/************************************************************************************************ 19 Error Popup 20*************************************************************************************************/ 21#fbErrorPopup { 22 position: absolute; 23 right: 0; 24 bottom: 0; 25 height: 19px; 26 width: 75px; 27 background: url(sprite.png) #f1f2ee 0 0; 28 z-index: 999; 29} 30 31#fbErrorPopupContent { 32 position: absolute; 33 right: 0; 34 top: 1px; 35 height: 18px; 36 width: 75px; 37 _width: 74px; 38 border-left: 1px solid #aca899; 39} 40 41#fbErrorIndicator { 42 position: absolute; 43 top: 2px; 44 right: 5px; 45} 46 47 48 49 50 51 52 53 54 55 56.fbBtnInspectActive { 57 background: #aaa; 58 color: #fff !important; 59} 60 61/************************************************************************************************ 62 General 63*************************************************************************************************/ 64html, body { 65 margin: 0; 66 padding: 0; 67 overflow: hidden; 68} 69 70body { 71 font-family: Lucida Grande, Tahoma, sans-serif; 72 font-size: 11px; 73 background: #fff; 74} 75 76.clear { 77 clear: both; 78} 79 80/************************************************************************************************ 81 Mini Chrome 82*************************************************************************************************/ 83#fbMiniChrome { 84 display: none; 85 right: 0; 86 height: 27px; 87 background: url(sprite.png) #f1f2ee 0 0; 88 margin-left: 1px; 89} 90 91#fbMiniContent { 92 display: block; 93 position: relative; 94 left: -1px; 95 right: 0; 96 top: 1px; 97 height: 25px; 98 border-left: 1px solid #aca899; 99} 100 101#fbToolbarSearch { 102 float: right; 103 border: 1px solid #ccc; 104 margin: 0 5px 0 0; 105 background: #fff url(search.png) no-repeat 4px 2px; 106 padding-left: 20px; 107 font-size: 11px; 108} 109 110#fbToolbarErrors { 111 float: right; 112 margin: 1px 4px 0 0; 113 font-size: 11px; 114} 115 116#fbLeftToolbarErrors { 117 float: left; 118 margin: 7px 0px 0 5px; 119 font-size: 11px; 120} 121 122.fbErrors { 123 padding-left: 20px; 124 height: 14px; 125 background: url(errorIcon.png) no-repeat; 126 color: #f00; 127 font-weight: bold; 128} 129 130#fbMiniErrors { 131 display: inline; 132 display: none; 133 float: right; 134 margin: 5px 2px 0 5px; 135} 136 137#fbMiniIcon { 138 float: right; 139 margin: 3px 4px 0; 140 height: 20px; 141 width: 20px; 142 float: right; 143 background: url(sprite.png) 0 -135px; 144 cursor: pointer; 145} 146 147 148/************************************************************************************************ 149 Master Layout 150*************************************************************************************************/ 151#fbChrome { 152 position: fixed; 153 overflow: hidden; 154 height: 100%; 155 width: 100%; 156 border-collapse: collapse; 157 background: #fff; 158} 159 160#fbTop { 161 height: 49px; 162} 163 164#fbToolbar { 165 position: absolute; 166 z-index: 5; 167 width: 100%; 168 top: 0; 169 background: url(sprite.png) #f1f2ee 0 0; 170 height: 27px; 171 font-size: 11px; 172 overflow: hidden; 173} 174 175#fbPanelBarBox { 176 top: 27px; 177 position: absolute; 178 z-index: 8; 179 width: 100%; 180 background: url(sprite.png) #dbd9c9 0 -27px; 181 height: 22px; 182} 183 184#fbContent { 185 height: 100%; 186 vertical-align: top; 187} 188 189#fbBottom { 190 height: 18px; 191 background: #fff; 192} 193 194/************************************************************************************************ 195 Sub-Layout 196*************************************************************************************************/ 197 198/* fbToolbar 199*************************************************************************************************/ 200#fbToolbarIcon { 201 float: left; 202 padding: 4px 5px 0; 203} 204 205#fbToolbarIcon a { 206 display: block; 207 height: 20px; 208 width: 20px; 209 background: url(sprite.png) 0 -135px; 210 text-decoration: none; 211 cursor: default; 212} 213 214#fbToolbarButtons { 215 float: left; 216 padding: 4px 2px 0 5px; 217} 218 219#fbToolbarButtons a { 220 text-decoration: none; 221 display: block; 222 float: left; 223 color: #000; 224 padding: 4px 8px 4px; 225 cursor: default; 226} 227 228#fbToolbarButtons a:hover { 229 color: #333; 230 padding: 3px 7px 3px; 231 border: 1px solid #fff; 232 border-bottom: 1px solid #bbb; 233 border-right: 1px solid #bbb; 234} 235 236#fbStatusBarBox { 237 position: relative; 238 top: 5px; 239 line-height: 19px; 240 cursor: default; 241} 242 243.fbToolbarSeparator{ 244 overflow: hidden; 245 border: 1px solid; 246 border-color: transparent #fff transparent #777; 247 _border-color: #eee #fff #eee #777; 248 height: 7px; 249 margin: 10px 6px 0 0; 250 float: left; 251} 252 253.fbStatusBar span { 254 color: #808080; 255 padding: 0 4px 0 0; 256} 257 258.fbStatusBar span a { 259 text-decoration: none; 260 color: black; 261} 262 263.fbStatusBar span a:hover { 264 color: blue; 265 cursor: pointer; 266} 267 268 269#fbWindowButtons { 270 position: absolute; 271 white-space: nowrap; 272 right: 0; 273 top: 0; 274 height: 17px; 275 _width: 50px; 276 padding: 5px 0 5px 5px; 277 z-index: 6; 278 background: url(sprite.png) #f1f2ee 0 0; 279} 280 281/* fbPanelBarBox 282*************************************************************************************************/ 283 284#fbPanelBar1 { 285 width: 255px; /* fixed width to avoid tabs breaking line */ 286 z-index: 8; 287 left: 0; 288 white-space: nowrap; 289 background: url(sprite.png) #dbd9c9 0 -27px; 290 position: absolute; 291 left: 4px; 292} 293 294#fbPanelBar2Box { 295 background: url(sprite.png) #dbd9c9 0 -27px; 296 position: absolute; 297 height: 22px; 298 width: 300px; /* fixed width to avoid tabs breaking line */ 299 z-index: 9; 300 right: 0; 301} 302 303#fbPanelBar2 { 304 position: absolute; 305 width: 290px; /* fixed width to avoid tabs breaking line */ 306 height: 22px; 307 padding-left: 10px; 308} 309 310/* body 311*************************************************************************************************/ 312.fbPanel { 313 display: none; 314} 315 316#fbPanelBox1, #fbPanelBox2 { 317 max-height: inherit; 318 height: 100%; 319 font-size: 11px; 320} 321 322#fbPanelBox2 { 323 background: #fff; 324} 325 326#fbPanelBox2 { 327 width: 300px; 328 background: #fff; 329} 330 331#fbPanel2 { 332 padding-left: 6px; 333 background: #fff; 334} 335 336.hide { 337 overflow: hidden !important; 338 position: fixed !important; 339 display: none !important; 340 visibility: hidden !important; 341} 342 343/* fbBottom 344*************************************************************************************************/ 345 346#fbCommand { 347 height: 18px; 348} 349 350#fbCommandBox { 351 position: absolute; 352 width: 100%; 353 height: 18px; 354 bottom: 0; 355 overflow: hidden; 356 z-index: 9; 357 background: #fff; 358 border: 0; 359 border-top: 1px solid #ccc; 360} 361 362#fbCommandIcon { 363 position: absolute; 364 color: #00f; 365 top: 2px; 366 left: 7px; 367 display: inline; 368 font: 11px Monaco, monospace; 369 z-index: 10; 370} 371 372#fbCommandLine { 373 position: absolute; 374 width: 100%; 375 top: 0; 376 left: 0; 377 border: 0; 378 margin: 0; 379 padding: 2px 0 2px 32px; 380 font: 11px Monaco, monospace; 381 z-index: 9; 382} 383 384div.fbFitHeight { 385 overflow: auto; 386 _position: absolute; 387} 388 389 390/************************************************************************************************ 391 Layout Controls 392*************************************************************************************************/ 393 394/* fbToolbar buttons 395*************************************************************************************************/ 396#fbWindowButtons a { 397 font-size: 1px; 398 width: 16px; 399 height: 16px; 400 display: block; 401 float: right; 402 margin-right: 4px; 403 text-decoration: none; 404 cursor: default; 405} 406 407#fbWindow_btClose { 408 background: url(sprite.png) 0 -119px; 409} 410 411#fbWindow_btClose:hover { 412 background: url(sprite.png) -16px -119px; 413} 414 415#fbWindow_btDetach { 416 background: url(sprite.png) -32px -119px; 417} 418 419#fbWindow_btDetach:hover { 420 background: url(sprite.png) -48px -119px; 421} 422 423/* fbPanelBarBox tabs 424*************************************************************************************************/ 425.fbTab { 426 text-decoration: none; 427 display: none; 428 float: left; 429 width: auto; 430 float: left; 431 cursor: default; 432 font-family: Lucida Grande, Tahoma, sans-serif; 433 font-size: 11px; 434 font-weight: bold; 435 height: 22px; 436 color: #565656; 437} 438 439.fbPanelBar span { 440 display: block; 441 float: left; 442} 443 444.fbPanelBar .fbTabL,.fbPanelBar .fbTabR { 445 height: 22px; 446 width: 8px; 447} 448 449.fbPanelBar .fbTabText { 450 padding: 4px 1px 0; 451} 452 453a.fbTab:hover { 454 background: url(sprite.png) 0 -73px; 455} 456 457a.fbTab:hover .fbTabL { 458 background: url(sprite.png) -16px -96px; 459} 460 461a.fbTab:hover .fbTabR { 462 background: url(sprite.png) -24px -96px; 463} 464 465.fbSelectedTab { 466 background: url(sprite.png) #f1f2ee 0 -50px !important; 467 color: #000; 468} 469 470.fbSelectedTab .fbTabL { 471 background: url(sprite.png) 0 -96px !important; 472} 473 474.fbSelectedTab .fbTabR { 475 background: url(sprite.png) -8px -96px !important; 476} 477 478/* splitters 479*************************************************************************************************/ 480#fbHSplitter { 481 position: absolute; 482 left: 0; 483 top: 0; 484 width: 100%; 485 height: 5px; 486 overflow: hidden; 487 cursor: n-resize !important; 488 background: url(pixel_transparent.gif); 489 z-index: 9; 490} 491 492#fbHSplitter.fbOnMovingHSplitter { 493 height: 100%; 494 z-index: 100; 495} 496 497.fbVSplitter { 498 background: #ece9d8; 499 color: #000; 500 border: 1px solid #716f64; 501 border-width: 0 1px; 502 border-left-color: #aca899; 503 width: 4px; 504 cursor: e-resize; 505 overflow: hidden; 506 right: 294px; 507 text-decoration: none; 508 z-index: 9; 509 position: absolute; 510 height: 100%; 511 top: 27px; 512 _width: 6px; 513} 514 515/************************************************************************************************/ 516div.lineNo { 517 font: 11px Monaco, monospace; 518 float: left; 519 display: inline; 520 position: relative; 521 margin: 0; 522 padding: 0 5px 0 20px; 523 background: #eee; 524 color: #888; 525 border-right: 1px solid #ccc; 526 text-align: right; 527} 528 529pre.nodeCode { 530 font: 11px Monaco, monospace; 531 margin: 0; 532 padding-left: 10px; 533 overflow: hidden; 534 /* 535 _width: 100%; 536 /**/ 537} 538 539/************************************************************************************************/ 540.nodeControl { 541 margin-top: 3px; 542 margin-left: -14px; 543 float: left; 544 width: 9px; 545 height: 9px; 546 overflow: hidden; 547 cursor: default; 548 background: url(tree_open.gif); 549 _float: none; 550 _display: inline; 551 _position: absolute; 552} 553 554div.nodeMaximized { 555 background: url(tree_close.gif); 556} 557 558div.objectBox-element { 559 padding: 1px 3px; 560} 561.objectBox-selector{ 562 cursor: default; 563} 564 565.selectedElement{ 566 background: highlight; 567 /* background: url(roundCorner.svg); Opera */ 568 color: #fff !important; 569} 570.selectedElement span{ 571 color: #fff !important; 572} 573 574/* Webkit CSS Hack - bug in "highlight" named color */ 575@media screen and (-webkit-min-device-pixel-ratio:0) { 576 .selectedElement{ 577 background: #316AC5; 578 color: #fff !important; 579 } 580} 581 582/************************************************************************************************/ 583/************************************************************************************************/ 584.logRow * { 585 font-size: 11px; 586} 587 588.logRow { 589 position: relative; 590 border-bottom: 1px solid #D7D7D7; 591 padding: 2px 4px 1px 6px; 592 background-color: #FFFFFF; 593} 594 595.logRow-command { 596 font-family: Monaco, monospace; 597 color: blue; 598} 599 600.objectBox-string, 601.objectBox-text, 602.objectBox-number, 603.objectBox-function, 604.objectLink-element, 605.objectLink-textNode, 606.objectLink-function, 607.objectBox-stackTrace, 608.objectLink-profile { 609 font-family: Monaco, monospace; 610} 611 612.objectBox-null { 613 padding: 0 2px; 614 border: 1px solid #666666; 615 background-color: #888888; 616 color: #FFFFFF; 617} 618 619.objectBox-string { 620 color: red; 621 white-space: pre; 622} 623 624.objectBox-number { 625 color: #000088; 626} 627 628.objectBox-function { 629 color: DarkGreen; 630} 631 632.objectBox-object { 633 color: DarkGreen; 634 font-weight: bold; 635 font-family: Lucida Grande, sans-serif; 636} 637 638.objectBox-array { 639 color: #000; 640} 641 642/************************************************************************************************/ 643.logRow-info,.logRow-error,.logRow-warning { 644 background: #fff no-repeat 2px 2px; 645 padding-left: 20px; 646 padding-bottom: 3px; 647} 648 649.logRow-info { 650 background-image: url(infoIcon.png); 651} 652 653.logRow-warning { 654 background-color: cyan; 655 background-image: url(warningIcon.png); 656} 657 658.logRow-error { 659 background-color: LightYellow; 660 background-image: url(errorIcon.png); 661 color: #f00; 662} 663 664.errorMessage { 665 vertical-align: top; 666 color: #f00; 667} 668 669.objectBox-sourceLink { 670 position: absolute; 671 right: 4px; 672 top: 2px; 673 padding-left: 8px; 674 font-family: Lucida Grande, sans-serif; 675 font-weight: bold; 676 color: #0000FF; 677} 678 679/************************************************************************************************/ 680.logRow-group { 681 background: #EEEEEE; 682 border-bottom: none; 683} 684 685.logGroup { 686 background: #EEEEEE; 687} 688 689.logGroupBox { 690 margin-left: 24px; 691 border-top: 1px solid #D7D7D7; 692 border-left: 1px solid #D7D7D7; 693} 694 695/************************************************************************************************/ 696.selectorTag,.selectorId,.selectorClass { 697 font-family: Monaco, monospace; 698 font-weight: normal; 699} 700 701.selectorTag { 702 color: #0000FF; 703} 704 705.selectorId { 706 color: DarkBlue; 707} 708 709.selectorClass { 710 color: red; 711} 712 713/************************************************************************************************/ 714.objectBox-element { 715 font-family: Monaco, monospace; 716 color: #000088; 717} 718 719.nodeChildren { 720 padding-left: 26px; 721} 722 723.nodeTag { 724 color: blue; 725 cursor: pointer; 726} 727 728.nodeValue { 729 color: #FF0000; 730 font-weight: normal; 731} 732 733.nodeText,.nodeComment { 734 margin: 0 2px; 735 vertical-align: top; 736} 737 738.nodeText { 739 color: #333333; 740 font-family: Monaco, monospace; 741} 742 743.nodeComment { 744 color: DarkGreen; 745} 746 747/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 748 749.nodeHidden, .nodeHidden * { 750 color: #888888; 751} 752 753.nodeHidden .nodeTag { 754 color: #5F82D9; 755} 756 757.nodeHidden .nodeValue { 758 color: #D86060; 759} 760 761.selectedElement .nodeHidden, .selectedElement .nodeHidden * { 762 color: SkyBlue !important; 763} 764 765 766/************************************************************************************************/ 767.log-object { 768 /* 769 _position: relative; 770 _height: 100%; 771 /**/ 772} 773 774.property { 775 position: relative; 776 clear: both; 777 height: 15px; 778} 779 780.propertyNameCell { 781 vertical-align: top; 782 float: left; 783 width: 28%; 784 position: absolute; 785 left: 0; 786 z-index: 0; 787} 788 789.propertyValueCell { 790 float: right; 791 width: 68%; 792 background: #fff; 793 position: absolute; 794 padding-left: 5px; 795 display: table-cell; 796 right: 0; 797 z-index: 1; 798 /* 799 _position: relative; 800 /**/ 801} 802 803.propertyName { 804 font-weight: bold; 805} 806 807.FirebugPopup { 808 height: 100% !important; 809} 810 811.FirebugPopup #fbWindowButtons { 812 display: none !important; 813} 814 815.FirebugPopup #fbHSplitter { 816 display: none !important; 817} 818