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 .shadow-xml-view { | 7 .shadow-xml-view { |
8 -webkit-user-select: text; | 8 -webkit-user-select: text; |
9 overflow: auto; | 9 overflow: auto; |
10 padding: 2px 4px; | 10 padding: 2px 4px; |
11 } | 11 } |
12 | |
13 .shadow-xml-view ol { | |
14 list-style: none; | |
15 padding: 0; | |
16 margin: 0; | |
17 -webkit-padding-start: 16px;/* step width + arrow width */ | |
18 } | |
19 | |
20 .shadow-xml-view > ol { | |
21 -webkit-padding-start: 0; | |
22 } | |
23 | |
24 .shadow-xml-view ol.children:not(.expanded) { | |
25 display: none; | |
26 } | |
27 | |
28 .shadow-xml-view li.parent::before { | |
29 -webkit-user-select: none; | |
30 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | |
31 -webkit-mask-size: 352px 168px; | |
32 -webkit-mask-position: -4px -97px; | |
33 background-color: rgb(110, 110, 110); | |
34 content: " "; | |
35 width: 10px;/* arrow width */ | |
36 height: 10px; | |
37 display: inline-block; | |
38 position: relative; | |
39 top: 2px; | |
40 } | |
41 | |
42 .shadow-xml-view li.parent.expanded::before { | |
43 -webkit-mask-position: -20px -97px; | |
44 } | |
45 | |
46 @media (-webkit-min-device-pixel-ratio: 1.1) { | |
47 .shadow-xml-view li.parent::before { | |
48 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | |
49 } | |
50 } /* media */ | |
51 | |
52 .shadow-xml-view li:not(.parent) { | |
53 margin-left: 10px; /* arrow width */ | |
54 } | |
55 | |
56 .shadow-xml-view li.shadow-xml-view-close-tag { | |
57 margin-left: -6px; /* step width */ | |
58 } | |
59 | |
60 .shadow-xml-view-tag { | |
61 color: rgb(136, 18, 128); | |
62 } | |
63 | |
64 .shadow-xml-view-comment { | |
65 color: rgb(35, 110, 37); | |
66 } | |
67 | |
68 .shadow-xml-view-processing-instruction { | |
69 color: rgb(35, 110, 37); | |
70 } | |
71 | |
72 .shadow-xml-view-attribute-name { | |
73 color: rgb(153, 69, 0); | |
74 } | |
75 | |
76 .shadow-xml-view-attribute-value { | |
77 color: rgb(26, 26, 166); | |
78 } | |
79 | |
80 .shadow-xml-view-text { | |
81 color: rgb(0, 0, 0); | |
82 white-space: pre; | |
83 } | |
84 | |
85 .shadow-xml-view-cdata { | |
86 color: rgb(0, 0, 0); | |
87 } | |
OLD | NEW |