[DevTools] Remove outline-disclosure and sidebar-tree.

third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.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 89 matching lines @@
     flex: auto;
     width: 100%;
     height: 100%;
 }
 
 iframe.panel.extension {
     display: block;
     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;
 }
 
 .child-editing {
     color: #222 !important;
     text-decoration: none !important;
     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;
 }