Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(99)

Side by Side Diff: Source/devtools/front_end/inspector.css

Issue 15962010: Indent media queries in CSS files for the DevTools. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Don't indent media queries but leave a comment explaining where the closing brace for media queries… Created 7 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698