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; |
(...skipping 19 matching lines...) Expand all Loading... |
30 content: " == $0"; | 30 content: " == $0"; |
31 color: black; | 31 color: black; |
32 opacity: 0.6; | 32 opacity: 0.6; |
33 position: absolute; | 33 position: absolute; |
34 } | 34 } |
35 | 35 |
36 .elements-disclosure li.selected.editing-as-html:after { | 36 .elements-disclosure li.selected.editing-as-html:after { |
37 display: none; | 37 display: none; |
38 } | 38 } |
39 | 39 |
40 .elements-disclosure ol:focus li.selected:after { | 40 .elements-disclosure ol li.selected:focus:after { |
41 color: white; | 41 color: white; |
42 } | 42 } |
43 | 43 |
44 .elements-disclosure li.parent::before { | 44 .elements-disclosure li.parent::before { |
45 box-sizing: border-box; | 45 box-sizing: border-box; |
46 } | 46 } |
47 | 47 |
48 .elements-disclosure li.parent::before { | 48 .elements-disclosure li.parent::before { |
49 -webkit-user-select: none; | 49 -webkit-user-select: none; |
50 -webkit-mask-image: url(Images/treeoutlineTriangles.png); | 50 -webkit-mask-image: url(Images/treeoutlineTriangles.png); |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
113 | 113 |
114 .elements-disclosure > ol { | 114 .elements-disclosure > ol { |
115 position: relative; | 115 position: relative; |
116 margin: 0; | 116 margin: 0; |
117 cursor: default; | 117 cursor: default; |
118 min-width: 100%; | 118 min-width: 100%; |
119 min-height: 100%; | 119 min-height: 100%; |
120 padding-left: 2px; | 120 padding-left: 2px; |
121 } | 121 } |
122 | 122 |
123 .elements-disclosure ol:focus li.selected { | 123 .elements-disclosure ol li.selected:focus { |
124 color: white; | 124 color: white; |
125 } | 125 } |
126 | 126 |
127 .elements-disclosure ol:focus li.parent.selected::before { | 127 .elements-disclosure ol li.parent.selected:focus::before { |
128 background-color: white; | 128 background-color: white; |
129 } | 129 } |
130 | 130 |
131 .elements-disclosure ol:focus li.selected * { | 131 .elements-disclosure ol li.selected:focus * { |
132 color: inherit; | 132 color: inherit; |
133 } | 133 } |
134 | 134 |
135 .elements-disclosure ol:focus li.selected .selection { | 135 .elements-disclosure ol li.selected:focus .selection { |
136 background-color: rgb(56, 121, 217); | 136 background-color: rgb(56, 121, 217); |
137 } | 137 } |
138 | 138 |
139 .elements-tree-outline ol.shadow-root-depth-4 { | 139 .elements-tree-outline ol.shadow-root-depth-4 { |
140 background-color: rgba(0, 0, 0, 0.04); | 140 background-color: rgba(0, 0, 0, 0.04); |
141 } | 141 } |
142 | 142 |
143 .elements-tree-outline ol.shadow-root-depth-3 { | 143 .elements-tree-outline ol.shadow-root-depth-3 { |
144 background-color: rgba(0, 0, 0, 0.03); | 144 background-color: rgba(0, 0, 0, 0.03); |
145 } | 145 } |
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
296 | 296 |
297 ol:hover > li > .elements-tree-shortcut-link { | 297 ol:hover > li > .elements-tree-shortcut-link { |
298 display: initial; | 298 display: initial; |
299 } | 299 } |
300 | 300 |
301 .elements-tree-shortcut-link { | 301 .elements-tree-shortcut-link { |
302 color: rgb(87, 87, 87); | 302 color: rgb(87, 87, 87); |
303 display: none; | 303 display: none; |
304 } | 304 } |
305 | 305 |
306 ol:focus li.selected .webkit-html-tag { | 306 ol li.selected:focus .webkit-html-tag { |
307 color: #a5a5a5; | 307 color: #a5a5a5; |
308 } | 308 } |
309 | 309 |
310 ol:focus li.selected .webkit-html-tag-name, | 310 ol li.selected:focus .webkit-html-tag-name, |
311 ol:focus li.selected .webkit-html-close-tag-name, | 311 ol li.selected:focus .webkit-html-close-tag-name, |
312 ol:focus li.selected .webkit-html-attribute-value, | 312 ol li.selected:focus .webkit-html-attribute-value, |
313 ol:focus li.selected .devtools-link { | 313 ol li.selected:focus .devtools-link { |
314 color: white; | 314 color: white; |
315 } | 315 } |
316 | 316 |
317 ol:focus li.selected .webkit-html-attribute-name { | 317 ol li.selected:focus .webkit-html-attribute-name { |
318 color: #ccc; | 318 color: #ccc; |
319 } | 319 } |
320 | 320 |
321 .elements-disclosure .gutter-container { | 321 .elements-disclosure .gutter-container { |
322 position: absolute; | 322 position: absolute; |
323 top: 0; | 323 top: 0; |
324 } | 324 } |
325 | 325 |
326 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { | 326 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { |
327 left: 0px; | 327 left: 0px; |
(...skipping 30 matching lines...) Expand all Loading... |
358 border-color: hsla(0,0%,0%,0.1); | 358 border-color: hsla(0,0%,0%,0.1); |
359 } | 359 } |
360 | 360 |
361 .elements-tree-outline ol.shadow-root { | 361 .elements-tree-outline ol.shadow-root { |
362 border-color: hsla(0,0%,80%,1); | 362 border-color: hsla(0,0%,80%,1); |
363 } | 363 } |
364 | 364 |
365 li.selected:not(.always-parent) + ol.children { | 365 li.selected:not(.always-parent) + ol.children { |
366 border-color: hsla(216,68%,80%,1) !important; | 366 border-color: hsla(216,68%,80%,1) !important; |
367 } | 367 } |
OLD | NEW |