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 611 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
622 width: 13px; | 622 width: 13px; |
623 height: 13px; | 623 height: 13px; |
624 background-position: -175px -216px; | 624 background-position: -175px -216px; |
625 } | 625 } |
626 | 626 |
627 @media (-webkit-min-device-pixel-ratio: 1.5) { | 627 @media (-webkit-min-device-pixel-ratio: 1.5) { |
628 .close-button, | 628 .close-button, |
629 .close-button-gray { | 629 .close-button-gray { |
630 background-image: url(Images/statusbarButtonGlyphs2x.png); | 630 background-image: url(Images/statusbarButtonGlyphs2x.png); |
631 } | 631 } |
632 } | 632 } /* media */ |
633 | 633 |
634 .close-button:hover { | 634 .close-button:hover { |
635 background-position: -96px -216px; | 635 background-position: -96px -216px; |
636 } | 636 } |
637 | 637 |
638 .close-button:active { | 638 .close-button:active { |
639 background-position: -111px -216px; | 639 background-position: -111px -216px; |
640 } | 640 } |
641 | 641 |
642 .close-button-gray:hover { | 642 .close-button-gray:hover { |
(...skipping 186 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
829 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); | 829 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
830 -webkit-mask-position: -288px -48px; | 830 -webkit-mask-position: -288px -48px; |
831 -webkit-mask-size: 320px 120px; | 831 -webkit-mask-size: 320px 120px; |
832 z-index: 1; | 832 z-index: 1; |
833 } | 833 } |
834 | 834 |
835 @media (-webkit-min-device-pixel-ratio: 1.5) { | 835 @media (-webkit-min-device-pixel-ratio: 1.5) { |
836 .long-click-glyph { | 836 .long-click-glyph { |
837 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); | 837 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); |
838 } | 838 } |
839 } | 839 } /* media */ |
840 | 840 |
841 .long-click-glyph.shadow { | 841 .long-click-glyph.shadow { |
842 top: 1px; | 842 top: 1px; |
843 background-color: white !important; | 843 background-color: white !important; |
844 z-index: 0; | 844 z-index: 0; |
845 } | 845 } |
846 | 846 |
847 button.status-bar-item { | 847 button.status-bar-item { |
848 position: relative; | 848 position: relative; |
849 width: 32px; | 849 width: 32px; |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
893 pointer-events: none; | 893 pointer-events: none; |
894 position: relative; | 894 position: relative; |
895 top: 3px; | 895 top: 3px; |
896 left: -3px; | 896 left: -3px; |
897 } | 897 } |
898 | 898 |
899 @media (-webkit-min-device-pixel-ratio: 1.5) { | 899 @media (-webkit-min-device-pixel-ratio: 1.5) { |
900 .status-bar-select-arrow { | 900 .status-bar-select-arrow { |
901 background-image: url(Images/statusbarButtonGlyphs2x.png); | 901 background-image: url(Images/statusbarButtonGlyphs2x.png); |
902 } | 902 } |
903 } | 903 } /* media */ |
904 | 904 |
905 select.status-bar-item { | 905 select.status-bar-item { |
906 min-width: 48px; | 906 min-width: 48px; |
907 color: rgb(48, 48, 48); | 907 color: rgb(48, 48, 48); |
908 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | 908 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; |
909 -webkit-appearance: none; | 909 -webkit-appearance: none; |
910 border: 0; | 910 border: 0; |
911 border-radius: 0; | 911 border-radius: 0; |
912 padding: 0 15px 0 5px; | 912 padding: 0 15px 0 5px; |
913 margin-right: -10px; | 913 margin-right: -10px; |
(...skipping 11 matching lines...) Expand all Loading... |
925 | 925 |
926 .status-bar-item > .glyph { | 926 .status-bar-item > .glyph { |
927 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); | 927 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
928 -webkit-mask-size: 320px 120px; | 928 -webkit-mask-size: 320px 120px; |
929 } | 929 } |
930 | 930 |
931 @media (-webkit-min-device-pixel-ratio: 1.5) { | 931 @media (-webkit-min-device-pixel-ratio: 1.5) { |
932 .status-bar-item > .glyph { | 932 .status-bar-item > .glyph { |
933 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); | 933 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); |
934 } | 934 } |
935 } | 935 } /* media */ |
936 | 936 |
937 button.dock-status-bar-item.status-bar-item.toggled-undock .glyph { | 937 button.dock-status-bar-item.status-bar-item.toggled-undock .glyph { |
938 -webkit-mask-position: 0 -48px; | 938 -webkit-mask-position: 0 -48px; |
939 } | 939 } |
940 | 940 |
941 button.dock-status-bar-item.status-bar-item.toggled-bottom .glyph { | 941 button.dock-status-bar-item.status-bar-item.toggled-bottom .glyph { |
942 -webkit-mask-position: -32px -24px; | 942 -webkit-mask-position: -32px -24px; |
943 background-color: rgba(0, 0, 0, 0.75); | 943 background-color: rgba(0, 0, 0, 0.75); |
944 } | 944 } |
945 | 945 |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1006 } | 1006 } |
1007 | 1007 |
1008 @media (-webkit-min-device-pixel-ratio: 1.5) { | 1008 @media (-webkit-min-device-pixel-ratio: 1.5) { |
1009 .error-icon-small, | 1009 .error-icon-small, |
1010 .warning-icon-small, | 1010 .warning-icon-small, |
1011 .red-ball, | 1011 .red-ball, |
1012 .green-ball, | 1012 .green-ball, |
1013 .orange-ball { | 1013 .orange-ball { |
1014 background-image: url(Images/statusbarButtonGlyphs2x.png); | 1014 background-image: url(Images/statusbarButtonGlyphs2x.png); |
1015 } | 1015 } |
1016 } | 1016 } /* media */ |
1017 | 1017 |
1018 .error-icon-small { | 1018 .error-icon-small { |
1019 background-position: -213px -96px; | 1019 background-position: -213px -96px; |
1020 } | 1020 } |
1021 | 1021 |
1022 .warning-icon-small { | 1022 .warning-icon-small { |
1023 background-position: -202px -107px; | 1023 background-position: -202px -107px; |
1024 } | 1024 } |
1025 | 1025 |
1026 .red-ball { | 1026 .red-ball { |
(...skipping 161 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1188 background-size: 320px 120px; | 1188 background-size: 320px 120px; |
1189 } | 1189 } |
1190 | 1190 |
1191 @media (-webkit-min-device-pixel-ratio: 1.5) { | 1191 @media (-webkit-min-device-pixel-ratio: 1.5) { |
1192 .console-message::before, | 1192 .console-message::before, |
1193 .console-user-command::before, | 1193 .console-user-command::before, |
1194 #console-prompt::before, | 1194 #console-prompt::before, |
1195 .console-group-title::before { | 1195 .console-group-title::before { |
1196 background-image: url(Images/statusbarButtonGlyphs2x.png); | 1196 background-image: url(Images/statusbarButtonGlyphs2x.png); |
1197 } | 1197 } |
1198 } | 1198 } /* media */ |
1199 | 1199 |
1200 .console-message > .outline-disclosure li.parent::before { | 1200 .console-message > .outline-disclosure li.parent::before { |
1201 top: 0; | 1201 top: 0; |
1202 } | 1202 } |
1203 | 1203 |
1204 .console-message .bubble { | 1204 .console-message .bubble { |
1205 display: inline-block; | 1205 display: inline-block; |
1206 height: 14px; | 1206 height: 14px; |
1207 background-color: rgb(128, 151, 189); | 1207 background-color: rgb(128, 151, 189); |
1208 vertical-align: middle; | 1208 vertical-align: middle; |
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1258 color: transparent; | 1258 color: transparent; |
1259 text-shadow: none; | 1259 text-shadow: none; |
1260 margin-left: 3px; | 1260 margin-left: 3px; |
1261 margin-top: -7px; | 1261 margin-top: -7px; |
1262 } | 1262 } |
1263 | 1263 |
1264 @media (-webkit-min-device-pixel-ratio: 1.5) { | 1264 @media (-webkit-min-device-pixel-ratio: 1.5) { |
1265 .console-group-title::before { | 1265 .console-group-title::before { |
1266 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); | 1266 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); |
1267 } | 1267 } |
1268 } | 1268 } /* media */ |
1269 | 1269 |
1270 .console-group .console-group-title::before { | 1270 .console-group .console-group-title::before { |
1271 -webkit-mask-position: -20px -96px; | 1271 -webkit-mask-position: -20px -96px; |
1272 background-color: rgb(110, 110, 110); | 1272 background-color: rgb(110, 110, 110); |
1273 } | 1273 } |
1274 | 1274 |
1275 .console-group.collapsed .console-group-title::before { | 1275 .console-group.collapsed .console-group-title::before { |
1276 -webkit-mask-position: -4px -96px; | 1276 -webkit-mask-position: -4px -96px; |
1277 } | 1277 } |
1278 | 1278 |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1316 width: 10px; | 1316 width: 10px; |
1317 height: 10px; | 1317 height: 10px; |
1318 } | 1318 } |
1319 | 1319 |
1320 @media (-webkit-min-device-pixel-ratio: 1.5) { | 1320 @media (-webkit-min-device-pixel-ratio: 1.5) { |
1321 .console-error-level::before, | 1321 .console-error-level::before, |
1322 .console-warning-level::before, | 1322 .console-warning-level::before, |
1323 .console-debug-level::before { | 1323 .console-debug-level::before { |
1324 background-image: url(Images/statusbarButtonGlyphs2x.png); | 1324 background-image: url(Images/statusbarButtonGlyphs2x.png); |
1325 } | 1325 } |
1326 } | 1326 } /* media */ |
1327 | 1327 |
1328 .console-warning-level::before { | 1328 .console-warning-level::before { |
1329 background-position: -202px -107px; | 1329 background-position: -202px -107px; |
1330 } | 1330 } |
1331 | 1331 |
1332 .console-error-level::before { | 1332 .console-error-level::before { |
1333 background-position: -213px -96px; | 1333 background-position: -213px -96px; |
1334 } | 1334 } |
1335 | 1335 |
1336 .console-user-command .console-message { | 1336 .console-user-command .console-message { |
(...skipping 322 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1659 position: relative; | 1659 position: relative; |
1660 top: 2px; | 1660 top: 2px; |
1661 margin-right: 1px; | 1661 margin-right: 1px; |
1662 height: 12px; | 1662 height: 12px; |
1663 } | 1663 } |
1664 | 1664 |
1665 @media (-webkit-min-device-pixel-ratio: 1.5) { | 1665 @media (-webkit-min-device-pixel-ratio: 1.5) { |
1666 .outline-disclosure li.parent::before { | 1666 .outline-disclosure li.parent::before { |
1667 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); | 1667 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); |
1668 } | 1668 } |
1669 } | 1669 } /* media */ |
1670 | 1670 |
1671 .outline-disclosure li.parent::before { | 1671 .outline-disclosure li.parent::before { |
1672 -webkit-mask-position: -4px -96px; | 1672 -webkit-mask-position: -4px -96px; |
1673 background-color: rgb(110, 110, 110); | 1673 background-color: rgb(110, 110, 110); |
1674 } | 1674 } |
1675 | 1675 |
1676 .outline-disclosure li.parent.expanded::before { | 1676 .outline-disclosure li.parent.expanded::before { |
1677 -webkit-mask-position: -20px -96px; | 1677 -webkit-mask-position: -20px -96px; |
1678 } | 1678 } |
1679 | 1679 |
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1768 float: left; | 1768 float: left; |
1769 width: 8px; | 1769 width: 8px; |
1770 margin-right: 4px; | 1770 margin-right: 4px; |
1771 margin-top: 2px; | 1771 margin-top: 2px; |
1772 } | 1772 } |
1773 | 1773 |
1774 @media (-webkit-min-device-pixel-ratio: 1.5) { | 1774 @media (-webkit-min-device-pixel-ratio: 1.5) { |
1775 .section > .header::before { | 1775 .section > .header::before { |
1776 background-image: url(Images/statusbarButtonGlyphs2x.png); | 1776 background-image: url(Images/statusbarButtonGlyphs2x.png); |
1777 } | 1777 } |
1778 } | 1778 } /* media */ |
1779 | 1779 |
1780 .section > .header::before { | 1780 .section > .header::before { |
1781 background-position: -4px -96px; | 1781 background-position: -4px -96px; |
1782 } | 1782 } |
1783 | 1783 |
1784 .section.expanded > .header::before { | 1784 .section.expanded > .header::before { |
1785 background-position: -20px -96px; | 1785 background-position: -20px -96px; |
1786 } | 1786 } |
1787 | 1787 |
1788 .section > .header .title, | 1788 .section > .header .title, |
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1875 float: left; | 1875 float: left; |
1876 margin-right: 4px; | 1876 margin-right: 4px; |
1877 color: transparent; | 1877 color: transparent; |
1878 text-shadow: none; | 1878 text-shadow: none; |
1879 } | 1879 } |
1880 | 1880 |
1881 @media (-webkit-min-device-pixel-ratio: 1.5) { | 1881 @media (-webkit-min-device-pixel-ratio: 1.5) { |
1882 .properties-tree li.parent::before { | 1882 .properties-tree li.parent::before { |
1883 background-image: url(Images/statusbarButtonGlyphs2x.png); | 1883 background-image: url(Images/statusbarButtonGlyphs2x.png); |
1884 } | 1884 } |
1885 } | 1885 } /* media */ |
1886 | 1886 |
1887 .properties-tree li.parent::before { | 1887 .properties-tree li.parent::before { |
1888 background-position: -4px -96px; | 1888 background-position: -4px -96px; |
1889 } | 1889 } |
1890 | 1890 |
1891 .properties-tree li.parent.expanded::before { | 1891 .properties-tree li.parent.expanded::before { |
1892 background-position: -20px -96px; | 1892 background-position: -20px -96px; |
1893 } | 1893 } |
1894 | 1894 |
1895 .properties-tree li .info { | 1895 .properties-tree li .info { |
(...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2269 -webkit-appearance: none; | 2269 -webkit-appearance: none; |
2270 background-color: rgba(0, 0, 0, 0.75); | 2270 background-color: rgba(0, 0, 0, 0.75); |
2271 position: relative; | 2271 position: relative; |
2272 top: 10px; | 2272 top: 10px; |
2273 } | 2273 } |
2274 | 2274 |
2275 @media (-webkit-min-device-pixel-ratio: 1.5) { | 2275 @media (-webkit-min-device-pixel-ratio: 1.5) { |
2276 .sidebar-tree-item .disclosure-button { | 2276 .sidebar-tree-item .disclosure-button { |
2277 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); | 2277 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); |
2278 } | 2278 } |
2279 } | 2279 } /* media */ |
2280 | 2280 |
2281 .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button { | 2281 .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button { |
2282 display: none; | 2282 display: none; |
2283 } | 2283 } |
2284 | 2284 |
2285 .sidebar-tree-item .disclosure-button { | 2285 .sidebar-tree-item .disclosure-button { |
2286 -webkit-mask-position: -4px -96px; | 2286 -webkit-mask-position: -4px -96px; |
2287 } | 2287 } |
2288 | 2288 |
2289 .sidebar-tree-item.selected .disclosure-button { | 2289 .sidebar-tree-item.selected .disclosure-button { |
(...skipping 531 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2821 content: "a"; | 2821 content: "a"; |
2822 color: transparent; | 2822 color: transparent; |
2823 margin-left: -5px; | 2823 margin-left: -5px; |
2824 padding-right: 4px; | 2824 padding-right: 4px; |
2825 } | 2825 } |
2826 | 2826 |
2827 @media (-webkit-min-device-pixel-ratio: 1.5) { | 2827 @media (-webkit-min-device-pixel-ratio: 1.5) { |
2828 #search-results-pane-file-based li.parent::before { | 2828 #search-results-pane-file-based li.parent::before { |
2829 background-image: url(Images/statusbarButtonGlyphs2x.png); | 2829 background-image: url(Images/statusbarButtonGlyphs2x.png); |
2830 } | 2830 } |
2831 } | 2831 } /* media */ |
2832 | 2832 |
2833 #search-results-pane-file-based li.parent::before { | 2833 #search-results-pane-file-based li.parent::before { |
2834 background-position: -4px -96px; | 2834 background-position: -4px -96px; |
2835 } | 2835 } |
2836 | 2836 |
2837 #search-results-pane-file-based li.parent.expanded::before { | 2837 #search-results-pane-file-based li.parent.expanded::before { |
2838 background-position: -20px -96px; | 2838 background-position: -20px -96px; |
2839 } | 2839 } |
2840 | 2840 |
2841 #search-results-pane-file-based .search-result { | 2841 #search-results-pane-file-based .search-result { |
(...skipping 263 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3105 pointer-events: auto; | 3105 pointer-events: auto; |
3106 -webkit-user-select: text; | 3106 -webkit-user-select: text; |
3107 font-size: 11px; | 3107 font-size: 11px; |
3108 cursor: text; | 3108 cursor: text; |
3109 line-height: 14px; | 3109 line-height: 14px; |
3110 } | 3110 } |
3111 | 3111 |
3112 .elements-tree-outline li.parent::before { | 3112 .elements-tree-outline li.parent::before { |
3113 top: 0 !important; | 3113 top: 0 !important; |
3114 } | 3114 } |
OLD | NEW |