Roll reference builds to 35.0.1916.114.

chrome_linux/resources/inspector/elementsPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 13 matching lines @@
  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 #elements-content {
     flex: 1 1;
     overflow: auto;
     padding-left: 0;
+    -webkit-transform: translateZ(0);
 }
 
 #elements-crumbs {
     flex: 0 0 19px;
-    background-color: rgb(236, 236, 236);
+    background-color: white;
     border-top: 1px solid #ccc;
+    overflow: hidden;
+    height: 19px;
+    width: 100%;
 }
 
 #elements-content > ol {
     display: inline-block;
     min-height: 100%;
+    -webkit-transform: translateZ(0);
 }
 
 #elements-content .editing {
     margin-left: 8px;
 }
 
 #elements-content .elements-gutter-decoration {
     position: absolute;
     left: 1px;
     margin-top: 2px;
@@ skipping 154 matching lines @@
 }
 
 .styles-section .properties li.not-parsed-ok {
     margin-left: 0;
 }
 
 .styles-section.computed-style .properties li.not-parsed-ok {
     margin-left: -6px;
 }
 
+.styles-section .properties li.filter-match,
+.styles-section .simple-selector.filter-match {
+    background-color: rgba(255, 255, 0, 0.5);
+}
+
+.styles-section .properties li.overloaded.filter-match {
+    background-color: rgba(255, 255, 0, 0.25);
+}
+
 .styles-section .properties li.not-parsed-ok .exclamation-mark {
     display: inline-block;
     position: relative;
     width: 11px;
     height: 10px;
     margin: 0 7px 0 0;
     top: 1px;
     left: -36px; /* outdent to compensate for the top-level property indent */
     -webkit-user-select: none;
     cursor: default;
@@ skipping 68 matching lines @@
     opacity: 1.0;
 }
 
 .styles-section.expanded .properties {
     display: block;
 }
 
 .styles-section .properties li {
     margin-left: 12px;
     padding-left: 22px;
-    padding-top: 0;
     white-space: normal;
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: auto;
 }
 
 .styles-section.computed-style.expanded .properties > li {
     padding-left: 0;
 }
 
@@ skipping 49 matching lines @@
     margin-right: 2px;
     margin-left: -6px;
     opacity: 0.55;
     width: 8px;
     height: 10px;
     display: inline-block;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .styles-section.matched-styles .properties li.parent .expand-element {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .styles-section.matched-styles .properties li.parent .expand-element {
     background-position: -4px -96px;
 }
 
 .styles-section.matched-styles .properties li.parent.expanded .expand-element {
     background-position: -20px -96px;
 }
@@ skipping 32 matching lines @@
 .styles-section .properties .inactive,
 .styles-section .properties .disabled,
 .styles-section .properties .not-parsed-ok:not(.has-ignorable-error) {
     text-decoration: line-through;
 }
 
 .styles-section .properties .has-ignorable-error .webkit-css-property {
     color: inherit;
 }
 
-.styles-section.computed-style .properties {
-    margin-top: 18px;
-}
-
 .styles-section.computed-style .properties .disabled {
     text-decoration: none;
     opacity: 0.5;
 }
 
 .styles-section .properties .implicit,
 .styles-section .properties .inherited {
     opacity: 0.5;
 }
 
 .styles-section .properties .has-ignorable-error {
     color: gray;
 }
 
 .styles-element-state-pane {
-    background-color: rgb(240, 240, 240);
     overflow: hidden;
     margin-top: -56px;
     padding-top: 18px;
     height: 56px;
     -webkit-transition: margin-top 0.1s ease-in-out;
     padding-left: 2px;
 }
 
 .styles-element-state-pane.expanded {
     border-bottom: 1px solid rgb(189, 189, 189);
     margin-top: 0;
 }
 
 .styles-element-state-pane > table {
     width: 100%;
     border-spacing: 0;
 }
 
-.styles-element-state-pane input {
-    margin: 2px;
-    vertical-align: -2px;
+.styles-element-state-pane label {
+    display: flex;
+    margin: 1px;
 }
 
 .styles-selector {
     cursor: text;
 }
 
 .body .styles-section .properties .inherited {
     display: none;
 }
 
@@ skipping 51 matching lines @@
     color: transparent;
     text-shadow: none;
     float: left;
     width: 8px;
     margin-right: 4px;
     margin-top: 2px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .event-bars .event-bar .header::before {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .event-bars .event-bar .header::before {
     background-position: -4px -96px;
 }
 
 .event-bars .event-bar.expanded .header::before {
     background-position: -20px -96px;
 }
 
 .image-preview-container {
     background: transparent;
     text-align: center;
 }
 
 .image-preview-container img {
     margin: 2px auto;
     max-width: 100px;
     max-height: 100px;
     background-image: url(Images/checker.png);
     -webkit-user-select: text;
     -webkit-user-drag: auto;
 }
 
 .sidebar-pane.composite {
-    overflow: hidden;
     position: absolute;
 }
 
 .sidebar-pane.composite > .body {
     height: 100%;
 }
 
 .sidebar-pane.composite .metrics {
     border-bottom: 1px solid rgb(64%, 64%, 64%);
     height: 206px;
-    display: -webkit-flex;
-    -webkit-flex-direction: column;
+    display: flex;
+    flex-direction: column;
     -webkit-align-items: center;
     -webkit-justify-content: center;
 }
 
+.sidebar-pane .metrics-and-styles,
+.sidebar-pane .metrics-and-computed {
+    display: flex !important;
+    flex-direction: column !important;
+    position: relative;
+}
+
+.sidebar-pane .style-panes-wrapper {
+    flex: 1;
+    overflow-y: auto;
+    position: relative;
+}
+
+.sidebar-pane.composite .metrics-and-computed .sidebar-pane-toolbar,
+.sidebar-pane.composite .metrics-and-styles .sidebar-pane-toolbar {
+    position: absolute;
+}
+
+.sidebar-pane-filter-box {
+    display: flex;
+    border-top: 1px solid rgb(191, 191, 191);
+    flex-basis: 19px;
+}
+
+.sidebar-pane-filter-box > input {
+    outline: none !important;
+    border: none;
+    width: 100%;
+    margin: 0 4px;
+    background: transparent;
+}
+
+.styles-filter-engaged {
+    background-color: rgba(255, 255, 0, 0.5);
+}
+
 .sidebar-pane.composite .metrics-and-computed .sidebar-pane-toolbar {
     margin-top: 4px;
     margin-bottom: -4px;
     position: relative;
 }
 
 .sidebar-pane.composite .platform-fonts .body {
     padding: 1ex;
     -webkit-user-select: text;
 }
@@ skipping 16 matching lines @@
 
 .sidebar-pane.composite .platform-fonts .font-stats-item .delimeter {
     margin: 0 1ex 0 1ex;
 }
 
 .sidebar-pane.composite .metrics-and-styles .metrics {
     border-bottom: none;
 }
 
 .styles-section.computed-style > .header > .sidebar-pane-subtitle {
-    top: 4px;
-    left: 8px;
+    line-height: 17px;
+    margin: 2px;
     -webkit-user-select: none;
 }
 
 .styles-section.computed-style > .header > .sidebar-pane-subtitle > input {
     vertical-align: middle;
 }
 
 .sidebar-pane.composite .sidebar-pane-toolbar > .sidebar-pane-subtitle {
     left: 8px;
 }
 
+.sidebar-pane > .body > .split-view {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
 .panel.elements .sidebar-pane-toolbar > select {
     float: right;
     width: 23px;
     height: 17px;
     color: transparent;
     background-color: transparent;
     border: none;
     background-repeat: no-repeat;
     margin: 1px 0 0 0;
     padding: 0;
@@ skipping 27 matching lines @@
 .styles-section:not(.read-only) span.simple-selector.styles-panel-hovered {
     text-decoration: underline;
     cursor: default;
 }
 
 .styles-clipboard-only {
     display: inline-block;
     width: 0;
     opacity: 0;
 }
+
+li.child-editing .styles-clipboard-only {
+    display: none;
+}