Fix an alignment issue with operationPushCatchScope on ARMv7
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / LayerTreeSidebarPanel.css
1 /*
2  * Copyright (C) 2013 Apple Inc. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 .layer-tree.panel .data-grid {
27     border-right: none;
28     border-left: none;
29     border-bottom: none;
30 }
31
32 .layer-tree.panel .name-column .icon {
33     content: url(../Images/DOMElement.svg);
34 }
35
36 .layer-tree.panel tr.reflection .name-column .icon {
37     content: url(../Images/Reflection.svg);
38 }
39
40 .layer-tree.panel tr.pseudo-element .name-column .icon {
41     content: url(../Images/PseudoElement.svg);
42 }
43
44 .layer-tree.panel .name-column .pseudo-element,
45 .layer-tree.panel .name-column .reflection {
46     color: rgb(128, 128, 128);
47 }
48
49 .layer-tree.panel tr.selected .name-column .pseudo-element,
50 .layer-tree.panel tr.selected .name-column .reflection {
51     color: rgba(255, 255, 255, 0.75);
52 }
53
54 .layer-tree.panel .bottom-bar {
55     position: relative;
56     height: 28px;
57     display: flex;
58 }
59
60 body.mac-platform.legacy .layer-tree.panel .bottom-bar {
61     height: 22px;
62 }
63
64 .layer-tree.panel .bottom-bar > div {
65     padding: 4px 6px;
66
67     line-height: 20px;
68
69     white-space: nowrap;
70     overflow: hidden;
71     text-overflow: ellipsis;
72
73     display: flex;
74     flex: 1;
75 }
76
77 body.mac-platform.legacy .layer-tree.panel .bottom-bar > div {
78     line-height: inherit;
79     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
80 }
81
82 .layer-tree.panel .layers-memory-label {
83     justify-content: flex-end;
84 }
85
86 .layer-tree-popover {
87     padding: 5px;
88 }
89
90 body.mac-platform.legacy .layer-tree-popover {
91     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
92 }
93
94 .layer-tree-popover p {
95     margin: 0;
96 }
97
98 .layer-tree-popover ul {
99     list-style-type: none;
100     margin: 10px 0 0 0;
101     padding-left: 10px;
102 }
103
104 .layer-tree-popover li {
105     line-height: 1.3em;
106 }