Index: third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css |
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css b/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css |
index 24d8ef359d59ffa0b8f5f9165311bdd7636a708e..24933e5c31f5323bf018bfce224bbf8ea93897f3 100644 |
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css |
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css |
@@ -107,116 +107,6 @@ iframe.panel.extension { |
height: 100%; |
} |
-.outline-disclosure { |
- padding: 0 0 0 4px; |
- margin: 0; |
-} |
- |
-.outline-disclosure li { |
- position: relative; |
-} |
- |
-.outline-disclosure li.hovered:not(.selected) .selection { |
- display: block; |
- left: 3px; |
- right: 3px; |
- background-color: rgba(56, 121, 217, 0.1); |
- border-radius: 5px; |
-} |
- |
-.outline-disclosure li .selection { |
- display: none; |
- z-index: -1; |
- margin-left: -10000px; |
-} |
- |
-.outline-disclosure li.selected .selection { |
- display: block; |
- background-color: #dadada; |
-} |
- |
-.outline-disclosure li.in-clipboard .highlight { |
- outline: 1px dotted darkgrey; |
-} |
- |
-.outline-disclosure li.elements-drag-over .selection { |
- display: block; |
- margin-top: -2px; |
- border-top: 2px solid rgb(56, 121, 217); |
-} |
- |
-ol.outline-disclosure:focus li.selected .selection { |
- background-color: rgb(56, 121, 217); |
-} |
- |
-ol.outline-disclosure:focus li.parent.selected::before { |
- background-color: white; |
-} |
- |
-ol.outline-disclosure, |
-.outline-disclosure ol { |
- list-style-type: none; |
-} |
- |
-.outline-disclosure-no-padding { |
- padding: 0; |
-} |
- |
-.outline-disclosure ol { |
- padding-left: 12px; |
-} |
- |
-.outline-disclosure li { |
- margin-top: 1px; |
- text-overflow: ellipsis; |
- white-space: nowrap; |
-} |
- |
-ol.outline-disclosure:focus li.selected { |
- color: white; |
-} |
- |
-ol.outline-disclosure:focus li.selected * { |
- color: inherit; |
-} |
- |
-.outline-disclosure li::before { |
- -webkit-user-select: none; |
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
- -webkit-mask-size: 352px 168px; |
- content: "aa"; |
- color: transparent; |
- text-shadow: none; |
- margin-right: -2px; |
-} |
- |
-.outline-disclosure li:not(.parent)::before { |
- background-color: transparent; |
-} |
- |
-@media (-webkit-min-device-pixel-ratio: 1.1) { |
-.outline-disclosure li::before { |
- -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
-} |
-} /* media */ |
- |
-.outline-disclosure li::before { |
- -webkit-mask-position: -4px -96px; |
- background-color: rgb(110, 110, 110); |
-} |
- |
-.outline-disclosure li.parent.expanded::before { |
- -webkit-mask-position: -20px -96px; |
-} |
- |
-.outline-disclosure ol.children { |
- display: none; |
-} |
- |
-.outline-disclosure ol.children.expanded { |
- display: block; |
-} |
- |
.properties-accessor-property-name { |
font-style: italic; |
} |
@@ -227,238 +117,6 @@ ol.outline-disclosure:focus li.selected * { |
overflow: visible !important; |
} |
-.sidebar-tree, |
-.sidebar-tree .children { |
- position: relative; |
- padding: 0; |
- margin: 0; |
- list-style: none; |
-} |
- |
-.sidebar-tree-section { |
- position: relative; |
- height: 18px; |
- padding: 1px 10px 6px 10px; |
- white-space: nowrap; |
- margin-top: 1px; |
- color: rgb(92, 110, 129); |
- text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; |
-} |
- |
-.sidebar-tree-item { |
- position: relative; |
- height: 36px; |
- padding: 0 5px 0 5px; |
- white-space: nowrap; |
- overflow-x: hidden; |
- overflow-y: hidden; |
- margin-top: 1px; |
- line-height: 34px; |
- border-top: 1px solid transparent; |
-} |
- |
-.sidebar-tree .children { |
- display: none; |
-} |
- |
-.sidebar-tree .children.expanded { |
- display: block; |
-} |
- |
-.sidebar-tree-section + .children > .sidebar-tree-item { |
- padding-left: 10px !important; |
-} |
- |
-.sidebar-tree-section + .children.small > .sidebar-tree-item { |
- padding-left: 17px !important; |
-} |
- |
-.sidebar-tree > .children > .sidebar-tree-item { |
- padding-left: 37px; |
-} |
- |
-.sidebar-tree > .children > .children > .sidebar-tree-item { |
- padding-left: 37px; |
-} |
- |
-.sidebar-tree.some-expandable > .sidebar-tree-item:not(.parent) .icon { |
- margin-left: 16px; |
-} |
- |
-.sidebar-tree-item .disclosure-button { |
- float: left; |
- width: 10px; |
- height: 10px; |
- border: 0; |
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
- -webkit-mask-size: 352px 168px; |
- -webkit-appearance: none; |
- background-color: rgba(0, 0, 0, 0.75); |
- position: relative; |
- top: 10px; |
-} |
- |
-@media (-webkit-min-device-pixel-ratio: 1.1) { |
-.sidebar-tree-item .disclosure-button { |
- -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
-} |
-} /* media */ |
- |
-.sidebar-tree-item .disclosure-button { |
- -webkit-mask-position: -4px -96px; |
-} |
- |
-.sidebar-tree-item.selected .disclosure-button { |
- background-color: white; |
- -webkit-mask-position: -4px -96px; |
-} |
- |
-.sidebar-tree-item.expanded .disclosure-button { |
- -webkit-mask-position: -20px -96px; |
-} |
- |
-.sidebar-tree-item.selected.expanded .disclosure-button { |
- background-color: white; |
- -webkit-mask-position: -20px -96px; |
-} |
- |
-.sidebar-tree-item .icon { |
- float: left; |
- width: 32px; |
- height: 32px; |
- margin-top: 1px; |
- margin-right: 3px; |
-} |
- |
-.sidebar-tree-item.wait .icon { |
- content: none; |
-} |
- |
-.sidebar-tree-item.wait .icon::before { |
- display: block; |
- width: 24px; |
- height: 24px; |
- margin: 4px; |
- border: 3px solid grey; |
- border-radius: 12px; |
- clip: rect(0, 15px, 15px, 0); |
- content: ""; |
- position: absolute; |
- -webkit-animation: spinner-animation 1s linear infinite; |
- box-sizing: border-box; |
-} |
- |
-.sidebar-tree-item.wait.small .icon::before { |
- width: 14px; |
- height: 14px; |
- margin: 1px; |
- clip: rect(0, 9px, 9px, 0); |
- border-width: 2px; |
-} |
- |
-.sidebar-tree-item.wait.selected .icon::before { |
- border-color: white; |
-} |
- |
-@-webkit-keyframes spinner-animation { |
- from { transform: rotate(0); } |
- to { transform: rotate(360deg); } |
-} |
- |
-li .status { |
- float: right; |
- height: 16px; |
- margin-top: 9px; |
- margin-left: 4px; |
- line-height: 1em; |
-} |
- |
-li .status:empty { |
- display: none; |
-} |
- |
-.sidebar-tree.small .sidebar-tree-item, |
-.sidebar-tree .children.small .sidebar-tree-item, |
-.sidebar-tree-item.small { |
- height: 20px; |
-} |
- |
-.sidebar-tree.small .sidebar-tree-item .icon, |
-.sidebar-tree .children.small .sidebar-tree-item .icon, |
-.sidebar-tree-item.small .icon { |
- width: 16px; |
- height: 16px; |
-} |
- |
-.sidebar-tree.small .sidebar-tree-item .status, |
-.sidebar-tree .children.small .sidebar-tree-item .status, |
-.sidebar-tree-item.small .status { |
- margin-top: 1px; |
-} |
- |
-.sidebar-tree-item.selected, |
-.-theme-selection-color { |
- color: white; |
- background-origin: padding-box; |
- background-clip: padding-box; |
- background-color: rgb(56, 121, 217); |
-} |
- |
-:focus .sidebar-tree-item.selected { |
- background-color: rgb(56, 121, 217); |
-} |
- |
-body.inactive .sidebar-tree-item.selected { |
- background-color: rgb(180,180,180); |
-} |
- |
-.sidebar-tree-item .titles { |
- display: flex; |
- flex-direction: column; |
- position: relative; |
- top: 5px; |
- line-height: 12px; |
- padding-bottom: 1px; |
- text-overflow: ellipsis; |
- overflow: hidden; |
- white-space: nowrap; |
-} |
- |
-.titles > .title-container { |
- display: flex; |
-} |
- |
-.sidebar-tree-item .titles.no-subtitle { |
- top: 10px; |
-} |
- |
-.sidebar-tree.small .sidebar-tree-item .titles, |
-.sidebar-tree .children.small .sidebar-tree-item .titles, |
-.sidebar-tree-item.small .titles { |
- top: 2px; |
- line-height: normal; |
-} |
- |
-.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, |
-.sidebar-tree .children:not(.small) .sidebar-tree-item .title::after { |
- content: "\A"; |
- white-space: pre; |
-} |
- |
-.sidebar-tree-item .subtitle { |
- font-size: 80%; |
-} |
- |
-.sidebar-tree.small .sidebar-tree-item .subtitle, |
-.sidebar-tree .children.small .sidebar-tree-item .subtitle, |
-.sidebar-tree-item.small .subtitle { |
- display: none; |
-} |
- |
-.sidebar-tree-item.selected .subtitle { |
- color: white; |
-} |
- |
.drawer-toolbar { |
margin-right: -6px; |
} |