| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .computed-style-sidebar-pane { | 7 .computed-style-sidebar-pane { |
| 8 padding: 2px 2px 4px 4px; | 8 padding: 2px 2px 4px 4px; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 21 matching lines...) Expand all Loading... |
| 32 .computed-style-property:hover .computed-style-trace-button { | 32 .computed-style-property:hover .computed-style-trace-button { |
| 33 display: inline-block; | 33 display: inline-block; |
| 34 } | 34 } |
| 35 | 35 |
| 36 .computed-style-trace-button:hover { | 36 .computed-style-trace-button:hover { |
| 37 opacity: 1; | 37 opacity: 1; |
| 38 } | 38 } |
| 39 | 39 |
| 40 .computed-style-trace-button > .glyph { | 40 .computed-style-trace-button > .glyph { |
| 41 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 41 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
| 42 -webkit-mask-size: 320px 144px; | 42 -webkit-mask-size: 352px 144px; |
| 43 -webkit-mask-position: -224px -24px; | 43 -webkit-mask-position: -224px -24px; |
| 44 background-color: rgba(0, 0, 0, 0.75); | 44 background-color: rgba(0, 0, 0, 0.75); |
| 45 position: absolute; | 45 position: absolute; |
| 46 top: 0; | 46 top: 0; |
| 47 right: 0; | 47 right: 0; |
| 48 bottom: 0; | 48 bottom: 0; |
| 49 left: 0; | 49 left: 0; |
| 50 margin: 0 -1px; | 50 margin: 0 -1px; |
| 51 } | 51 } |
| 52 | 52 |
| 53 @media (-webkit-min-device-pixel-ratio: 1.5) { | 53 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 54 .computed-style-trace-button > .glyph { | 54 .computed-style-trace-button > .glyph { |
| 55 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 55 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 56 } | 56 } |
| 57 } /* media */ | 57 } /* media */ |
| 58 | 58 |
| 59 .computed-style-property { | 59 .computed-style-property { |
| 60 position: relative; | 60 position: relative; |
| 61 padding-left: 14px; | 61 padding-left: 14px; |
| 62 } | 62 } |
| OLD | NEW |