OLD | NEW |
1 /* audits.css */ | 1 /* audits.css */ |
2 | 2 |
3 /* | 3 /* |
4 * Copyright (C) 2008 Apple Inc. All rights reserved. | 4 * Copyright (C) 2008 Apple Inc. All rights reserved. |
5 * Copyright (C) 2009 Google Inc. All rights reserved. | 5 * Copyright (C) 2009 Google Inc. All rights reserved. |
6 * | 6 * |
7 * Redistribution and use in source and binary forms, with or without | 7 * Redistribution and use in source and binary forms, with or without |
8 * modification, are permitted provided that the following conditions are | 8 * modification, are permitted provided that the following conditions are |
9 * met: | 9 * met: |
10 * | 10 * |
(...skipping 445 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
456 | 456 |
457 .heap-snapshot-summary-label { | 457 .heap-snapshot-summary-label { |
458 font-size: 12px; | 458 font-size: 12px; |
459 font-weight: bold; | 459 font-weight: bold; |
460 position: absolute; | 460 position: absolute; |
461 top: 1px; | 461 top: 1px; |
462 width: 50%; | 462 width: 50%; |
463 left: 25%; | 463 left: 25%; |
464 } | 464 } |
465 | 465 |
| 466 .detailed-heapshot-view { |
| 467 display: none; |
| 468 overflow: hidden; |
| 469 position: absolute; |
| 470 top: 0; |
| 471 left: 0; |
| 472 right: 0; |
| 473 bottom: 0; |
| 474 } |
| 475 |
| 476 .detailed-heapshot-view.visible { |
| 477 display: block; |
| 478 } |
| 479 |
| 480 .detailed-heapshot-view .view { |
| 481 display: none; |
| 482 } |
| 483 |
| 484 .detailed-heapshot-view .view.visible { |
| 485 display: block; |
| 486 } |
| 487 |
| 488 .detailed-heapshot-view .data-grid { |
| 489 border: none; |
| 490 } |
| 491 |
| 492 .detailed-heapshot-view .data-grid td.count-column { |
| 493 text-align: right; |
| 494 } |
| 495 |
| 496 .detailed-heapshot-view .data-grid td.addedCount-column { |
| 497 text-align: right; |
| 498 } |
| 499 |
| 500 .detailed-heapshot-view .data-grid td.removedCount-column { |
| 501 text-align: right; |
| 502 } |
| 503 |
| 504 .detailed-heapshot-view .data-grid td.countDelta-column { |
| 505 text-align: right; |
| 506 } |
| 507 |
| 508 .detailed-heapshot-view .data-grid td.addedSize-column { |
| 509 text-align: right; |
| 510 } |
| 511 |
| 512 .detailed-heapshot-view .data-grid td.removedSize-column { |
| 513 text-align: right; |
| 514 } |
| 515 |
| 516 .detailed-heapshot-view .data-grid td.sizeDelta-column { |
| 517 text-align: right; |
| 518 } |
| 519 |
| 520 .detailed-heapshot-view .data-grid td.shallowSize-column { |
| 521 text-align: right; |
| 522 } |
| 523 |
| 524 .detailed-heapshot-view .data-grid td.retainedSize-column { |
| 525 text-align: right; |
| 526 } |
| 527 |
| 528 .detailed-heapshot-view .console-formatted-object, .console-formatted-node { |
| 529 display: inline; |
| 530 position: static; |
| 531 } |
| 532 |
| 533 .detailed-heapshot-view .console-formatted-string { |
| 534 white-space: nowrap; |
| 535 } |
| 536 |
| 537 .detailed-heapshot-view .data-grid tr.selected * { |
| 538 color: inherit; |
| 539 } |
| 540 |
| 541 .detailed-heapshot-view .data-grid:focus tr.selected * { |
| 542 color: white; |
| 543 } |
| 544 |
| 545 .detailed-heapshot-view .delimiter { |
| 546 height: 24px; |
| 547 background-color: #d6dde5; |
| 548 } |
| 549 |
| 550 .detailed-heapshot-view .data-grid { |
| 551 position: absolute; |
| 552 top: 0; |
| 553 left: 0; |
| 554 right: 0; |
| 555 bottom: 0; |
| 556 } |
| 557 |
| 558 .detailed-heapshot-view .views-container { |
| 559 position: absolute; |
| 560 top: 0; |
| 561 left: 0; |
| 562 right: 0; |
| 563 bottom: 173px; |
| 564 } |
| 565 |
| 566 .detailed-heapshot-view .views-container .view { |
| 567 position: absolute; |
| 568 top: 0; |
| 569 left: 0; |
| 570 right: 0; |
| 571 bottom: 0; |
| 572 } |
| 573 |
| 574 .detailed-heapshot-view .retaining-paths-view { |
| 575 height: 150px; |
| 576 position: absolute; |
| 577 bottom: 0; |
| 578 left: 0; |
| 579 right: 0; |
| 580 } |
| 581 |
| 582 .detailed-heapshot-view .retainers-view-header { |
| 583 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackground.png); |
| 584 background-repeat: no-repeat, repeat-x; |
| 585 background-position: right center, center; |
| 586 cursor: row-resize; |
| 587 height: 23px; |
| 588 font: -webkit-small-control; |
| 589 font-weight: bold; |
| 590 color: rgb(48, 48, 48); |
| 591 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; |
| 592 display: block; |
| 593 position: absolute; |
| 594 left: 0; |
| 595 right: 0; |
| 596 bottom: 150px; |
| 597 } |
| 598 |
| 599 .detailed-heapshot-view .retainers-view-header .title > span { |
| 600 display: inline-block; |
| 601 padding-top: 3px; |
| 602 vertical-align: middle; |
| 603 margin-left: 4px; |
| 604 margin-right: 8px; |
| 605 } |
| 606 |
| 607 .heapshot-help-status-bar-item .glyph { |
| 608 -webkit-mask-position: -160px 0; |
| 609 } |
| 610 |
| 611 table.heapshot-help { |
| 612 border-spacing: 12px 2px; |
| 613 } |
| 614 |
| 615 div.retaining-paths-view td.path-column div:hover { |
| 616 text-decoration: underline; |
| 617 color: blue; |
| 618 } |
| 619 |
466 /* inspector.css */ | 620 /* inspector.css */ |
467 | 621 |
468 /* | 622 /* |
469 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 623 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
470 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 624 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
471 * | 625 * |
472 * Redistribution and use in source and binary forms, with or without | 626 * Redistribution and use in source and binary forms, with or without |
473 * modification, are permitted provided that the following conditions | 627 * modification, are permitted provided that the following conditions |
474 * are met: | 628 * are met: |
475 * | 629 * |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
536 .hidden { | 690 .hidden { |
537 display: none !important; | 691 display: none !important; |
538 } | 692 } |
539 | 693 |
540 #toolbar { | 694 #toolbar { |
541 position: absolute; | 695 position: absolute; |
542 top: 0; | 696 top: 0; |
543 left: 0; | 697 left: 0; |
544 right: 0; | 698 right: 0; |
545 height: 56px; | 699 height: 56px; |
546 display: -webkit-box; | |
547 padding: 0 5px; | 700 padding: 0 5px; |
548 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
91, 191, 191)), to(rgb(151, 151, 151))); | 701 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
91, 191, 191)), to(rgb(151, 151, 151))); |
549 border-bottom: 1px solid rgb(80, 80, 80); | 702 border-bottom: 1px solid rgb(80, 80, 80); |
550 -webkit-box-orient: horizontal; | 703 -webkit-box-orient: horizontal; |
551 -webkit-background-origin: padding; | 704 -webkit-background-origin: padding; |
552 -webkit-background-clip: padding; | 705 -webkit-background-clip: padding; |
553 } | 706 } |
554 | 707 |
555 body.inactive #toolbar { | 708 body.inactive #toolbar { |
556 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
33, 233, 233)), to(rgb(207, 207, 207))); | 709 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
33, 233, 233)), to(rgb(207, 207, 207))); |
557 border-bottom: 1px solid rgb(64%, 64%, 64%); | 710 border-bottom: 1px solid rgb(64%, 64%, 64%); |
558 } | 711 } |
559 | 712 |
560 body.detached.platform-mac-leopard #toolbar, | 713 body.detached.platform-mac-leopard:not(.remote) #toolbar, |
561 body.detached.platform-mac-snowleopard #toolbar { | 714 body.detached.platform-mac-snowleopard:not(.remote) #toolbar { |
562 background: transparent !important; | 715 background: transparent; |
563 } | 716 } |
564 | 717 |
565 body.attached #toolbar { | 718 body.attached #toolbar { |
566 height: 34px; | 719 height: 34px; |
567 border-top: 1px solid rgb(100, 100, 100); | 720 border-top: 1px solid rgb(100, 100, 100); |
568 cursor: row-resize; | 721 cursor: ns-resize; |
569 padding-left: 0; | 722 padding-left: 0; |
570 } | 723 } |
571 | 724 |
572 body.attached.port-qt #toolbar { | 725 body.attached.port-qt #toolbar { |
573 cursor: auto; | 726 cursor: auto; |
574 } | 727 } |
575 | 728 |
576 body.attached.inactive #toolbar { | 729 body.attached.inactive #toolbar { |
577 border-top: 1px solid rgb(64%, 64%, 64%); | 730 border-top: 1px solid rgb(64%, 64%, 64%); |
578 } | 731 } |
579 | 732 |
580 .toolbar-item { | 733 .toolbar-item { |
581 display: -webkit-box; | |
582 padding: 4px 6px; | |
583 margin: 0; | 734 margin: 0; |
| 735 padding: 0 6px; |
584 background-color: transparent; | 736 background-color: transparent; |
585 border-style: none; | 737 border-style: none; |
586 border-color: transparent; | 738 border-color: transparent; |
587 -webkit-box-orient: vertical; | 739 } |
588 -webkit-box-align: center; | 740 |
589 -webkit-box-pack: end; | 741 .toolbar-item.toggleable { |
| 742 padding-top: 4px; |
590 } | 743 } |
591 | 744 |
592 .toolbar-item.toggleable.toggled-on { | 745 .toolbar-item.toggleable.toggled-on { |
593 border-width: 0 2px 0 2px; | 746 border-width: 0 2px 0 2px; |
594 padding: 4px 4px; | 747 padding: 4px 4px 0 4px; |
595 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; | 748 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; |
596 } | 749 } |
597 | 750 |
598 .toolbar-item.flexable-space { | |
599 -webkit-box-flex: 1; | |
600 visibility: hidden; | |
601 } | |
602 | |
603 .toolbar-item input { | |
604 margin-bottom: 8px; | |
605 } | |
606 | |
607 .toolbar-icon { | 751 .toolbar-icon { |
608 display: inline-block; | 752 display: inline-block; |
609 width: 32px; | 753 width: 32px; |
610 height: 32px; | 754 height: 32px; |
611 -webkit-background-size: 100% auto; | 755 background-image: url(Images/toolbarIcons.png); |
612 } | 756 } |
613 | 757 |
614 body.attached .toolbar-icon { | 758 .toolbar-small .toolbar-icon { |
615 width: 24px; | 759 width: 24px; |
616 height: 24px; | 760 height: 24px; |
617 vertical-align: middle; | 761 vertical-align: middle; |
| 762 background-image: url(Images/toolbarIconsSmall.png); |
618 } | 763 } |
619 | 764 |
620 .toolbar-item:active .toolbar-icon { | 765 .toolbar-item:active .toolbar-icon { |
621 background-position: 0 32px; | 766 background-position-y: 32px; |
622 } | 767 } |
623 | 768 |
624 body.attached .toolbar-item:active .toolbar-icon { | 769 .toolbar-small .toolbar-item:active .toolbar-icon { |
625 background-position: 0 24px; | 770 background-position-y: 24px; |
626 } | 771 } |
627 | 772 |
628 .toolbar-label { | 773 .toolbar-label { |
629 font-size: 11px; | 774 font-size: 11px; |
630 font-family: Lucida Grande, sans-serif; | 775 font-family: Lucida Grande, sans-serif; |
631 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | 776 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; |
632 } | 777 } |
633 | 778 |
634 .toolbar-item.toggleable:active .toolbar-label { | 779 .toolbar-item.toggleable:active .toolbar-label { |
635 text-shadow: none; | 780 text-shadow: none; |
636 } | 781 } |
637 | 782 |
638 body.attached .toolbar-label { | 783 .toolbar-small .toolbar-label { |
639 display: inline-block; | 784 display: inline-block; |
640 vertical-align: middle; | |
641 margin-left: 3px; | 785 margin-left: 3px; |
| 786 position: relative; |
| 787 top: 2px; |
642 } | 788 } |
643 | 789 |
644 body.attached #search-toolbar-label { | 790 body.attached #search-toolbar-label { |
645 display: none; | 791 display: none; |
646 } | 792 } |
647 | 793 |
| 794 #toolbar-controls { |
| 795 float: right; |
| 796 display: -webkit-box; |
| 797 -webkit-box-align: center; |
| 798 height: 100%; |
| 799 } |
| 800 |
| 801 #toolbar-dropdown-arrow { |
| 802 font-size: 16px; |
| 803 font-weight: bold; |
| 804 border: 0; |
| 805 background-color: transparent; |
| 806 -webkit-border-radius: 5px; |
| 807 text-shadow: none; |
| 808 } |
| 809 |
| 810 body.attached #toolbar-dropdown-arrow { |
| 811 font-size: 14px; |
| 812 padding-bottom: 4px; |
| 813 } |
| 814 |
| 815 #toolbar-dropdown-arrow.dropdown-visible { |
| 816 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
251, 251, 251, 0.9)), to(rgba(231, 231, 231, 0.9))); |
| 817 } |
| 818 |
| 819 #toolbar-dropdown-arrow:hover { |
| 820 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5))); |
| 821 } |
| 822 |
| 823 #toolbar-dropdown-arrow:active { |
| 824 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8))); |
| 825 } |
| 826 |
| 827 #toolbar-dropdown { |
| 828 position: absolute; |
| 829 z-index: 1000; |
| 830 -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); |
| 831 border: 1px solid rgb(128, 128, 128); |
| 832 padding: 4px; |
| 833 background-color: inherit; |
| 834 background-image: inherit; |
| 835 } |
| 836 |
| 837 body.detached.platform-mac-leopard #toolbar-dropdown, |
| 838 body.detached.platform-mac-snowleopard #toolbar-dropdown { |
| 839 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
91, 191, 191)), to(rgb(151, 151, 151))); |
| 840 } |
| 841 |
| 842 #toolbar-dropdown .scrollable-content { |
| 843 display: -webkit-box; |
| 844 -webkit-box-orient: vertical; |
| 845 -webkit-box-align: start; |
| 846 } |
| 847 |
| 848 #toolbar-dropdown .toolbar-item { |
| 849 display: -webkit-box; |
| 850 -webkit-box-orient: horizontal; |
| 851 margin: 0px 2px; |
| 852 padding: 4px; |
| 853 width: 100%; |
| 854 border: 1px solid rgba(0, 0, 0, 0); |
| 855 } |
| 856 |
| 857 #toolbar-dropdown .toolbar-item.toggleable.toggled-on { |
| 858 border: 1px solid rgba(100, 100, 120, 0.4); |
| 859 -webkit-border-image: none; |
| 860 background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 1
28, 128, 0.6)), to(rgba(128, 128, 128, 0.6)), color-stop(20%, rgba(158, 158, 158
, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.2))); |
| 861 } |
| 862 |
| 863 #toolbar-dropdown .toolbar-item:hover { |
| 864 -webkit-border-image: none; |
| 865 border: 1px solid rgba(100, 100, 120, 0.8); |
| 866 } |
| 867 |
| 868 #toolbar-dropdown .toolbar-item.toggleable.toggled-on:hover { |
| 869 border: 1px solid rgba(100, 100, 120, 1); |
| 870 } |
| 871 |
| 872 #toolbar-dropdown .toolbar-icon { |
| 873 margin-right: 0.5em; |
| 874 } |
| 875 |
| 876 .scrollable-content { |
| 877 position: static; |
| 878 height: 100%; |
| 879 overflow-y: auto; |
| 880 width: 100%; |
| 881 margin-right: 12px; |
| 882 padding-right: 3px; |
| 883 } |
| 884 |
| 885 .scrollable-content::-webkit-scrollbar { |
| 886 width: 11px; |
| 887 } |
| 888 |
| 889 .scrollable-content::-webkit-scrollbar-corner, |
| 890 .scrollable-content::-webkit-resizer { |
| 891 display: none; |
| 892 } |
| 893 |
| 894 .scrollable-content::-webkit-scrollbar-thumb:vertical { |
| 895 background: -webkit-gradient(linear, left top, right top, from(rgb(192, 192,
192)), to(rgb(192, 192, 192)), color-stop(40%, rgb(214, 214, 214))); |
| 896 border-radius: 5px; |
| 897 min-height: 20px; |
| 898 } |
| 899 |
| 900 .scrollable-content::-webkit-scrollbar-thumb:vertical:hover, |
| 901 .scrollable-content::-webkit-scrollbar-thumb:vertical:active { |
| 902 background: -webkit-gradient(linear, left top, right top, from(rgb(230, 230,
230)), to(rgb(230, 230, 230)), color-stop(40%, rgb(252, 252, 252))); |
| 903 } |
| 904 |
| 905 .scrollable-content::-webkit-scrollbar-track:vertical { |
| 906 background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128,
128)), to(rgb(164, 164, 164)), color-stop(25%, rgb(164, 164, 164))); |
| 907 border-radius: 5px; |
| 908 } |
| 909 |
| 910 .toolbar-search-item { |
| 911 display: -webkit-box; |
| 912 -webkit-box-orient: vertical; |
| 913 -webkit-box-align: center; |
| 914 -webkit-box-pack: end; |
| 915 } |
| 916 |
648 #search { | 917 #search { |
649 width: 205px; | 918 width: 205px; |
650 font-size: 16px; | 919 font-size: 16px; |
651 margin-bottom: 5px; | |
652 } | 920 } |
653 | 921 |
654 body.attached #search { | 922 body.attached #search { |
655 font-size: 11px; | 923 font-size: 11px; |
656 margin-bottom: 8px; | |
657 } | 924 } |
658 | 925 |
659 #search-results-matches { | 926 #search-results-matches { |
660 font-size: 11px; | 927 font-size: 11px; |
661 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; | 928 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; |
662 margin-bottom: 22px; | |
663 } | |
664 | |
665 body.attached #search-results-matches { | |
666 margin-bottom: 6px; | |
667 } | 929 } |
668 | 930 |
669 .toolbar-item.elements .toolbar-icon { | 931 .toolbar-item.elements .toolbar-icon { |
670 background-image: url(Images/elementsIcon.png); | 932 background-position-x: 0; |
671 } | 933 } |
672 | 934 |
673 .toolbar-item.resources .toolbar-icon { | 935 .toolbar-item.resources .toolbar-icon { |
674 background-image: url(Images/resourcesIcon.png); | 936 background-position-x: -32px; |
| 937 } |
| 938 |
| 939 .toolbar-small .toolbar-item.resources .toolbar-icon { |
| 940 background-position-x: -24px; |
675 } | 941 } |
676 | 942 |
677 .toolbar-item.network .toolbar-icon { | 943 .toolbar-item.network .toolbar-icon { |
678 background-image: url(Images/networkIcon.png); | 944 background-position-x: -64px; |
| 945 } |
| 946 |
| 947 .toolbar-small .toolbar-item.network .toolbar-icon { |
| 948 background-position-x: -48px; |
679 } | 949 } |
680 | 950 |
681 .toolbar-item.scripts .toolbar-icon { | 951 .toolbar-item.scripts .toolbar-icon { |
682 background-image: url(Images/scriptsIcon.png); | 952 background-position-x: -96px; |
| 953 } |
| 954 |
| 955 .toolbar-small .toolbar-item.scripts .toolbar-icon { |
| 956 background-position-x: -72px; |
683 } | 957 } |
684 | 958 |
685 .toolbar-item.timeline .toolbar-icon { | 959 .toolbar-item.timeline .toolbar-icon { |
686 background-image: url(Images/timelineIcon.png); | 960 background-position-x: -128px; |
| 961 } |
| 962 |
| 963 .toolbar-small .toolbar-item.timeline .toolbar-icon { |
| 964 background-position-x: -96px; |
687 } | 965 } |
688 | 966 |
689 .toolbar-item.profiles .toolbar-icon { | 967 .toolbar-item.profiles .toolbar-icon { |
690 background-image: url(Images/profilesIcon.png); | 968 background-position-x: -160px; |
| 969 } |
| 970 |
| 971 .toolbar-small .toolbar-item.profiles .toolbar-icon { |
| 972 background-position-x: -120px; |
691 } | 973 } |
692 | 974 |
693 .toolbar-item.audits .toolbar-icon { | 975 .toolbar-item.audits .toolbar-icon { |
694 background-image: url(Images/auditsIcon.png); | 976 background-position-x: -192px; |
| 977 } |
| 978 |
| 979 .toolbar-small .toolbar-item.audits .toolbar-icon { |
| 980 background-position-x: -144px; |
695 } | 981 } |
696 | 982 |
697 .toolbar-item.console .toolbar-icon { | 983 .toolbar-item.console .toolbar-icon { |
698 background-image: url(Images/consoleIcon.png); | 984 background-position-x: -224px; |
| 985 } |
| 986 |
| 987 .toolbar-small .toolbar-item.console .toolbar-icon { |
| 988 background-position-x: -168px; |
699 } | 989 } |
700 | 990 |
701 #close-button-left, #close-button-right { | 991 #close-button-left, #close-button-right { |
702 width: 14px; | 992 width: 14px; |
703 height: 14px; | 993 height: 14px; |
704 background-image: url(Images/closeButtons.png); | 994 background-image: url(Images/closeButtons.png); |
705 background-position: 0 0; | 995 background-position: 0 0; |
706 background-color: transparent; | 996 background-color: transparent; |
707 border: 0 none transparent; | 997 border: 0 none transparent; |
708 margin: 5px 0; | 998 margin-top: 4px; |
709 } | 999 } |
710 | 1000 |
711 #close-button-left:hover, #close-button-right:hover { | 1001 #close-button-left:hover, #close-button-right:hover { |
712 background-position: 14px 0; | 1002 background-position: 14px 0; |
713 } | 1003 } |
714 | 1004 |
715 #close-button-left:active, #close-button-right:active { | 1005 #close-button-left:active, #close-button-right:active { |
716 background-position: 28px 0; | 1006 background-position: 28px 0; |
717 } | 1007 } |
718 | 1008 |
| 1009 .close-left { |
| 1010 float: left; |
| 1011 } |
| 1012 |
719 body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right
{ | 1013 body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right
{ |
720 display: none; | 1014 display: none; |
721 } | 1015 } |
722 | 1016 |
723 body.attached.port-qt .toolbar-item.close-left, body.attached.port-qt .toolbar-i
tem.close-right { | 1017 body.attached.port-qt .toolbar-item.close-left, body.attached.port-qt .toolbar-i
tem.close-right { |
724 display: none; | 1018 display: none; |
725 } | 1019 } |
726 | 1020 |
727 body.platform-mac .toolbar-item.close-right { | 1021 body.platform-mac .toolbar-item.close-right { |
728 display: none; | 1022 display: none; |
729 } | 1023 } |
730 | 1024 |
731 body:not(.platform-mac) .toolbar-item.close-left { | 1025 body:not(.platform-mac) .toolbar-item.close-left { |
732 display: none; | 1026 display: none; |
733 } | 1027 } |
734 | 1028 |
| 1029 .toolbar-item.close-left { |
| 1030 margin-top: 5px; |
| 1031 } |
| 1032 |
735 #main { | 1033 #main { |
736 position: absolute; | 1034 position: absolute; |
737 z-index: 1; | 1035 z-index: 1; |
738 top: 56px; | 1036 top: 56px; |
739 left: 0; | 1037 left: 0; |
740 right: 0; | 1038 right: 0; |
741 bottom: 0; | 1039 bottom: 0; |
742 overflow: hidden; | 1040 overflow: hidden; |
743 background-color: white; | 1041 background-color: white; |
744 } | 1042 } |
(...skipping 16 matching lines...) Expand all Loading... |
761 bottom: 0; | 1059 bottom: 0; |
762 left: 0; | 1060 left: 0; |
763 right: 0; | 1061 right: 0; |
764 } | 1062 } |
765 | 1063 |
766 body.drawer-visible #main-status-bar { | 1064 body.drawer-visible #main-status-bar { |
767 height: 24px; | 1065 height: 24px; |
768 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackground.png); | 1066 background-image: url(Images/statusbarResizerVertical.png), url(Images/statu
sbarBackground.png); |
769 background-repeat: no-repeat, repeat-x; | 1067 background-repeat: no-repeat, repeat-x; |
770 background-position: right center, center; | 1068 background-position: right center, center; |
771 cursor: row-resize; | 1069 cursor: ns-resize; |
772 } | 1070 } |
773 | 1071 |
774 body.drawer-visible #main-status-bar * { | 1072 body.drawer-visible #main-status-bar * { |
775 cursor: default; | 1073 cursor: default; |
776 } | 1074 } |
777 | 1075 |
778 body.drawer-visible #main-panels { | 1076 body.drawer-visible #main-panels { |
779 bottom: 24px; | 1077 bottom: 24px; |
780 } | 1078 } |
781 | 1079 |
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
838 } | 1136 } |
839 | 1137 |
840 button.status-bar-item .glyph.shadow { | 1138 button.status-bar-item .glyph.shadow { |
841 background-color: rgba(255, 255, 255, 0.33) !important; | 1139 background-color: rgba(255, 255, 255, 0.33) !important; |
842 } | 1140 } |
843 | 1141 |
844 button.status-bar-item.toggled-on .glyph { | 1142 button.status-bar-item.toggled-on .glyph { |
845 background-color: rgb(66, 129, 235); | 1143 background-color: rgb(66, 129, 235); |
846 } | 1144 } |
847 | 1145 |
848 button.status-bar-item.toggled-1 .glyph { | |
849 background-color: rgb(66, 129, 235); | |
850 } | |
851 | |
852 button.status-bar-item.toggled-2 .glyph { | |
853 background-color: purple; | |
854 } | |
855 | |
856 button.status-bar-item:disabled { | 1146 button.status-bar-item:disabled { |
857 opacity: 0.5; | 1147 opacity: 0.5; |
858 background-position: 0 0 !important; | 1148 background-position: 0 0 !important; |
859 } | 1149 } |
860 | 1150 |
861 select.status-bar-item { | 1151 select.status-bar-item { |
862 min-width: 48px; | 1152 min-width: 48px; |
863 border-width: 0 17px 0 2px; | 1153 border-width: 0 17px 0 2px; |
864 padding: 0 2px 0 6px; | 1154 padding: 0 2px 0 6px; |
865 font-weight: bold; | 1155 font-weight: bold; |
866 color: rgb(48, 48, 48); | 1156 color: rgb(48, 48, 48); |
867 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | 1157 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; |
868 -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2; | 1158 -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2; |
869 -webkit-border-radius: 0; | 1159 -webkit-border-radius: 0; |
870 -webkit-appearance: none; | 1160 -webkit-appearance: none; |
871 } | 1161 } |
872 | 1162 |
873 select.status-bar-item:active { | 1163 select.status-bar-item:active { |
874 color: black; | 1164 color: black; |
875 -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2; | 1165 -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2; |
876 } | 1166 } |
877 | 1167 |
| 1168 .status-bar-item > .glyph { |
| 1169 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
| 1170 } |
| 1171 |
878 #dock-status-bar-item .glyph { | 1172 #dock-status-bar-item .glyph { |
879 -webkit-mask-image: url(Images/undockButtonGlyph.png); | 1173 -webkit-mask-position: 0 -48px; |
880 } | 1174 } |
881 | 1175 |
882 body.detached #dock-status-bar-item .glyph { | 1176 body.detached #dock-status-bar-item .glyph { |
883 -webkit-mask-image: url(Images/dockButtonGlyph.png); | 1177 -webkit-mask-position: -32px -24px; |
884 } | 1178 } |
885 | 1179 |
886 body.port-qt #dock-status-bar-item { | 1180 body.port-qt #dock-status-bar-item { |
887 display: none | 1181 display: none |
888 } | 1182 } |
889 | 1183 |
890 #console-status-bar-item .glyph { | 1184 #console-status-bar-item .glyph { |
891 -webkit-mask-image: url(Images/consoleButtonGlyph.png); | 1185 -webkit-mask-position: -64px -24px; |
892 } | 1186 } |
893 | 1187 |
894 .clear-status-bar-item .glyph { | 1188 .clear-status-bar-item .glyph { |
895 -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); | 1189 -webkit-mask-position: -64px 0; |
896 } | |
897 | |
898 #changes-status-bar-item .glyph { | |
899 -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image
for Changes Toggle Button */ | |
900 } | 1190 } |
901 | 1191 |
902 #counters { | 1192 #counters { |
903 position: absolute; | 1193 position: absolute; |
904 right: 16px; | 1194 right: 16px; |
905 top: 0; | 1195 top: 0; |
906 cursor: pointer; | 1196 cursor: pointer; |
907 padding: 6px 2px 6px 0px; | 1197 padding: 6px 2px 6px 0px; |
908 font-size: 10px; | 1198 font-size: 10px; |
909 height: 19px; | 1199 height: 19px; |
910 } | 1200 } |
911 | 1201 |
912 #changes-count, #error-warning-count { | 1202 #error-warning-count { |
913 display: inline; | 1203 display: inline; |
914 } | 1204 } |
915 | 1205 |
916 #error-warning-count:hover, #changes-count:hover { | 1206 #error-warning-count:hover { |
917 border-bottom: 1px solid rgb(96, 96, 96); | 1207 border-bottom: 1px solid rgb(96, 96, 96); |
918 } | 1208 } |
919 | 1209 |
920 #style-changes-count::before { | |
921 content: url(Images/styleIcon.png); /* TODO: Needs Image for Style Changes I
con */ | |
922 width: 10px; | |
923 height: 10px; | |
924 vertical-align: -1px; | |
925 margin-right: 2px; | |
926 } | |
927 | |
928 #error-count::before { | 1210 #error-count::before { |
929 content: url(Images/errorIcon.png); | 1211 content: url(Images/errorIcon.png); |
930 width: 10px; | 1212 width: 10px; |
931 height: 10px; | 1213 height: 10px; |
932 vertical-align: -1px; | 1214 vertical-align: -1px; |
933 margin-right: 2px; | 1215 margin-right: 2px; |
934 } | 1216 } |
935 | 1217 |
936 #changes-count + #error-warning-count, #error-count + #warning-count { | 1218 #error-count + #warning-count { |
937 margin-left: 6px; | 1219 margin-left: 6px; |
938 } | 1220 } |
939 | 1221 |
940 #warning-count::before { | 1222 #warning-count::before { |
941 content: url(Images/warningIcon.png); | 1223 content: url(Images/warningIcon.png); |
942 width: 10px; | 1224 width: 10px; |
943 height: 10px; | 1225 height: 10px; |
944 vertical-align: -1px; | 1226 vertical-align: -1px; |
945 margin-right: 2px; | 1227 margin-right: 2px; |
946 } | 1228 } |
(...skipping 198 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1145 color: rgb(33%, 33%, 33%); | 1427 color: rgb(33%, 33%, 33%); |
1146 cursor: pointer; | 1428 cursor: pointer; |
1147 } | 1429 } |
1148 | 1430 |
1149 #console-messages a:hover { | 1431 #console-messages a:hover { |
1150 color: rgb(15%, 15%, 15%); | 1432 color: rgb(15%, 15%, 15%); |
1151 } | 1433 } |
1152 | 1434 |
1153 .console-message-url { | 1435 .console-message-url { |
1154 float: right; | 1436 float: right; |
| 1437 margin-left: 4px; |
1155 } | 1438 } |
1156 | 1439 |
1157 .console-group-messages .section { | 1440 .console-group-messages .section { |
1158 margin: 0 0 0 12px !important; | 1441 margin: 0 0 0 12px !important; |
1159 } | 1442 } |
1160 | 1443 |
1161 .console-group-messages .section .header { | 1444 .console-group-messages .section .header { |
1162 padding: 0 8px 0 0; | 1445 padding: 0 8px 0 0; |
1163 background-image: none; | 1446 background-image: none; |
1164 border: none; | 1447 border: none; |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1228 .console-formatted-object .properties, .console-formatted-node .properties { | 1511 .console-formatted-object .properties, .console-formatted-node .properties { |
1229 padding-left: 0 !important; | 1512 padding-left: 0 !important; |
1230 } | 1513 } |
1231 | 1514 |
1232 .console-formatted-number { | 1515 .console-formatted-number { |
1233 color: rgb(28, 0, 207); | 1516 color: rgb(28, 0, 207); |
1234 } | 1517 } |
1235 | 1518 |
1236 .console-formatted-string, .console-formatted-regexp { | 1519 .console-formatted-string, .console-formatted-regexp { |
1237 color: rgb(196, 26, 22); | 1520 color: rgb(196, 26, 22); |
| 1521 white-space: pre; |
1238 } | 1522 } |
1239 | 1523 |
1240 .console-formatted-null, .console-formatted-undefined { | 1524 .console-formatted-null, .console-formatted-undefined { |
1241 color: rgb(128, 128, 128); | 1525 color: rgb(128, 128, 128); |
1242 } | 1526 } |
1243 | 1527 |
1244 .error-message { | 1528 .error-message { |
1245 color: red; | 1529 color: red; |
1246 } | 1530 } |
1247 | 1531 |
1248 .auto-complete-text { | 1532 .auto-complete-text, .editing .auto-complete-text { |
1249 color: rgb(128, 128, 128); | 1533 color: rgb(128, 128, 128) !important; |
1250 -webkit-user-select: none; | 1534 -webkit-user-select: none; |
1251 -webkit-user-modify: read-only; | 1535 -webkit-user-modify: read-only; |
1252 } | 1536 } |
1253 | 1537 |
1254 .panel { | 1538 .panel { |
1255 display: none; | 1539 display: none; |
1256 overflow: hidden; | 1540 overflow: hidden; |
1257 position: absolute; | 1541 position: absolute; |
1258 top: 0; | 1542 top: 0; |
1259 left: 0; | 1543 left: 0; |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1378 display: block; | 1662 display: block; |
1379 overflow: auto; | 1663 overflow: auto; |
1380 padding: 0; | 1664 padding: 0; |
1381 position: absolute; | 1665 position: absolute; |
1382 top: 0; | 1666 top: 0; |
1383 left: 0; | 1667 left: 0; |
1384 right: 325px; | 1668 right: 325px; |
1385 bottom: 0; | 1669 bottom: 0; |
1386 } | 1670 } |
1387 | 1671 |
| 1672 #elements-content.nowrap { |
| 1673 white-space: nowrap; |
| 1674 } |
| 1675 |
| 1676 #elements-content > ol { |
| 1677 display: inline-block; |
| 1678 } |
| 1679 |
1388 #elements-sidebar { | 1680 #elements-sidebar { |
1389 position: absolute; | 1681 position: absolute; |
1390 top: 0; | 1682 top: 0; |
1391 right: 0; | 1683 right: 0; |
1392 bottom: 0; | 1684 bottom: 0; |
1393 width: 325px; | 1685 width: 325px; |
1394 border-left: 1px solid rgb(64%, 64%, 64%); | 1686 border-left: 1px solid rgb(64%, 64%, 64%); |
1395 cursor: default; | 1687 cursor: default; |
1396 overflow: auto; | 1688 overflow: auto; |
1397 } | 1689 } |
(...skipping 263 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1661 | 1953 |
1662 .placard .subtitle a { | 1954 .placard .subtitle a { |
1663 color: inherit; | 1955 color: inherit; |
1664 } | 1956 } |
1665 | 1957 |
1666 .section { | 1958 .section { |
1667 position: relative; | 1959 position: relative; |
1668 margin-top: 1px; | 1960 margin-top: 1px; |
1669 } | 1961 } |
1670 | 1962 |
1671 .watch-expressions-buttons-container { | |
1672 text-align: center; | |
1673 } | |
1674 | |
1675 .events-pane .section:not(:nth-of-type(1)) { | 1963 .events-pane .section:not(:nth-of-type(1)) { |
1676 border-top: 1px solid rgb(191, 191, 191); | 1964 border-top: 1px solid rgb(191, 191, 191); |
1677 } | 1965 } |
1678 | 1966 |
1679 .event-bar:first-child { | 1967 .event-bar:first-child { |
1680 margin-top: 1px; | 1968 margin-top: 1px; |
1681 } | 1969 } |
1682 | 1970 |
1683 .section .header { | 1971 .section .header { |
1684 color: black; | 1972 color: black; |
(...skipping 223 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1908 | 2196 |
1909 .section .properties li.editing { | 2197 .section .properties li.editing { |
1910 margin-left: 10px; | 2198 margin-left: 10px; |
1911 text-overflow: clip; | 2199 text-overflow: clip; |
1912 } | 2200 } |
1913 | 2201 |
1914 li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-but
ton { | 2202 li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-but
ton { |
1915 display: none !important; | 2203 display: none !important; |
1916 } | 2204 } |
1917 | 2205 |
| 2206 .properties-tree.watch-expressions { |
| 2207 padding-bottom: 8px; |
| 2208 } |
| 2209 |
| 2210 .properties-tree.watch-expressions li { |
| 2211 padding-top: 2px; |
| 2212 } |
| 2213 |
1918 .watch-expressions > li.editing-sub-part .name { | 2214 .watch-expressions > li.editing-sub-part .name { |
1919 display: block; | 2215 display: block; |
1920 width: 100%; | 2216 width: 100%; |
1921 } | 2217 } |
1922 | 2218 |
1923 .watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing
-sub-part .separator { | 2219 .watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing
-sub-part .separator { |
1924 display: none; | 2220 display: none; |
1925 } | 2221 } |
1926 | 2222 |
1927 .watch-expressions-error-level { | 2223 .watch-expressions-error-level { |
1928 color: red; | 2224 color: red; |
1929 } | 2225 } |
1930 | 2226 |
1931 .section .properties li.editing-sub-part { | 2227 .section .properties li.editing-sub-part { |
1932 padding: 3px 6px 8px 18px; | 2228 padding: 3px 6px 8px 18px; |
1933 margin: -3px -6px -8px -6px; | 2229 margin: -3px -6px -8px -6px; |
1934 text-overflow: clip; | 2230 text-overflow: clip; |
1935 } | 2231 } |
1936 | 2232 |
1937 /* FIXME: need a better icon (comment in bug 27514) */ | |
1938 .section .properties .delete-button { | 2233 .section .properties .delete-button { |
1939 width: 10px; | 2234 width: 10px; |
1940 height: 10px; | 2235 height: 10px; |
1941 background-image: url(Images/errorIcon.png); | 2236 background-image: url(Images/deleteIcon.png); |
1942 background-position: 0 0; | 2237 background-position: 0 0; |
1943 background-color: transparent; | 2238 background-color: transparent; |
1944 background-repeat: no-repeat; | 2239 background-repeat: no-repeat; |
1945 border: 0 none transparent; | 2240 border: 0 none transparent; |
| 2241 position: absolute; |
| 2242 margin-left: -25px; |
| 2243 margin-top: 2px; |
| 2244 display: none; |
| 2245 } |
| 2246 |
| 2247 .section .properties li.hovered .delete-button { |
| 2248 display: inline; |
1946 } | 2249 } |
1947 | 2250 |
1948 .section .properties .name, .event-properties .name { | 2251 .section .properties .name, .event-properties .name { |
1949 color: rgb(136, 19, 145); | 2252 color: rgb(136, 19, 145); |
1950 } | 2253 } |
1951 | 2254 |
1952 .section .properties .value.dimmed { | 2255 .section .properties .value.dimmed { |
1953 color: rgb(100, 100, 100); | 2256 color: rgb(100, 100, 100); |
1954 } | 2257 } |
1955 | 2258 |
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2042 } | 2345 } |
2043 | 2346 |
2044 .pane > .title > select:active { | 2347 .pane > .title > select:active { |
2045 background-position: -46px 0px; | 2348 background-position: -46px 0px; |
2046 } | 2349 } |
2047 | 2350 |
2048 .pane > .title > select > option, .pane > .title > select > hr { | 2351 .pane > .title > select > option, .pane > .title > select > hr { |
2049 color: black; | 2352 color: black; |
2050 } | 2353 } |
2051 | 2354 |
2052 .pane > .title > button.add { | 2355 .pane > .title > .pane-title-button { |
2053 float: right; | 2356 float: right; |
2054 width: 23px; | 2357 width: 23px; |
2055 height: 17px; | 2358 height: 17px; |
2056 color: transparent; | 2359 color: transparent; |
2057 background-color: transparent; | 2360 background-color: transparent; |
2058 border: none; | 2361 border: none; |
2059 background-image: url(Images/paneAddButtons.png); | |
2060 background-repeat: no-repeat; | 2362 background-repeat: no-repeat; |
2061 margin: 1px 0 0 0; | 2363 margin: 1px 0 0 0; |
2062 padding: 0; | 2364 padding: 0; |
2063 -webkit-border-radius: 0; | 2365 -webkit-border-radius: 0; |
2064 -webkit-appearance: none; | 2366 -webkit-appearance: none; |
2065 } | 2367 } |
2066 | 2368 |
2067 .pane > .title > button.add:hover { | 2369 .pane > .title > .pane-title-button:hover { |
2068 background-position: -23px 0px; | 2370 background-position: -23px 0px; |
2069 } | 2371 } |
2070 | 2372 |
2071 .pane > .title > button.add:active { | 2373 .pane > .title > .pane-title-button:active { |
2072 background-position: -46px 0px; | 2374 background-position: -46px 0px; |
2073 } | 2375 } |
2074 | 2376 |
| 2377 .pane > .title > .pane-title-button.add { |
| 2378 background-image: url(Images/paneAddButtons.png); |
| 2379 } |
| 2380 |
| 2381 .pane > .title > .pane-title-button.refresh { |
| 2382 background-image: url(Images/paneRefreshButtons.png); |
| 2383 } |
| 2384 |
2075 .pane > .body { | 2385 .pane > .body { |
2076 position: relative; | 2386 position: relative; |
2077 display: none; | 2387 display: none; |
2078 overflow-y: auto; | 2388 overflow-y: auto; |
2079 overflow-x: hidden; | 2389 overflow-x: hidden; |
2080 } | 2390 } |
2081 | 2391 |
2082 .pane > .body .info { | 2392 .pane > .body .info { |
2083 text-align: center; | 2393 text-align: center; |
2084 font-style: italic; | 2394 font-style: italic; |
2085 font-size: 10px; | 2395 font-size: 10px; |
2086 padding: 6px; | 2396 padding: 6px; |
2087 color: black; | 2397 color: black; |
2088 } | 2398 } |
2089 | 2399 |
2090 .pane > .body .placard + .info { | 2400 .pane > .body .placard + .info { |
2091 border-top: 1px solid rgb(189, 189, 189); | 2401 border-top: 1px solid rgb(189, 189, 189); |
2092 background-color: rgb(255, 255, 194); | 2402 background-color: rgb(255, 255, 194); |
2093 } | 2403 } |
2094 | 2404 |
2095 .pane.expanded > .body, .pane.expanded > .growbar { | 2405 .pane.expanded > .body, .pane.expanded > .growbar { |
2096 display: block; | 2406 display: block; |
2097 } | 2407 } |
2098 | 2408 |
2099 .pane > .body .breakpoint-condition { | 2409 .pane > .body .breakpoint-condition { |
2100 display: block; | 2410 display: block; |
2101 margin-top: 4px; | 2411 margin-top: 4px; |
2102 margin-bottom: 4px; | 2412 margin-bottom: 4px; |
2103 margin-left: 25px; | 2413 margin-left: 23px; |
2104 margin-right: 10px; | 2414 margin-right: 8px; |
| 2415 } |
| 2416 |
| 2417 #breakpoint-condition-input { |
| 2418 display: block; |
| 2419 margin-left: 0; |
| 2420 margin-right: 0; |
| 2421 outline: none !important; |
| 2422 border: 1px solid rgb(66%, 66%, 66%); |
2105 } | 2423 } |
2106 | 2424 |
2107 .pane.expanded:nth-last-of-type(1) { | 2425 .pane.expanded:nth-last-of-type(1) { |
2108 border-bottom: 1px solid rgb(189, 189, 189); | 2426 border-bottom: 1px solid rgb(189, 189, 189); |
2109 } | 2427 } |
2110 | 2428 |
2111 .pane > .growbar { | 2429 .pane > .growbar { |
2112 display: none; | 2430 display: none; |
2113 background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomG
row.png); | 2431 background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomG
row.png); |
2114 background-repeat: no-repeat, repeat-x; | 2432 background-repeat: no-repeat, repeat-x; |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2147 position: absolute; | 2465 position: absolute; |
2148 margin-top: -10px; | 2466 margin-top: -10px; |
2149 font-size: 9px; | 2467 font-size: 9px; |
2150 color: grey; | 2468 color: grey; |
2151 background-color: white; | 2469 background-color: white; |
2152 margin-left: 3px; | 2470 margin-left: 3px; |
2153 padding-left: 2px; | 2471 padding-left: 2px; |
2154 padding-right: 2px; | 2472 padding-right: 2px; |
2155 } | 2473 } |
2156 | 2474 |
| 2475 .metrics .hovered > .label { |
| 2476 border: 1px solid black; |
| 2477 } |
| 2478 |
2157 .metrics .position { | 2479 .metrics .position { |
2158 border: 1px rgb(66%, 66%, 66%) dotted; | 2480 border: 1px rgb(66%, 66%, 66%) dotted; |
| 2481 background-color: white; |
2159 display: inline-block; | 2482 display: inline-block; |
2160 text-align: center; | 2483 text-align: center; |
2161 padding: 3px; | 2484 padding: 3px; |
2162 margin: 3px; | 2485 margin: 3px; |
2163 } | 2486 } |
2164 | 2487 |
2165 .metrics .margin { | 2488 .metrics .margin { |
2166 border: 1px dashed; | 2489 border: 1px dashed; |
| 2490 background-color: white; |
2167 display: inline-block; | 2491 display: inline-block; |
2168 text-align: center; | 2492 text-align: center; |
2169 vertical-align: middle; | 2493 vertical-align: middle; |
2170 padding: 3px; | 2494 padding: 3px; |
2171 margin: 3px; | 2495 margin: 3px; |
2172 } | 2496 } |
2173 | 2497 |
| 2498 .metrics .margin.hovered { |
| 2499 background-color: rgb(139, 182, 221); |
| 2500 } |
| 2501 |
2174 .metrics .border { | 2502 .metrics .border { |
2175 border: 1px black solid; | 2503 border: 1px black solid; |
| 2504 background-color: white; |
2176 display: inline-block; | 2505 display: inline-block; |
2177 text-align: center; | 2506 text-align: center; |
2178 vertical-align: middle; | 2507 vertical-align: middle; |
2179 padding: 3px; | 2508 padding: 3px; |
2180 margin: 3px; | 2509 margin: 3px; |
2181 } | 2510 } |
2182 | 2511 |
| 2512 .metrics .border.hovered { |
| 2513 background-color: rgb(157, 193, 226); |
| 2514 } |
| 2515 |
2183 .metrics .padding { | 2516 .metrics .padding { |
2184 border: 1px grey dashed; | 2517 border: 1px grey dashed; |
| 2518 background-color: white; |
2185 display: inline-block; | 2519 display: inline-block; |
2186 text-align: center; | 2520 text-align: center; |
2187 vertical-align: middle; | 2521 vertical-align: middle; |
2188 padding: 3px; | 2522 padding: 3px; |
2189 margin: 3px; | 2523 margin: 3px; |
2190 } | 2524 } |
2191 | 2525 |
| 2526 .metrics .padding.hovered { |
| 2527 background-color: rgb(173, 204, 231); |
| 2528 } |
| 2529 |
2192 .metrics .content { | 2530 .metrics .content { |
2193 position: static; | 2531 position: static; |
2194 border: 1px grey solid; | 2532 border: 1px grey solid; |
| 2533 background-color: white; |
2195 display: inline-block; | 2534 display: inline-block; |
2196 text-align: center; | 2535 text-align: center; |
2197 vertical-align: middle; | 2536 vertical-align: middle; |
2198 padding: 3px; | 2537 padding: 3px; |
2199 margin: 3px; | 2538 margin: 3px; |
2200 min-width: 80px; | 2539 min-width: 80px; |
2201 text-align: center; | 2540 text-align: center; |
2202 overflow: visible; | 2541 overflow: visible; |
2203 } | 2542 } |
2204 | 2543 |
| 2544 .metrics .content.hovered { |
| 2545 background-color: rgb(190, 214, 236); |
| 2546 } |
| 2547 |
2205 .metrics .content span { | 2548 .metrics .content span { |
2206 display: inline-block; | 2549 display: inline-block; |
2207 } | 2550 } |
2208 | 2551 |
2209 .metrics .editing { | 2552 .metrics .editing { |
2210 position: relative; | 2553 position: relative; |
2211 z-index: 100; | 2554 z-index: 100; |
2212 } | 2555 } |
2213 | 2556 |
2214 .metrics .left { | 2557 .metrics .left { |
(...skipping 341 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2556 top: 0; | 2899 top: 0; |
2557 bottom: 0; | 2900 bottom: 0; |
2558 right: 0; | 2901 right: 0; |
2559 height: 8px; | 2902 height: 8px; |
2560 margin-bottom: auto; | 2903 margin-bottom: auto; |
2561 margin-top: auto; | 2904 margin-top: auto; |
2562 width: 8px; | 2905 width: 8px; |
2563 content: url(Images/treeDownTriangleBlack.png); | 2906 content: url(Images/treeDownTriangleBlack.png); |
2564 } | 2907 } |
2565 | 2908 |
| 2909 .data-grid button { |
| 2910 line-height: 19px; |
| 2911 } |
| 2912 |
2566 body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-des
cending { | 2913 body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-des
cending { |
2567 background-image: url(Images/glossyHeader.png); | 2914 background-image: url(Images/glossyHeader.png); |
2568 border-right: 1px solid rgb(179, 179, 179); | 2915 border-right: 1px solid rgb(179, 179, 179); |
2569 border-bottom: 1px solid rgb(179, 179, 179); | 2916 border-bottom: 1px solid rgb(179, 179, 179); |
2570 } | 2917 } |
2571 | 2918 |
2572 .data-grid tr.parent td.disclosure::before { | 2919 .data-grid tr.parent td.disclosure::before { |
2573 float: left; | 2920 float: left; |
2574 content: url(Images/treeRightTriangleBlack.png); | 2921 content: url(Images/treeRightTriangleBlack.png); |
2575 width: 8px; | 2922 width: 8px; |
(...skipping 276 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2852 | 3199 |
2853 .panel-enabler-view.scripts img { | 3200 .panel-enabler-view.scripts img { |
2854 content: url(Images/scriptsSilhouette.png); | 3201 content: url(Images/scriptsSilhouette.png); |
2855 } | 3202 } |
2856 | 3203 |
2857 .panel-enabler-view.profiles img { | 3204 .panel-enabler-view.profiles img { |
2858 content: url(Images/profilesSilhouette.png); | 3205 content: url(Images/profilesSilhouette.png); |
2859 } | 3206 } |
2860 | 3207 |
2861 button.enable-toggle-status-bar-item .glyph { | 3208 button.enable-toggle-status-bar-item .glyph { |
2862 -webkit-mask-image: url(Images/enableOutlineButtonGlyph.png); | 3209 -webkit-mask-position: -192px 0; |
2863 } | 3210 } |
2864 | 3211 |
2865 button.enable-toggle-status-bar-item.toggled-on .glyph { | 3212 button.enable-toggle-status-bar-item.toggled-on .glyph { |
2866 -webkit-mask-image: url(Images/enableSolidButtonGlyph.png); | 3213 -webkit-mask-position: -96px -24px; |
2867 } | 3214 } |
2868 | 3215 |
2869 .scripts-pause-on-exceptions-status-bar-item .glyph { | 3216 .scripts-pause-on-exceptions-status-bar-item .glyph { |
2870 -webkit-mask-image: url(Images/pauseOnExceptionButtonGlyph.png); | 3217 -webkit-mask-position: -256px 0; |
| 3218 } |
| 3219 |
| 3220 .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph { |
| 3221 background-color: rgb(66, 129, 235); |
| 3222 } |
| 3223 |
| 3224 .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph { |
| 3225 background-color: purple; |
| 3226 } |
| 3227 |
| 3228 .scripts-toggle-pretty-print-status-bar-item .glyph { |
| 3229 -webkit-mask-position: -256px -24px; |
| 3230 } |
| 3231 |
| 3232 .scripts-toggle-pretty-print-status-bar-item.toggled .glyph { |
| 3233 background-color: rgb(66, 129, 235); |
2871 } | 3234 } |
2872 | 3235 |
2873 #scripts-status-bar { | 3236 #scripts-status-bar { |
2874 position: absolute; | 3237 position: absolute; |
2875 top: -1px; | 3238 top: -1px; |
2876 left: 0; | 3239 left: 0; |
2877 right: 0; | 3240 right: 0; |
2878 height: 24px; | 3241 height: 24px; |
2879 } | 3242 } |
2880 | 3243 |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2916 | 3279 |
2917 #scripts-step-into img { | 3280 #scripts-step-into img { |
2918 content: url(Images/debuggerStepInto.png); | 3281 content: url(Images/debuggerStepInto.png); |
2919 } | 3282 } |
2920 | 3283 |
2921 #scripts-step-out img { | 3284 #scripts-step-out img { |
2922 content: url(Images/debuggerStepOut.png); | 3285 content: url(Images/debuggerStepOut.png); |
2923 } | 3286 } |
2924 | 3287 |
2925 .toggle-breakpoints .glyph { | 3288 .toggle-breakpoints .glyph { |
2926 -webkit-mask-image: url(Images/breakpointsActivateButtonGlyph.png); | 3289 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
| 3290 -webkit-mask-position: -32px 0; |
2927 background-color: rgb(96, 96, 96) !important; | 3291 background-color: rgb(96, 96, 96) !important; |
2928 } | 3292 } |
2929 | 3293 |
2930 .toggle-breakpoints.toggled-on .glyph { | 3294 .toggle-breakpoints.toggled-on .glyph { |
2931 -webkit-mask-image: url(Images/breakpointsDeactivateButtonGlyph.png); | 3295 -webkit-mask-position: 0 -24px; |
2932 } | 3296 } |
2933 | 3297 |
2934 #scripts-debugger-status { | 3298 #scripts-debugger-status { |
2935 position: absolute; | 3299 position: absolute; |
2936 line-height: 24px; | 3300 line-height: 24px; |
2937 top: 0; | 3301 top: 0; |
2938 right: 8px; | 3302 right: 8px; |
2939 } | 3303 } |
2940 | 3304 |
2941 #scripts-sidebar-resizer-widget { | 3305 #scripts-sidebar-resizer-widget { |
2942 position: absolute; | 3306 position: absolute; |
2943 top: 0; | 3307 top: 0; |
2944 bottom: 0; | 3308 bottom: 0; |
2945 right: 225px; | 3309 right: 225px; |
2946 width: 16px; | 3310 width: 16px; |
2947 cursor: col-resize; | 3311 cursor: ew-resize; |
2948 background-image: url(Images/statusbarResizerHorizontal.png); | 3312 background-image: url(Images/statusbarResizerHorizontal.png); |
2949 background-repeat: no-repeat; | 3313 background-repeat: no-repeat; |
2950 background-position: center; | 3314 background-position: center; |
2951 } | 3315 } |
2952 | 3316 |
2953 #scripts-sidebar-buttons { | 3317 #scripts-sidebar-buttons { |
2954 position: absolute; | 3318 position: absolute; |
2955 right: 0; | 3319 right: 0; |
2956 top: 0; | 3320 top: 0; |
2957 bottom: 0; | 3321 bottom: 0; |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2989 top: 23px; | 3353 top: 23px; |
2990 right: 0; | 3354 right: 0; |
2991 bottom: 0; | 3355 bottom: 0; |
2992 width: 225px; | 3356 width: 225px; |
2993 border-left: 1px solid rgb(64%, 64%, 64%); | 3357 border-left: 1px solid rgb(64%, 64%, 64%); |
2994 cursor: default; | 3358 cursor: default; |
2995 overflow: auto; | 3359 overflow: auto; |
2996 } | 3360 } |
2997 | 3361 |
2998 .resources-larger-resources-status-bar-item .glyph { | 3362 .resources-larger-resources-status-bar-item .glyph { |
2999 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | 3363 -webkit-mask-position: -224px 0; |
3000 } | 3364 } |
3001 | 3365 |
3002 #resources-filter, #console-filter.console-filter-top { | 3366 #resources-filter, #console-filter.console-filter-top { |
3003 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | 3367 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); |
3004 border-bottom: 1px solid rgb(64%, 64%, 64%); | 3368 border-bottom: 1px solid rgb(64%, 64%, 64%); |
3005 width: 100%; | 3369 width: 100%; |
3006 } | 3370 } |
3007 | 3371 |
3008 #console-messages.console-filter-top { | 3372 #console-messages.console-filter-top { |
3009 margin-top: 23px; | 3373 margin-top: 23px; |
(...skipping 460 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3470 width: 100%; | 3834 width: 100%; |
3471 height: 100%; | 3835 height: 100%; |
3472 } | 3836 } |
3473 | 3837 |
3474 .sidebar-resizer-vertical { | 3838 .sidebar-resizer-vertical { |
3475 position: absolute; | 3839 position: absolute; |
3476 top: 0; | 3840 top: 0; |
3477 bottom: 0; | 3841 bottom: 0; |
3478 width: 5px; | 3842 width: 5px; |
3479 z-index: 500; | 3843 z-index: 500; |
3480 cursor: col-resize; | 3844 cursor: ew-resize; |
3481 } | 3845 } |
3482 | 3846 |
3483 .resources .sidebar-resizer-vertical { | 3847 .resources .sidebar-resizer-vertical { |
3484 top: 23px; | 3848 top: 23px; |
3485 } | 3849 } |
3486 | 3850 |
3487 .sidebar-tree, .sidebar-tree .children { | 3851 .sidebar-tree, .sidebar-tree .children { |
3488 position: relative; | 3852 position: relative; |
3489 padding: 0; | 3853 padding: 0; |
3490 margin: 0; | 3854 margin: 0; |
(...skipping 487 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3978 | 4342 |
3979 .timeline-window-resizer { | 4343 .timeline-window-resizer { |
3980 position: absolute; | 4344 position: absolute; |
3981 top: 0px; | 4345 top: 0px; |
3982 bottom: 60px; | 4346 bottom: 60px; |
3983 width: 5px; | 4347 width: 5px; |
3984 margin-left: -3px; | 4348 margin-left: -3px; |
3985 margin-right: -2px; | 4349 margin-right: -2px; |
3986 background-color: rgb(153, 153, 153); | 4350 background-color: rgb(153, 153, 153); |
3987 z-index: 500; | 4351 z-index: 500; |
3988 cursor: col-resize; | 4352 cursor: ew-resize; |
3989 -webkit-border-radius: 2px; | 4353 -webkit-border-radius: 2px; |
3990 -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1
px 0; | 4354 -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1
px 0; |
3991 } | 4355 } |
3992 | 4356 |
3993 #timeline-overview-grid #resources-graphs { | 4357 #timeline-overview-grid #resources-graphs { |
3994 position: absolute; | 4358 position: absolute; |
3995 top: 0; | 4359 top: 0; |
3996 left: 0; | 4360 left: 0; |
3997 right: 0; | 4361 right: 0; |
3998 height: 80px; | 4362 height: 80px; |
(...skipping 272 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
4271 .timeline-details-title { | 4635 .timeline-details-title { |
4272 border-bottom: 1px solid #B8B8B8; | 4636 border-bottom: 1px solid #B8B8B8; |
4273 font-size: 11px; | 4637 font-size: 11px; |
4274 font-weight: bold; | 4638 font-weight: bold; |
4275 padding-bottom: 5px; | 4639 padding-bottom: 5px; |
4276 padding-top: 0px; | 4640 padding-top: 0px; |
4277 white-space: nowrap; | 4641 white-space: nowrap; |
4278 } | 4642 } |
4279 | 4643 |
4280 .timeline-filter-status-bar-item .glyph { | 4644 .timeline-filter-status-bar-item .glyph { |
4281 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | 4645 -webkit-mask-position: -224px 0; |
4282 } | 4646 } |
4283 | 4647 |
4284 .timeline-filter-status-bar-item.toggled-on .glyph { | 4648 .timeline-filter-status-bar-item.toggled-on .glyph { |
4285 background-color: rgb(66, 129, 235) !important; | 4649 background-color: rgb(66, 129, 235) !important; |
4286 } | 4650 } |
4287 | 4651 |
| 4652 .garbage-collect-status-bar-item .glyph { |
| 4653 -webkit-mask-position: -128px -24px; |
| 4654 } |
| 4655 |
4288 .timeline-records-counter, .storage-application-cache-status, .storage-applicati
on-cache-connectivity { | 4656 .timeline-records-counter, .storage-application-cache-status, .storage-applicati
on-cache-connectivity { |
4289 font-size: 11px; | 4657 font-size: 11px; |
4290 text-shadow: white 0 1px 0; | 4658 text-shadow: white 0 1px 0; |
4291 } | 4659 } |
4292 | 4660 |
4293 #main-status-bar > .timeline-records-counter { | 4661 #main-status-bar > .timeline-records-counter { |
4294 float: right; | 4662 float: right; |
4295 margin-top: 4px; | 4663 margin-top: 4px; |
4296 margin-right: 25px; | 4664 margin-right: 25px; |
4297 } | 4665 } |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
4407 } | 4775 } |
4408 | 4776 |
4409 .data-grid:focus tr.selected .profile-node-file { | 4777 .data-grid:focus tr.selected .profile-node-file { |
4410 color: white; | 4778 color: white; |
4411 } | 4779 } |
4412 | 4780 |
4413 button.enable-toggle-status-bar-item .glyph { | 4781 button.enable-toggle-status-bar-item .glyph { |
4414 } | 4782 } |
4415 | 4783 |
4416 .record-profile-status-bar-item .glyph { | 4784 .record-profile-status-bar-item .glyph { |
4417 -webkit-mask-image: url(Images/recordButtonGlyph.png); | 4785 -webkit-mask-position: -288px 0; |
4418 } | 4786 } |
4419 | 4787 |
4420 .record-profile-status-bar-item.toggled-on .glyph { | 4788 .record-profile-status-bar-item.toggled-on .glyph { |
4421 -webkit-mask-image: url(Images/recordToggledButtonGlyph.png); | 4789 -webkit-mask-position: -288px -24px; |
4422 background-color: rgb(216, 0, 0) !important; | 4790 background-color: rgb(216, 0, 0) !important; |
4423 } | 4791 } |
4424 | 4792 |
4425 /* FIXME: should have its own glyph. */ | 4793 /* FIXME: should have its own glyph. */ |
4426 .heap-snapshot-status-bar-item .glyph { | 4794 .heap-snapshot-status-bar-item .glyph { |
4427 -webkit-mask-image: url(Images/focusButtonGlyph.png); | 4795 -webkit-mask-position: -96px 0; |
4428 } | 4796 } |
4429 | 4797 |
4430 .node-search-status-bar-item .glyph { | 4798 .node-search-status-bar-item .glyph { |
4431 -webkit-mask-image: url(Images/nodeSearchButtonGlyph.png); | 4799 -webkit-mask-position: -224px -24px; |
4432 } | 4800 } |
4433 | 4801 |
4434 .percent-time-status-bar-item .glyph { | 4802 .percent-time-status-bar-item .glyph { |
4435 -webkit-mask-image: url(Images/percentButtonGlyph.png); | 4803 -webkit-mask-position: -192px -24px; |
4436 } | 4804 } |
4437 | 4805 |
4438 .focus-profile-node-status-bar-item .glyph { | 4806 .focus-profile-node-status-bar-item .glyph { |
4439 -webkit-mask-image: url(Images/focusButtonGlyph.png); | 4807 -webkit-mask-position: -96px 0; |
4440 } | 4808 } |
4441 | 4809 |
4442 .exclude-profile-node-status-bar-item .glyph { | 4810 .exclude-profile-node-status-bar-item .glyph { |
4443 -webkit-mask-image: url(Images/excludeButtonGlyph.png); | 4811 -webkit-mask-position: -128px 0; |
4444 } | 4812 } |
4445 | 4813 |
4446 .reset-profile-status-bar-item .glyph { | 4814 .reset-profile-status-bar-item .glyph { |
4447 -webkit-mask-image: url(Images/reloadButtonGlyph.png); | 4815 -webkit-mask-position: 0 0; |
4448 } | 4816 } |
4449 | 4817 |
4450 .delete-storage-status-bar-item .glyph { | 4818 .delete-storage-status-bar-item .glyph { |
4451 -webkit-mask-image: url(Images/excludeButtonGlyph.png); | 4819 -webkit-mask-position: -128px 0; |
4452 } | 4820 } |
4453 | 4821 |
4454 .refresh-storage-status-bar-item .glyph { | 4822 .refresh-storage-status-bar-item .glyph { |
4455 -webkit-mask-image: url(Images/reloadButtonGlyph.png); | 4823 -webkit-mask-position: 0 0; |
4456 } | 4824 } |
4457 | 4825 |
4458 ol.breakpoint-list { | 4826 ol.breakpoint-list { |
4459 -webkit-padding-start: 0; | 4827 -webkit-padding-start: 0; |
4460 list-style: none; | 4828 list-style: none; |
4461 margin: 0; | 4829 margin: 0; |
4462 } | 4830 } |
4463 | 4831 |
4464 .breakpoint-list li { | 4832 .breakpoint-list li { |
4465 white-space: nowrap; | 4833 white-space: nowrap; |
(...skipping 182 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
4648 margin-left: 5px; | 5016 margin-left: 5px; |
4649 max-width: 65%; | 5017 max-width: 65%; |
4650 text-overflow: ellipsis; | 5018 text-overflow: ellipsis; |
4651 overflow: hidden; | 5019 overflow: hidden; |
4652 } | 5020 } |
4653 | 5021 |
4654 .styles-section .header .subtitle a { | 5022 .styles-section .header .subtitle a { |
4655 color: inherit; | 5023 color: inherit; |
4656 } | 5024 } |
4657 | 5025 |
4658 .styles-section a::before { | |
4659 content: attr(data-uncopyable); | |
4660 } | |
4661 | |
4662 .styles-section .properties { | 5026 .styles-section .properties { |
4663 display: none; | 5027 display: none; |
4664 margin: 0; | 5028 margin: 0; |
4665 padding: 2px 4px 0 8px; | 5029 padding: 2px 4px 0 8px; |
4666 list-style: none; | 5030 list-style: none; |
4667 } | 5031 } |
4668 | 5032 |
4669 .styles-section.no-affect .properties li { | 5033 .styles-section.no-affect .properties li { |
4670 opacity: 0.5; | 5034 opacity: 0.5; |
4671 } | 5035 } |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
4781 } | 5145 } |
4782 | 5146 |
4783 .cursor-pointer { | 5147 .cursor-pointer { |
4784 cursor: pointer; | 5148 cursor: pointer; |
4785 } | 5149 } |
4786 | 5150 |
4787 .cursor-auto { | 5151 .cursor-auto { |
4788 cursor: auto; | 5152 cursor: auto; |
4789 } | 5153 } |
4790 | 5154 |
| 5155 .please-wait-msg { |
| 5156 position: absolute; |
| 5157 left: 0; |
| 5158 top: 0; |
| 5159 border: 4px black solid; |
| 5160 border-radius: 4px; |
| 5161 background-color: black; |
| 5162 opacity: 0.85; |
| 5163 color: white; |
| 5164 font-size: 12px; |
| 5165 font-weight: bold; |
| 5166 z-index: 10000; |
| 5167 } |
| 5168 |
| 5169 .resource-view.json { |
| 5170 padding: 5px; |
| 5171 } |
| 5172 |
| 5173 .resource-view.html iframe { |
| 5174 width: 100%; |
| 5175 height: 100%; |
| 5176 } |
| 5177 |
4791 /* inspectorSyntaxHighlight.css */ | 5178 /* inspectorSyntaxHighlight.css */ |
4792 | 5179 |
4793 /* | 5180 /* |
4794 * Copyright (C) 2009 Apple Inc. All rights reserved. | 5181 * Copyright (C) 2009 Apple Inc. All rights reserved. |
4795 * | 5182 * |
4796 * Redistribution and use in source and binary forms, with or without | 5183 * Redistribution and use in source and binary forms, with or without |
4797 * modification, are permitted provided that the following conditions | 5184 * modification, are permitted provided that the following conditions |
4798 * are met: | 5185 * are met: |
4799 * | 5186 * |
4800 * 1. Redistributions of source code must retain the above copyright | 5187 * 1. Redistributions of source code must retain the above copyright |
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
4898 } | 5285 } |
4899 | 5286 |
4900 .webkit-html-external-link:hover { | 5287 .webkit-html-external-link:hover { |
4901 /* Keep this in sync with view-source.css (.webkit-html-external-link:hover)
*/ | 5288 /* Keep this in sync with view-source.css (.webkit-html-external-link:hover)
*/ |
4902 text-decoration: underline; | 5289 text-decoration: underline; |
4903 } | 5290 } |
4904 | 5291 |
4905 /* networkPanel.css */ | 5292 /* networkPanel.css */ |
4906 | 5293 |
4907 .network-larger-resources-status-bar-item .glyph { | 5294 .network-larger-resources-status-bar-item .glyph { |
4908 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); | 5295 -webkit-mask-position: -224px 0; |
4909 } | 5296 } |
4910 | 5297 |
4911 .network-sidebar .data-grid { | 5298 .network-sidebar .data-grid { |
4912 border: none; | 5299 border: none; |
4913 position: absolute; | 5300 position: absolute; |
4914 top: 0; | 5301 top: 0; |
4915 left: 0; | 5302 left: 0; |
4916 right: 0; | 5303 right: 0; |
4917 bottom: 0; | 5304 bottom: 0; |
4918 font-size: 11px; | 5305 font-size: 11px; |
4919 } | 5306 } |
4920 | 5307 |
4921 .network-sidebar .data-grid table.data { | 5308 .network-sidebar .data-grid table.data { |
4922 -webkit-background-size: 1px 82px; | 5309 -webkit-background-size: 1px 82px; |
4923 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); | 5310 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); |
4924 font-size: 11px; | 5311 font-size: 11px; |
4925 } | 5312 } |
4926 | 5313 |
4927 .network-sidebar .data-grid.small table.data { | 5314 .network-sidebar .data-grid.small table.data { |
4928 -webkit-background-size: 1px 42px; | 5315 -webkit-background-size: 1px 42px; |
4929 } | 5316 } |
4930 | 5317 |
4931 .network-sidebar .data-grid td:not(.network-summary) { | 5318 .network-sidebar .data-grid td { |
4932 line-height: 17px; | 5319 line-height: 17px; |
4933 height: 37px; | 5320 height: 37px; |
4934 border-right: 1px solid rgb(210, 210, 210); | 5321 border-right: 1px solid rgb(210, 210, 210); |
4935 vertical-align: middle; | 5322 vertical-align: middle; |
4936 } | 5323 } |
4937 | 5324 |
4938 .network-sidebar .data-grid.small td { | 5325 .network-sidebar .data-grid.small td { |
4939 height: 17px; | 5326 height: 17px; |
4940 } | 5327 } |
4941 | 5328 |
(...skipping 22 matching lines...) Expand all Loading... |
4964 | 5351 |
4965 .network-sidebar .data-grid select { | 5352 .network-sidebar .data-grid select { |
4966 -webkit-appearance: none; | 5353 -webkit-appearance: none; |
4967 background-color: transparent; | 5354 background-color: transparent; |
4968 border: none; | 5355 border: none; |
4969 width: 100%; | 5356 width: 100%; |
4970 font-size: 11px; | 5357 font-size: 11px; |
4971 font-weight: bold; | 5358 font-weight: bold; |
4972 } | 5359 } |
4973 | 5360 |
| 5361 .network-sidebar .data-grid.small tr.offscreen { |
| 5362 height: 21px; |
| 5363 } |
| 5364 |
| 5365 .network-sidebar .data-grid tr.offscreen { |
| 5366 height: 41px; |
| 5367 } |
| 5368 |
| 5369 .network-sidebar .data-grid tr.offscreen td { |
| 5370 display: none; |
| 5371 } |
| 5372 |
4974 .network-sidebar .data-grid tr.filler { | 5373 .network-sidebar .data-grid tr.filler { |
4975 background-color: white; | 5374 background-color: white; |
4976 } | 5375 } |
4977 | 5376 |
4978 .network-sidebar .data-grid td.name-column { | 5377 .network-sidebar .data-grid tr:not(.filler) td.name-column { |
4979 font-weight: bold; | 5378 font-weight: bold; |
4980 cursor: pointer; | 5379 cursor: pointer; |
4981 } | 5380 } |
4982 | 5381 |
4983 .network.panel:not(.viewing-resource) .network-sidebar td.name-column:hover { | 5382 .network.panel:not(.viewing-resource) .network-sidebar td.name-column:hover { |
4984 text-decoration: underline; | 5383 text-decoration: underline; |
4985 } | 5384 } |
4986 | 5385 |
4987 .network-sidebar .data-grid td.method-column, | 5386 .network-sidebar .data-grid td.method-column, |
4988 .network-sidebar .data-grid td.status-column, | 5387 .network-sidebar .data-grid td.status-column, |
(...skipping 394 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
5383 .data-grid.filter-scripts table.data tr.revealed.network-category-scripts, | 5782 .data-grid.filter-scripts table.data tr.revealed.network-category-scripts, |
5384 .data-grid.filter-xhr table.data tr.revealed.network-category-xhr, | 5783 .data-grid.filter-xhr table.data tr.revealed.network-category-xhr, |
5385 .data-grid.filter-fonts table.data tr.revealed.network-category-fonts, | 5784 .data-grid.filter-fonts table.data tr.revealed.network-category-fonts, |
5386 .data-grid.filter-websockets table.data tr.revealed.network-category-websockets, | 5785 .data-grid.filter-websockets table.data tr.revealed.network-category-websockets, |
5387 .data-grid.filter-other table.data tr.revealed.network-category-other { | 5786 .data-grid.filter-other table.data tr.revealed.network-category-other { |
5388 display: table-row; | 5787 display: table-row; |
5389 } | 5788 } |
5390 | 5789 |
5391 /* Summary */ | 5790 /* Summary */ |
5392 | 5791 |
| 5792 .network-sidebar tr.filler td { |
| 5793 padding-bottom: 20px !important; |
| 5794 } |
| 5795 |
5393 .network-summary-bar { | 5796 .network-summary-bar { |
| 5797 position: absolute; |
| 5798 left: 0; |
| 5799 right: 0; |
| 5800 bottom: 0; |
| 5801 margin-right: -14px; |
5394 background-color: rgb(101, 111, 130); | 5802 background-color: rgb(101, 111, 130); |
| 5803 } |
| 5804 |
| 5805 .network-sidebar .data-grid .network-summary-bar td { |
5395 color: white; | 5806 color: white; |
5396 height: 20px; | 5807 height: 20px; |
| 5808 border: none; |
5397 font-size: 11px; | 5809 font-size: 11px; |
5398 font-weight: bold; | 5810 font-weight: bold; |
5399 padding-top: 3px; | 5811 padding: 0 0 0 8px; |
5400 padding-left: 10px; | |
5401 z-index: 2000; | |
5402 white-space: pre; | 5812 white-space: pre; |
5403 overflow : hidden; | 5813 overflow : hidden; |
5404 text-overflow : ellipsis; | 5814 text-overflow : ellipsis; |
5405 } | 5815 } |
5406 | 5816 |
5407 .network-summary-bar-bottom { | 5817 .network-summary-bar img { |
5408 position: absolute; | 5818 vertical-align: middle; |
5409 bottom: 0; | 5819 padding-right: 8px; |
5410 left: 0; | |
5411 right: 0; | |
5412 padding-top: 3px; | |
5413 } | |
5414 | |
5415 .data-grid td .network-summary-bar { | |
5416 white-space: pre; | |
5417 } | |
5418 | |
5419 .network-sidebar .data-grid td.network-summary { | |
5420 padding: 0; | |
5421 } | 5820 } |
5422 | 5821 |
5423 /* Viewer */ | 5822 /* Viewer */ |
5424 | 5823 |
5425 .network.panel.viewing-resource .network-sidebar .data-grid td, | 5824 .network.panel.viewing-resource .network-sidebar .data-grid td, |
5426 .network.panel.viewing-resource .network-sidebar .data-grid th { | 5825 .network.panel.viewing-resource .network-sidebar .data-grid th { |
5427 border-right: none; | 5826 border-right: none; |
5428 } | 5827 } |
5429 | 5828 |
5430 .network.panel.viewing-resource .data-grid th.corner { | 5829 .network.panel.viewing-resource .data-grid th.corner { |
(...skipping 170 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
5601 } | 6000 } |
5602 | 6001 |
5603 .resource-headers-view .outline-disclosure .children li { | 6002 .resource-headers-view .outline-disclosure .children li { |
5604 white-space: nowrap; | 6003 white-space: nowrap; |
5605 } | 6004 } |
5606 | 6005 |
5607 .resource-headers-view .outline-disclosure li.expanded .header-count { | 6006 .resource-headers-view .outline-disclosure li.expanded .header-count { |
5608 display: none; | 6007 display: none; |
5609 } | 6008 } |
5610 | 6009 |
| 6010 .resource-headers-view .outline-disclosure li .header-toggle { |
| 6011 display: none; |
| 6012 } |
| 6013 |
| 6014 .resource-headers-view .outline-disclosure li.expanded .header-toggle { |
| 6015 display: inline; |
| 6016 margin-left: 30px; |
| 6017 font-weight: normal; |
| 6018 color: rgb(45%, 45%, 45%); |
| 6019 } |
| 6020 |
| 6021 .resource-headers-view .outline-disclosure li .header-toggle:hover { |
| 6022 color: rgb(20%, 20%, 45%); |
| 6023 cursor: pointer; |
| 6024 } |
| 6025 |
5611 .resource-headers-view .outline-disclosure .header-name { | 6026 .resource-headers-view .outline-disclosure .header-name { |
5612 color: rgb(33%, 33%, 33%); | 6027 color: rgb(33%, 33%, 33%); |
5613 display: inline-block; | 6028 display: inline-block; |
5614 margin-right: 0.5em; | 6029 margin-right: 0.5em; |
5615 font-weight: bold; | 6030 font-weight: bold; |
5616 vertical-align: top; | 6031 vertical-align: top; |
5617 white-space: pre-wrap; | 6032 white-space: pre-wrap; |
5618 } | 6033 } |
5619 | 6034 |
5620 .resource-headers-view .outline-disclosure .header-value { | 6035 .resource-headers-view .outline-disclosure .header-value { |
5621 display: inline; | 6036 display: inline; |
5622 margin-right: 100px; | 6037 margin-right: 100px; |
5623 white-space: pre-wrap; | 6038 white-space: pre-wrap; |
5624 word-break: break-all; | 6039 word-break: break-all; |
5625 margin-top: 1px; | 6040 margin-top: 1px; |
5626 } | 6041 } |
5627 | 6042 |
| 6043 .resource-headers-view .outline-disclosure li.headers-text { |
| 6044 text-indent: 0; |
| 6045 margin-left: -2px; |
| 6046 } |
| 6047 |
5628 .resource-headers-view .outline-disclosure .raw-form-data { | 6048 .resource-headers-view .outline-disclosure .raw-form-data { |
5629 white-space: pre-wrap; | 6049 white-space: pre-wrap; |
5630 } | 6050 } |
5631 | 6051 |
5632 .resource-cookies-view { | 6052 .resource-cookies-view { |
5633 display: none; | 6053 display: none; |
5634 position: absolute; | 6054 position: absolute; |
5635 top: 0; | 6055 top: 0; |
5636 right: 0; | 6056 right: 0; |
5637 left: 0; | 6057 left: 0; |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
5722 left: 5%; | 6142 left: 5%; |
5723 width: 90%; | 6143 width: 90%; |
5724 bottom: 40px; | 6144 bottom: 40px; |
5725 z-index: 2000; | 6145 z-index: 2000; |
5726 } | 6146 } |
5727 | 6147 |
5728 body.attached .help-window-outer { | 6148 body.attached .help-window-outer { |
5729 top: 32px; | 6149 top: 32px; |
5730 left: 0; | 6150 left: 0; |
5731 width: 100%; | 6151 width: 100%; |
5732 bottom: 24px; | 6152 bottom: 23px; |
5733 } | 6153 } |
5734 | 6154 |
5735 .help-window-main { | 6155 .help-window-main { |
5736 max-height: 100%; | 6156 max-height: 100%; |
5737 opacity: 0.85; | 6157 opacity: 0.85; |
5738 color: white; | 6158 color: white; |
5739 background-color: black; | 6159 background-color: black; |
5740 display: -webkit-box; | 6160 display: -webkit-box; |
5741 -webkit-box-orient: vertical; | 6161 -webkit-box-orient: vertical; |
5742 border: 20px black solid; | 6162 border: 20px black solid; |
(...skipping 336 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
6079 position: absolute; | 6499 position: absolute; |
6080 top:0; | 6500 top:0; |
6081 left:0; | 6501 left:0; |
6082 right:0; | 6502 right:0; |
6083 bottom:0; | 6503 bottom:0; |
6084 white-space: pre; | 6504 white-space: pre; |
6085 overflow: auto; | 6505 overflow: auto; |
6086 } | 6506 } |
6087 | 6507 |
6088 .text-editor-lines { | 6508 .text-editor-lines { |
6089 border: 0; | 6509 position: absolute; |
6090 -webkit-border-horizontal-spacing: 0; | 6510 top: 0; |
6091 -webkit-border-vertical-spacing: 0; | 6511 left: 0; |
| 6512 bottom: 0; |
| 6513 overflow: hidden; |
| 6514 -webkit-user-select: none; |
| 6515 background-color: rgb(240, 240, 240); |
| 6516 border-right: 1px solid rgb(187, 187, 187); |
| 6517 min-width: 19px; |
| 6518 } |
| 6519 |
| 6520 .text-editor-contents { |
| 6521 position: absolute; |
| 6522 top: 0; |
| 6523 left: 0; |
| 6524 right: 0; |
| 6525 bottom: 0; |
| 6526 overflow: auto; |
6092 -webkit-user-select: text; | 6527 -webkit-user-select: text; |
6093 } | 6528 } |
6094 | 6529 |
| 6530 .text-editor-contents .inner-container { |
| 6531 position: absolute; |
| 6532 top: 0; |
| 6533 left: 0; |
| 6534 right: auto; |
| 6535 bottom: auto; |
| 6536 min-width: 100%; |
| 6537 } |
| 6538 |
| 6539 .text-editor-editable { |
| 6540 -webkit-user-modify: read-write-plaintext-only; |
| 6541 } |
| 6542 |
| 6543 .text-editor-read-only { |
| 6544 -webkit-user-modify: read-only; |
| 6545 background-color: rgb(240, 240, 240); |
| 6546 } |
| 6547 |
| 6548 .webkit-line-decorations { |
| 6549 pointer-events: none; |
| 6550 -webkit-user-select: none; |
| 6551 -webkit-user-modify: read-only; |
| 6552 } |
| 6553 |
6095 .webkit-html-message-bubble { | 6554 .webkit-html-message-bubble { |
6096 -webkit-box-shadow: black 0px 2px 5px; | 6555 -webkit-box-shadow: black 0px 2px 5px; |
6097 -webkit-border-radius: 9px; | 6556 -webkit-border-radius: 9px; |
6098 -webkit-border-fit: lines; | 6557 -webkit-border-fit: lines; |
6099 font-size: 10px; | 6558 font-size: 10px; |
6100 font-family: Lucida Grande, sans-serif; | 6559 font-family: Lucida Grande, sans-serif; |
6101 font-weight: bold; | 6560 font-weight: bold; |
6102 margin: 6px 25px; | 6561 margin: 6px 25px; |
6103 padding: 0 7px 1px; | 6562 padding: 0 7px 1px; |
6104 z-index:20; | 6563 z-index:20; |
(...skipping 23 matching lines...) Expand all Loading... |
6128 } | 6587 } |
6129 | 6588 |
6130 .webkit-html-message-icon { | 6589 .webkit-html-message-icon { |
6131 position: relative; | 6590 position: relative; |
6132 top: 2px; | 6591 top: 2px; |
6133 margin: 0 4px; | 6592 margin: 0 4px; |
6134 } | 6593 } |
6135 | 6594 |
6136 .webkit-line-number { | 6595 .webkit-line-number { |
6137 color: rgb(128, 128, 128); | 6596 color: rgb(128, 128, 128); |
6138 background-color: rgb(240, 240, 240); | |
6139 border-right: 1px solid rgb(187, 187, 187); | |
6140 text-align: right; | 6597 text-align: right; |
6141 vertical-align: top; | 6598 vertical-align: top; |
6142 word-break: normal; | 6599 word-break: normal; |
6143 -webkit-user-select: none; | |
6144 padding-right: 4px; | 6600 padding-right: 4px; |
6145 padding-left: 6px; | 6601 padding-left: 6px; |
6146 } | 6602 } |
6147 | 6603 |
6148 .webkit-line-number-outer { | 6604 .webkit-line-number-outer { |
6149 margin-right: -4px; | 6605 margin-right: -4px; |
6150 margin-left: -4px; | 6606 margin-left: -4px; |
6151 border-color: transparent; | 6607 border-color: transparent; |
6152 border-style: solid; | 6608 border-style: solid; |
6153 border-width: 0 0 0px 2px; | 6609 border-width: 0 0 0px 2px; |
6154 vertical-align: top; | 6610 vertical-align: top; |
6155 } | 6611 } |
6156 | 6612 |
6157 .webkit-line-number-inner { | 6613 .webkit-line-number-inner { |
6158 margin-right: 4px; | 6614 margin-right: 4px; |
6159 } | 6615 } |
6160 | 6616 |
6161 .webkit-breakpoint .webkit-line-number-inner, .webkit-breakpoint-conditional .we
bkit-line-number-inner, .webkit-execution-line .webkit-line-number-inner { | 6617 .webkit-breakpoint .webkit-line-number-inner, .webkit-breakpoint-conditional .we
bkit-line-number-inner, .webkit-execution-line .webkit-line-number-inner { |
6162 margin-right: -10px; | 6618 margin-right: -10px; |
6163 } | 6619 } |
6164 | 6620 |
6165 .webkit-line-content { | 6621 .webkit-line-content { |
6166 width: 100%; | |
6167 padding-left: 2px; | 6622 padding-left: 2px; |
6168 vertical-align: top; | |
6169 } | 6623 } |
6170 | 6624 |
6171 .webkit-breakpoint .webkit-line-number-outer { | 6625 .webkit-breakpoint .webkit-line-number-outer { |
6172 color: white; | 6626 color: white; |
6173 border-width: 0 14px 0px 2px; | 6627 border-width: 0 14px 0px 2px; |
6174 -webkit-border-image: url(Images/breakpointBorder.png) 0 14 0 2; | 6628 -webkit-border-image: url(Images/breakpointBorder.png) 0 14 0 2; |
6175 } | 6629 } |
6176 | 6630 |
6177 .webkit-breakpoint-conditional .webkit-line-number-outer { | 6631 .webkit-breakpoint-conditional .webkit-line-number-outer { |
6178 color: white; | 6632 color: white; |
(...skipping 27 matching lines...) Expand all Loading... |
6206 } | 6660 } |
6207 | 6661 |
6208 .breakpoints-deactivated .webkit-breakpoint .webkit-line-number-outer { | 6662 .breakpoints-deactivated .webkit-breakpoint .webkit-line-number-outer { |
6209 opacity: 0.5; | 6663 opacity: 0.5; |
6210 } | 6664 } |
6211 | 6665 |
6212 .breakpoints-deactivated .webkit-breakpoint-disabled .webkit-line-number-outer { | 6666 .breakpoints-deactivated .webkit-breakpoint-disabled .webkit-line-number-outer { |
6213 opacity: 0.3; | 6667 opacity: 0.3; |
6214 } | 6668 } |
6215 | 6669 |
6216 .webkit-execution-line .webkit-line-content { | 6670 .webkit-execution-line.webkit-line-content { |
6217 background-color: rgb(171, 191, 254); | 6671 background-color: rgb(171, 191, 254); |
6218 outline: 1px solid rgb(64, 115, 244); | 6672 outline: 1px solid rgb(64, 115, 244); |
6219 } | 6673 } |
6220 | 6674 |
6221 .diff-container .webkit-added-line .webkit-line-content { | 6675 .diff-container .webkit-added-line.webkit-line-content { |
6222 background-color: rgb(220, 255, 220); | 6676 background-color: rgb(220, 255, 220); |
6223 } | 6677 } |
6224 | 6678 |
6225 .diff-container .webkit-removed-line .webkit-line-content { | 6679 .diff-container .webkit-removed-line.webkit-line-content { |
6226 background-color: rgb(255, 220, 220); | 6680 background-color: rgb(255, 220, 220); |
6227 text-decoration: line-through; | 6681 text-decoration: line-through; |
6228 } | 6682 } |
6229 | 6683 |
6230 .diff-container .webkit-changed-line .webkit-line-content { | 6684 .diff-container .webkit-changed-line.webkit-line-content { |
6231 background-color: rgb(220, 220, 255); | 6685 background-color: rgb(220, 220, 255); |
6232 } | 6686 } |
6233 | 6687 |
6234 .webkit-search-result { | 6688 .webkit-search-result { |
6235 -webkit-border-radius: 4px; | 6689 -webkit-border-radius: 4px; |
6236 padding: 2px 2px 2px 3px; | 6690 padding: 2px 2px 2px 3px; |
6237 margin: -2px -2px -2px -3px; | 6691 margin: -2px -2px -2px -3px; |
6238 opacity: 0.8; | 6692 opacity: 0.8; |
6239 -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; | 6693 -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; |
6240 background-color: rgb(241, 234, 0); | 6694 background-color: rgb(241, 234, 0); |
6241 color: black; | 6695 color: black; |
6242 } | 6696 } |
6243 | 6697 |
6244 .webkit-highlighted-line .webkit-line-content { | 6698 .webkit-highlighted-line.webkit-line-content { |
6245 -webkit-animation: "fadeout" 2s 0s; | 6699 -webkit-animation: "fadeout" 2s 0s; |
6246 } | 6700 } |
6247 | 6701 |
6248 @-webkit-keyframes fadeout { | 6702 @-webkit-keyframes fadeout { |
6249 from {background-color: rgb(255, 255, 120); } | 6703 from {background-color: rgb(255, 255, 120); } |
6250 to { background-color: white; } | 6704 to { background-color: white; } |
6251 } | 6705 } |
6252 | 6706 |
6253 /* devTools.css */ | 6707 /* devTools.css */ |
6254 | 6708 |
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
6363 } | 6817 } |
6364 | 6818 |
6365 .scope-bar li:active { | 6819 .scope-bar li:active { |
6366 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); | 6820 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); |
6367 } | 6821 } |
6368 | 6822 |
6369 .timeline-category-statusbar-item input { | 6823 .timeline-category-statusbar-item input { |
6370 vertical-align: middle; | 6824 vertical-align: middle; |
6371 } | 6825 } |
6372 | 6826 |
OLD | NEW |