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 10 matching lines...) Expand all Loading... |
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | 21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
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 #elements-content { | 30 #elements-content { |
| 31 flex: 1 1; |
| 32 overflow: auto; |
31 padding-left: 0; | 33 padding-left: 0; |
32 } | 34 } |
33 | 35 |
| 36 #elements-crumbs { |
| 37 flex: 0 0 19px; |
| 38 background-color: rgb(236, 236, 236); |
| 39 border-top: 1px solid #ccc; |
| 40 } |
| 41 |
34 #elements-content > ol { | 42 #elements-content > ol { |
35 display: inline-block; | 43 display: inline-block; |
36 min-height: 100%; | 44 min-height: 100%; |
37 } | 45 } |
38 | 46 |
39 #elements-content .editing { | 47 #elements-content .editing { |
40 margin-left: 8px; | 48 margin-left: 8px; |
41 } | 49 } |
42 | 50 |
43 #elements-content .elements-gutter-decoration { | 51 #elements-content .elements-gutter-decoration { |
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
163 } | 171 } |
164 | 172 |
165 .metrics .top { | 173 .metrics .top { |
166 display: inline-block; | 174 display: inline-block; |
167 } | 175 } |
168 | 176 |
169 .metrics .bottom { | 177 .metrics .bottom { |
170 display: inline-block; | 178 display: inline-block; |
171 } | 179 } |
172 | 180 |
173 | |
174 .styles-section { | 181 .styles-section { |
175 padding: 2px 2px 4px 4px; | 182 padding: 2px 2px 4px 4px; |
176 min-height: 18px; | 183 min-height: 18px; |
177 white-space: nowrap; | 184 white-space: nowrap; |
178 background-origin: padding; | 185 background-origin: padding; |
179 background-clip: padding; | 186 background-clip: padding; |
180 -webkit-user-select: text; | 187 -webkit-user-select: text; |
| 188 border-bottom: 1px solid rgb(191, 191, 191); |
181 } | 189 } |
182 | 190 |
183 .styles-section:not(.first-styles-section) { | 191 .styles-pane .sidebar-separator { |
184 border-top: 1px solid rgb(191, 191, 191); | 192 border-top: 0px none; |
| 193 } |
| 194 |
| 195 .styles-section.user-rule { |
| 196 display: none; |
| 197 } |
| 198 |
| 199 .show-user-styles .styles-section.user-rule { |
| 200 display: block; |
185 } | 201 } |
186 | 202 |
187 .styles-sidebar-placeholder { | 203 .styles-sidebar-placeholder { |
188 height: 16px; | 204 height: 16px; |
189 } | 205 } |
190 | 206 |
191 .styles-section.read-only { | 207 .styles-section.read-only { |
192 background-color: rgb(240, 240, 240); | 208 background-color: rgb(240, 240, 240); |
193 } | 209 } |
194 | 210 |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
241 } | 257 } |
242 | 258 |
243 .styles-section .header .subtitle a { | 259 .styles-section .header .subtitle a { |
244 color: inherit; | 260 color: inherit; |
245 } | 261 } |
246 | 262 |
247 .styles-section .selector { | 263 .styles-section .selector { |
248 color: #888; | 264 color: #888; |
249 } | 265 } |
250 | 266 |
251 .styles-section .selector-matches { | 267 .styles-section .simple-selector.selector-matches { |
252 color: #222; | 268 color: #222; |
253 } | 269 } |
254 | 270 |
255 .styles-section a[data-uncopyable] { | 271 .styles-section a[data-uncopyable] { |
256 display: inline-block; | 272 display: inline-block; |
257 } | 273 } |
258 | 274 |
259 .styles-section a[data-uncopyable]::before { | 275 .styles-section a[data-uncopyable]::before { |
260 content: attr(data-uncopyable); | 276 content: attr(data-uncopyable); |
261 text-decoration: underline; | 277 text-decoration: underline; |
(...skipping 326 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
588 | 604 |
589 .sidebar-pane.composite .platform-fonts .font-stats-item { | 605 .sidebar-pane.composite .platform-fonts .font-stats-item { |
590 padding-left: 1em; | 606 padding-left: 1em; |
591 } | 607 } |
592 | 608 |
593 .sidebar-pane.composite .platform-fonts .font-stats-item .delimeter { | 609 .sidebar-pane.composite .platform-fonts .font-stats-item .delimeter { |
594 margin: 0 1ex 0 1ex; | 610 margin: 0 1ex 0 1ex; |
595 } | 611 } |
596 | 612 |
597 .sidebar-pane.composite .metrics-and-styles .metrics { | 613 .sidebar-pane.composite .metrics-and-styles .metrics { |
598 border-top: 1px solid rgb(64%, 64%, 64%); | |
599 border-bottom: none; | 614 border-bottom: none; |
600 } | 615 } |
601 | 616 |
602 .sidebar-pane.composite .sidebar-pane-toolbar > .sidebar-pane-subtitle { | 617 .sidebar-pane.composite .sidebar-pane-toolbar > .sidebar-pane-subtitle { |
603 left: 8px; | 618 left: 8px; |
604 } | 619 } |
605 | 620 |
606 .sidebar-pane.composite .styles-section.read-only { | 621 .sidebar-pane.composite .styles-section.read-only { |
607 background-color: inherit; | 622 background-color: inherit; |
608 } | 623 } |
(...skipping 27 matching lines...) Expand all Loading... |
636 .panel.elements .sidebar-pane-toolbar > select.select-filter { | 651 .panel.elements .sidebar-pane-toolbar > select.select-filter { |
637 background-image: url(Images/paneFilterButtons.png); | 652 background-image: url(Images/paneFilterButtons.png); |
638 } | 653 } |
639 .panel.elements .sidebar-pane-toolbar > select > option, | 654 .panel.elements .sidebar-pane-toolbar > select > option, |
640 .panel.elements .sidebar-pane-toolbar > select > hr { | 655 .panel.elements .sidebar-pane-toolbar > select > hr { |
641 color: black; | 656 color: black; |
642 } | 657 } |
643 | 658 |
644 .styles-section:not(.read-only) .properties .webkit-css-property.styles-panel-ho
vered, | 659 .styles-section:not(.read-only) .properties .webkit-css-property.styles-panel-ho
vered, |
645 .styles-section:not(.read-only) .properties .value .styles-panel-hovered, | 660 .styles-section:not(.read-only) .properties .value .styles-panel-hovered, |
646 .styles-section:not(.read-only) .properties .value.styles-panel-hovered { | 661 .styles-section:not(.read-only) .properties .value.styles-panel-hovered, |
| 662 .styles-section:not(.read-only) span.simple-selector.styles-panel-hovered { |
647 text-decoration: underline; | 663 text-decoration: underline; |
648 cursor: default; | 664 cursor: default; |
649 } | 665 } |
OLD | NEW |