| 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 |