Update To 11.40.268.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / Source / devtools / front_end / sidebarPane.css

diff --git a/src/third_party/WebKit/Source/devtools/front_end/sidebarPane.css b/src/third_party/WebKit/Source/devtools/front_end/sidebarPane.css
index 0383f4f..34accbf 100644 (file)
--- a/src/third_party/WebKit/Source/devtools/front_end/sidebarPane.css
+++ b/src/third_party/WebKit/Source/devtools/front_end/sidebarPane.css
@@ -34,8 +34,6 @@
 .sidebar-pane > .body {
     position: relative;
     display: none;
-    overflow-y: auto;
-    overflow-x: hidden;
 }
 
 .sidebar-pane > .body .info {
@@ -46,6 +44,11 @@
     color: #888;
 }
 
+.sidebar-pane > .body .placard.dimmed {
+    opacity: 0.6;
+    font-style: italic;
+}
+
 .sidebar-pane > .body .placard + .info {
     border-top: 1px solid rgb(189, 189, 189);
     background-color: rgb(255, 255, 194);
@@ -61,7 +64,7 @@
 
 .sidebar-tabbed-pane .tabbed-pane-header {
     border-bottom: 1px solid rgb(202, 202, 202);
-    background-color: rgb(236, 236, 236);
+    background-color: #eee;
 }
 
 .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
@@ -70,16 +73,15 @@
 
 .sidebar-pane-title {
     position: relative;
-    background: rgb(240, 240, 240);
+    background-color: #eee;
     height: 20px;
     padding: 0 5px;
     border-top: 1px solid rgb(189, 189, 189);
     border-bottom: 1px solid rgb(189, 189, 189);
     line-height: 18px;
-    background-origin: padding;
-    background-clip: padding;
     margin-top: -1px;
     white-space: nowrap;
+    overflow: hidden;
 }
 
 .sidebar-pane-title:active {
@@ -133,7 +135,7 @@
 .sidebar-pane-toolbar > .pane-title-button,
 .sidebar-pane-toolbar > label {
     float: right;
-    height: 17px;
+    height: 16px;
     background-color: transparent;
     border: none;
     background-repeat: no-repeat;
@@ -159,6 +161,14 @@
 
 .sidebar-pane-toolbar > .pane-title-button.add {
     background-image: url(Images/paneAddButtons.png);
+    position: relative;
+}
+
+.sidebar-pane-toolbar > .pane-title-button.add .long-click-glyph {
+    background-color: rgba(135, 135, 135, 1);
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
+    -webkit-mask-position: -298px -53px;
+    -webkit-mask-size: 320px 144px;
 }
 
 .sidebar-pane-toolbar > .pane-title-button.element-state {
@@ -175,16 +185,6 @@
     display: flex;
 }
 
-.sidebar-pane-subtitle {
-    position: absolute;
-    right: 0;
-}
-
-body.platform-windows .sidebar-pane-subtitle {
-    padding-top: 1px;
-}
-
-.sidebar-pane-subtitle input,
 .section > .header input[type=checkbox] {
     height: 1em;
     width: 1em;
@@ -193,3 +193,30 @@ body.platform-windows .sidebar-pane-subtitle {
     margin-bottom: 0.25em;
     vertical-align: bottom;
 }
+
+.hidden-placards-message {
+    text-align: center;
+    font-style: italic;
+    padding: 4px;
+    color: #888;
+    background-color: #FFFFC2;
+}
+
+.sidebar-pane-button-new-rule {
+    background-image: url(Images/paneAddButtons.png);
+    background-position: 0 0;
+    position: absolute;
+    height: 16px;
+    width: 23px;
+    right: 10px;
+    bottom: 1px;
+    visibility: hidden;
+}
+
+.styles-section.matched-styles:not(.read-only):hover .sidebar-pane-button-new-rule {
+    visibility: visible;
+}
+
+.sidebar-pane-button-new-rule:hover {
+    background-position: -23px 0;
+}