OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2014 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 .elements-disclosure { | 7 .elements-disclosure { |
8 width: 100%; | 8 width: 100%; |
9 display: inline-block; | 9 display: inline-block; |
10 line-height: normal; | 10 line-height: normal; |
11 } | 11 } |
12 | 12 |
13 .elements-disclosure li { | 13 .elements-disclosure li { |
14 /** Keep margin-left & padding-left in sync with ElementsTreeElements.update
Decorators **/ | 14 /** Keep margin-left & padding-left in sync with ElementsTreeElements.update
Decorators **/ |
15 padding: 0 0 0 14px; | 15 padding: 0 0 0 14px; |
16 margin-top: 1px; | 16 margin-top: 1px; |
17 margin-left: -2px; | 17 margin-left: -2px; |
18 word-wrap: break-word; | 18 word-wrap: break-word; |
19 position: relative; | 19 position: relative; |
20 } | 20 } |
21 | 21 |
22 .elements-disclosure li.parent { | 22 .elements-disclosure li.parent { |
23 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ | 23 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ |
24 margin-left: -13px; | 24 margin-left: -13px; |
25 } | 25 } |
26 | 26 |
27 .elements-disclosure li.parent::before { | 27 .elements-disclosure li.parent::before { |
28 float: left; | |
29 width: 10px; | |
30 box-sizing: border-box; | 28 box-sizing: border-box; |
31 } | 29 } |
32 | 30 |
33 .elements-disclosure li.parent::before { | 31 .elements-disclosure li.parent::before { |
34 -webkit-user-select: none; | 32 -webkit-user-select: none; |
35 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 33 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
36 -webkit-mask-size: 352px 168px; | 34 -webkit-mask-size: 352px 168px; |
37 content: "a"; | 35 content: "aa"; |
38 color: transparent; | 36 color: transparent; |
39 text-shadow: none; | 37 text-shadow: none; |
40 margin-right: 1px; | 38 margin-right: -3px; |
41 } | 39 } |
42 | 40 |
43 .elements-disclosure li.always-parent::before { | 41 .elements-disclosure li.always-parent::before { |
44 visibility: hidden; | 42 visibility: hidden; |
45 } | 43 } |
46 | 44 |
47 @media (-webkit-min-device-pixel-ratio: 1.5) { | 45 @media (-webkit-min-device-pixel-ratio: 1.5) { |
48 .elements-disclosure li.parent::before { | 46 .elements-disclosure li.parent::before { |
49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 47 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
50 } | 48 } |
(...skipping 267 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
318 ol:focus li.selected .webkit-html-resource-link { | 316 ol:focus li.selected .webkit-html-resource-link { |
319 color: white; | 317 color: white; |
320 } | 318 } |
321 | 319 |
322 ol:focus li.selected .webkit-html-attribute-name { | 320 ol:focus li.selected .webkit-html-attribute-name { |
323 color: #ccc; | 321 color: #ccc; |
324 } | 322 } |
325 | 323 |
326 .elements-disclosure .gutter-container { | 324 .elements-disclosure .gutter-container { |
327 position: absolute; | 325 position: absolute; |
| 326 top: 0; |
328 } | 327 } |
329 | 328 |
330 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { | 329 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { |
331 left: 0px; | 330 left: 0px; |
332 width: 16.25px; | 331 width: 16.25px; |
333 height: 18px; | 332 height: 18px; |
334 transform: rotate(-90deg) translateX(-13px) scale(0.8); | 333 transform: rotate(-90deg) translateX(-13px) scale(0.8); |
335 transform-origin: 0% 0%; | 334 transform-origin: 0% 0%; |
336 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 335 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
337 -webkit-mask-position: -201px -27px; | 336 -webkit-mask-position: -201px -27px; |
338 -webkit-mask-size: 352px 168px; | 337 -webkit-mask-size: 352px 168px; |
339 background-color: white; | 338 background-color: white; |
340 cursor: pointer; | 339 cursor: pointer; |
341 } | 340 } |
342 | 341 |
343 @media (-webkit-min-device-pixel-ratio: 1.5) { | 342 @media (-webkit-min-device-pixel-ratio: 1.5) { |
344 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { | 343 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { |
345 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 344 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
346 } | 345 } |
347 } /* media */ | 346 } /* media */ |
OLD | NEW |