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

   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 *************************************************************************************************/
  64 html, body {
  65     margin: 0;
  66     padding: 0;
  67     overflow: hidden;
  68 }
  69
  70 body {
  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
 384 div.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
 453 a.fbTab:hover {
 454     background: url(sprite.png) 0 -73px;
 455 }
 456
 457 a.fbTab:hover .fbTabL {
 458     background: url(sprite.png) -16px -96px;
 459 }
 460
 461 a.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 /************************************************************************************************/
 516 div.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
 529 pre.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
 554 div.nodeMaximized {
 555     background: url(tree_close.gif);
 556 }
 557
 558 div.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 }