OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 726 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
737 left: 0px; | 737 left: 0px; |
738 color: #777; | 738 color: #777; |
739 background-color: rgba(255, 255, 255, 0.8); | 739 background-color: rgba(255, 255, 255, 0.8); |
740 font-size: 30px; | 740 font-size: 30px; |
741 z-index: 500; | 741 z-index: 500; |
742 display: flex; | 742 display: flex; |
743 justify-content: center; | 743 justify-content: center; |
744 align-items: center; | 744 align-items: center; |
745 } | 745 } |
746 | 746 |
| 747 .layers-3d-view { |
| 748 overflow: hidden; |
| 749 } |
| 750 |
| 751 .layers-3d-view canvas { |
| 752 flex: 1 1; |
| 753 } |
| 754 |
| 755 .transform-control-panel .status-bar-item > .glyph { |
| 756 -webkit-mask-image: url(Images/transformControls.png); |
| 757 -webkit-mask-size: 96px 24px; |
| 758 opacity: 0.8; |
| 759 } |
| 760 |
| 761 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 762 .transform-control-panel .status-bar-item > .glyph { |
| 763 -webkit-mask-image: url(Images/transformControls_2x.png); |
| 764 } |
| 765 } /* media */ |
| 766 |
| 767 .transform-control-panel .transform-mode-rotate .glyph { |
| 768 -webkit-mask-position: -64px 0px; |
| 769 } |
| 770 |
| 771 .transform-control-panel .transform-reset .glyph { |
| 772 -webkit-mask-position: -32px 0px; |
| 773 } |
| 774 |
| 775 .layer-details-view .empty-view { |
| 776 font-size: 16px; |
| 777 } |
| 778 |
| 779 .layer-details-view table td { |
| 780 padding-left: 8px; |
| 781 } |
| 782 |
| 783 .layer-details-view table td:first-child { |
| 784 font-weight: bold; |
| 785 } |
| 786 |
| 787 .layer-details-view .scroll-rect.active { |
| 788 background-color: rgba(100, 100, 100, 0.2); |
| 789 } |
| 790 |
| 791 .paint-profiler-overview .progress-banner { |
| 792 color: #777; |
| 793 background-color: rgba(255, 255, 255, 0.8); |
| 794 font-size: 20px; |
| 795 z-index: 500; |
| 796 display: flex; |
| 797 justify-content: center; |
| 798 align-items: center; |
| 799 } |
| 800 |
| 801 .paint-profiler-canvas-container { |
| 802 flex: auto; |
| 803 position: relative; |
| 804 } |
| 805 |
| 806 .paint-profiler-overview { |
| 807 background-color: rgb(244, 244, 244); |
| 808 } |
| 809 |
| 810 .paint-profiler-pie-chart { |
| 811 width: 60px; |
| 812 height: 60px; |
| 813 padding: 2px; |
| 814 overflow: hidden; |
| 815 font-size: 10px; |
| 816 } |
| 817 |
| 818 .paint-profiler-canvas-container canvas { |
| 819 z-index: 200; |
| 820 background-color: white; |
| 821 opacity: 0.95; |
| 822 height: 100%; |
| 823 width: 100%; |
| 824 } |
| 825 |
| 826 .paint-profiler-canvas-container .overview-grid-dividers-background, |
| 827 .paint-profiler-canvas-container .overview-grid-window { |
| 828 bottom: 0; |
| 829 height: auto; |
| 830 } |
| 831 |
| 832 .paint-profiler-canvas-container .overview-grid-window-resizer { |
| 833 z-index: 2000; |
| 834 } |
| 835 |
| 836 .profiler-log-view .console-formatted-string { |
| 837 white-space: nowrap; |
| 838 } |
| 839 |
| 840 .profiler-log-view.section .properties { |
| 841 display: block; |
| 842 } |
| 843 |
747 .timeline-paint-profiler-view .outline-disclosure li { | 844 .timeline-paint-profiler-view .outline-disclosure li { |
748 margin-top: 0; | 845 margin-top: 0; |
749 margin-bottom: 0; | 846 margin-bottom: 0; |
750 padding: 1px 1px 1px 14px; | 847 padding: 1px 1px 1px 14px; |
751 white-space: nowrap; | 848 white-space: nowrap; |
752 overflow: hidden; | 849 overflow: hidden; |
753 text-overflow: ellipsis; | 850 text-overflow: ellipsis; |
754 } | 851 } |
755 | 852 |
756 .timeline-paint-profiler-view .outline-disclosure ol.children { | 853 .timeline-paint-profiler-view .outline-disclosure ol.children { |
757 padding-left: 12px; | 854 padding-left: 12px; |
758 } | 855 } |
759 | 856 |
760 .paint-profiler-image-view { | 857 .paint-profiler-image-view { |
761 overflow: hidden; | 858 overflow: hidden; |
762 } | 859 } |
763 | 860 |
764 .paint-profiler-image-view img { | 861 .paint-profiler-image-view img { |
765 border: solid 1px black; | 862 border: solid 1px black; |
766 -webkit-transform-origin: 0px 0px; | 863 -webkit-transform-origin: 0px 0px; |
767 } | 864 } |
OLD | NEW |