| 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 |