OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 11 matching lines...) Expand all Loading... |
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | 23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
28 */ | 28 */ |
29 | 29 |
30 .sidebar-pane { | 30 .sidebar-pane { |
31 position: relative; | 31 position: relative; |
32 flex: auto; | |
33 } | 32 } |
34 | 33 |
35 .sidebar-pane > .body { | 34 .sidebar-pane > .body { |
36 position: relative; | 35 position: relative; |
37 display: none; | 36 display: none; |
38 overflow-y: auto; | |
39 overflow-x: hidden; | |
40 } | 37 } |
41 | 38 |
42 .sidebar-pane > .body .info { | 39 .sidebar-pane > .body .info { |
43 text-align: center; | 40 text-align: center; |
44 font-style: italic; | 41 font-style: italic; |
45 font-size: 90%; | 42 font-size: 90%; |
46 padding: 6px; | 43 padding: 6px; |
47 color: #888; | 44 color: #888; |
48 } | 45 } |
49 | 46 |
(...skipping 23 matching lines...) Expand all Loading... |
73 position: relative; | 70 position: relative; |
74 background: rgb(240, 240, 240); | 71 background: rgb(240, 240, 240); |
75 height: 20px; | 72 height: 20px; |
76 padding: 0 5px; | 73 padding: 0 5px; |
77 border-top: 1px solid rgb(189, 189, 189); | 74 border-top: 1px solid rgb(189, 189, 189); |
78 border-bottom: 1px solid rgb(189, 189, 189); | 75 border-bottom: 1px solid rgb(189, 189, 189); |
79 line-height: 18px; | 76 line-height: 18px; |
80 background-origin: padding; | 77 background-origin: padding; |
81 background-clip: padding; | 78 background-clip: padding; |
82 margin-top: -1px; | 79 margin-top: -1px; |
| 80 white-space: nowrap; |
83 } | 81 } |
84 | 82 |
85 .sidebar-pane-title:active { | 83 .sidebar-pane-title:active { |
86 background-color: rgb(204, 204, 204); | 84 background-color: rgb(204, 204, 204); |
87 border-top: 1px solid rgb(178, 178, 178); | 85 border-top: 1px solid rgb(178, 178, 178); |
88 border-bottom: 1px solid rgb(178, 178, 178); | 86 border-bottom: 1px solid rgb(178, 178, 178); |
89 } | 87 } |
90 | 88 |
91 .sidebar-pane-title::before { | 89 .sidebar-pane-title::before { |
92 background-image: url(Images/statusbarButtonGlyphs.png); | 90 background-image: url(Images/statusbarButtonGlyphs.png); |
93 background-size: 320px 144px; | 91 background-size: 320px 144px; |
94 opacity: 0.5; | 92 opacity: 0.5; |
95 float: left; | 93 float: left; |
96 width: 11px; | 94 width: 11px; |
97 height: 11px; | 95 height: 11px; |
98 margin-right: 2px; | 96 margin-right: 2px; |
99 content: "a"; | 97 content: "a"; |
100 color: transparent; | 98 color: transparent; |
101 position: relative; | 99 position: relative; |
102 top: 3px; | 100 top: 3px; |
103 } | 101 } |
104 | 102 |
105 @media (-webkit-min-device-pixel-ratio: 1.5) { | 103 @media (-webkit-min-device-pixel-ratio: 1.5) { |
106 .sidebar-pane-title::before { | 104 .sidebar-pane-title::before { |
107 background-image: url(Images/statusbarButtonGlyphs2x.png); | 105 background-image: url(Images/statusbarButtonGlyphs_2x.png); |
108 } | 106 } |
109 } /* media */ | 107 } /* media */ |
110 | 108 |
111 .sidebar-pane-title::before { | 109 .sidebar-pane-title::before { |
112 background-position: -4px -96px; | 110 background-position: -4px -96px; |
113 } | 111 } |
114 | 112 |
115 .sidebar-pane-title.expanded::before { | 113 .sidebar-pane-title.expanded::before { |
116 background-position: -20px -96px; | 114 background-position: -20px -96px; |
117 } | 115 } |
118 | 116 |
119 .sidebar-pane-toolbar { | 117 .sidebar-pane-toolbar { |
120 line-height: 18px; | 118 line-height: 18px; |
121 left: 0; | 119 left: 0; |
122 right: 4px; | 120 right: 4px; |
123 top: 0; | 121 top: 0; |
124 height: 20px; | 122 height: 20px; |
125 position: absolute; | 123 position: absolute; |
126 pointer-events: none; | 124 pointer-events: none; |
127 } | 125 } |
128 | 126 |
129 .sidebar-pane-toolbar > * { | 127 .sidebar-pane-toolbar > * { |
130 pointer-events: auto; | 128 pointer-events: auto; |
131 } | 129 } |
132 | 130 |
133 .sidebar-pane-toolbar > .pane-title-button, | 131 .sidebar-pane-toolbar > .pane-title-button, |
134 .sidebar-pane-toolbar > label { | 132 .sidebar-pane-toolbar > label { |
135 float: right; | 133 float: right; |
136 height: 17px; | 134 height: 19px; |
137 background-color: transparent; | 135 background-color: transparent; |
138 border: none; | 136 border: none; |
139 background-repeat: no-repeat; | 137 background-repeat: no-repeat; |
140 margin: 1px 0 0 0; | 138 margin: 1px 0 0 0; |
141 padding: 0; | 139 padding: 0; |
142 border-radius: 0; | 140 border-radius: 0; |
143 -webkit-appearance: none; | 141 -webkit-appearance: none; |
144 } | 142 } |
145 | 143 |
146 .sidebar-pane-toolbar > .pane-title-button { | 144 .sidebar-pane-toolbar > .pane-title-button { |
(...skipping 15 matching lines...) Expand all Loading... |
162 } | 160 } |
163 | 161 |
164 .sidebar-pane-toolbar > .pane-title-button.element-state { | 162 .sidebar-pane-toolbar > .pane-title-button.element-state { |
165 background-image: url(Images/paneElementStateButtons.png); | 163 background-image: url(Images/paneElementStateButtons.png); |
166 } | 164 } |
167 | 165 |
168 .sidebar-pane-toolbar > .pane-title-button.refresh { | 166 .sidebar-pane-toolbar > .pane-title-button.refresh { |
169 background-image: url(Images/paneRefreshButtons.png); | 167 background-image: url(Images/paneRefreshButtons.png); |
170 } | 168 } |
171 | 169 |
172 .sidebar-pane-toolbar > label > input { | |
173 vertical-align: bottom; | |
174 } | |
175 | |
176 .sidebar-pane-toolbar > label.scripts-callstack-async { | 170 .sidebar-pane-toolbar > label.scripts-callstack-async { |
| 171 margin: auto; |
177 margin-right: 5px; | 172 margin-right: 5px; |
| 173 display: flex; |
178 } | 174 } |
179 | 175 |
180 .sidebar-pane-subtitle { | 176 .sidebar-pane-subtitle { |
181 position: absolute; | 177 position: absolute; |
182 right: 0; | 178 right: 0; |
183 } | 179 } |
184 | 180 |
185 body.platform-windows .sidebar-pane-subtitle { | 181 body.platform-windows .sidebar-pane-subtitle { |
186 padding-top: 1px; | 182 padding-top: 1px; |
187 } | 183 } |
188 | 184 |
189 .sidebar-pane-subtitle input, | |
190 .section > .header input[type=checkbox] { | 185 .section > .header input[type=checkbox] { |
191 height: 1em; | 186 height: 1em; |
192 width: 1em; | 187 width: 1em; |
193 margin-left: 0; | 188 margin-left: 0; |
194 margin-top: 0; | 189 margin-top: 0; |
195 margin-bottom: 0.25em; | 190 margin-bottom: 0.25em; |
196 vertical-align: bottom; | 191 vertical-align: bottom; |
197 } | 192 } |
OLD | NEW |