| 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 166 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 177 white-space: nowrap; | 177 white-space: nowrap; |
| 178 background-origin: padding; | 178 background-origin: padding; |
| 179 background-clip: padding; | 179 background-clip: padding; |
| 180 -webkit-user-select: text; | 180 -webkit-user-select: text; |
| 181 } | 181 } |
| 182 | 182 |
| 183 .styles-section:not(.first-styles-section) { | 183 .styles-section:not(.first-styles-section) { |
| 184 border-top: 1px solid rgb(191, 191, 191); | 184 border-top: 1px solid rgb(191, 191, 191); |
| 185 } | 185 } |
| 186 | 186 |
| 187 .styles-sidebar-placeholder { |
| 188 height: 16px; |
| 189 } |
| 190 |
| 187 .styles-section.read-only { | 191 .styles-section.read-only { |
| 188 background-color: rgb(240, 240, 240); | 192 background-color: rgb(240, 240, 240); |
| 189 } | 193 } |
| 190 | 194 |
| 191 .styles-section .properties li.not-parsed-ok { | 195 .styles-section .properties li.not-parsed-ok { |
| 192 margin-left: 0; | 196 margin-left: 0; |
| 193 } | 197 } |
| 194 | 198 |
| 195 .styles-section.computed-style .properties li.not-parsed-ok { | 199 .styles-section.computed-style .properties li.not-parsed-ok { |
| 196 margin-left: -6px; | 200 margin-left: -6px; |
| (...skipping 337 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 534 | 538 |
| 535 .image-preview-container img { | 539 .image-preview-container img { |
| 536 margin: 2px auto; | 540 margin: 2px auto; |
| 537 max-width: 100px; | 541 max-width: 100px; |
| 538 max-height: 100px; | 542 max-height: 100px; |
| 539 background-image: url(Images/checker.png); | 543 background-image: url(Images/checker.png); |
| 540 -webkit-user-select: text; | 544 -webkit-user-select: text; |
| 541 -webkit-user-drag: auto; | 545 -webkit-user-drag: auto; |
| 542 } | 546 } |
| 543 | 547 |
| 544 | |
| 545 .sidebar-pane.composite { | 548 .sidebar-pane.composite { |
| 546 overflow: hidden; | 549 overflow: hidden; |
| 547 position: absolute; | 550 position: absolute; |
| 548 } | 551 } |
| 549 | 552 |
| 550 .sidebar-pane.composite > .body { | 553 .sidebar-pane.composite > .body { |
| 551 height: 100%; | 554 height: 100%; |
| 552 } | 555 } |
| 553 | 556 |
| 554 .sidebar-pane.composite .metrics { | 557 .sidebar-pane.composite .metrics { |
| 555 border-bottom: 1px solid rgb(64%, 64%, 64%); | 558 border-bottom: 1px solid rgb(64%, 64%, 64%); |
| 556 height: 206px; | 559 height: 206px; |
| 557 display: -webkit-flex; | 560 display: -webkit-flex; |
| 558 -webkit-flex-direction: column; | 561 -webkit-flex-direction: column; |
| 559 -webkit-align-items: center; | 562 -webkit-align-items: center; |
| 560 -webkit-justify-content: center; | 563 -webkit-justify-content: center; |
| 561 } | 564 } |
| 562 | 565 |
| 566 .sidebar-pane.composite .computed-style { |
| 567 border-bottom: 1px solid rgb(64%, 64%, 64%); |
| 568 } |
| 569 |
| 563 .sidebar-pane.composite .metrics-and-computed .sidebar-pane-toolbar { | 570 .sidebar-pane.composite .metrics-and-computed .sidebar-pane-toolbar { |
| 564 margin-top: 4px; | 571 margin-top: 4px; |
| 565 margin-bottom: -4px; | 572 margin-bottom: -4px; |
| 566 position: relative; | 573 position: relative; |
| 567 } | 574 } |
| 568 | 575 |
| 576 .sidebar-pane.composite .platform-fonts { |
| 577 padding: 1ex; |
| 578 -webkit-user-select: text; |
| 579 } |
| 580 |
| 581 .sidebar-pane.composite .platform-fonts .stats-section { |
| 582 margin-bottom: 5px; |
| 583 } |
| 584 |
| 585 .sidebar-pane.composite .platform-fonts .css-font-value { |
| 586 margin-left: 1ex; |
| 587 } |
| 588 |
| 589 .sidebar-pane.composite .platform-fonts .font-stats-item { |
| 590 padding-left: 1em; |
| 591 } |
| 592 |
| 593 .sidebar-pane.composite .platform-fonts .font-stats-item .delimeter { |
| 594 margin: 0 1ex 0 1ex; |
| 595 } |
| 596 |
| 569 .sidebar-pane.composite .metrics-and-styles .metrics { | 597 .sidebar-pane.composite .metrics-and-styles .metrics { |
| 570 border-top: 1px solid rgb(64%, 64%, 64%); | 598 border-top: 1px solid rgb(64%, 64%, 64%); |
| 571 border-bottom: none; | 599 border-bottom: none; |
| 572 } | 600 } |
| 573 | 601 |
| 574 .sidebar-pane.composite .sidebar-pane-toolbar > .sidebar-pane-subtitle { | 602 .sidebar-pane.composite .sidebar-pane-toolbar > .sidebar-pane-subtitle { |
| 575 left: 8px; | 603 left: 8px; |
| 576 } | 604 } |
| 577 | 605 |
| 578 .sidebar-pane.composite .styles-section.read-only { | 606 .sidebar-pane.composite .styles-section.read-only { |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 612 .panel.elements .sidebar-pane-toolbar > select > hr { | 640 .panel.elements .sidebar-pane-toolbar > select > hr { |
| 613 color: black; | 641 color: black; |
| 614 } | 642 } |
| 615 | 643 |
| 616 .styles-section:not(.read-only) .properties .webkit-css-property.styles-panel-ho
vered, | 644 .styles-section:not(.read-only) .properties .webkit-css-property.styles-panel-ho
vered, |
| 617 .styles-section:not(.read-only) .properties .value .styles-panel-hovered, | 645 .styles-section:not(.read-only) .properties .value .styles-panel-hovered, |
| 618 .styles-section:not(.read-only) .properties .value.styles-panel-hovered { | 646 .styles-section:not(.read-only) .properties .value.styles-panel-hovered { |
| 619 text-decoration: underline; | 647 text-decoration: underline; |
| 620 cursor: default; | 648 cursor: default; |
| 621 } | 649 } |
| OLD | NEW |